/* document canvas */
html { overflow: auto; -moz-box-sizing: border-box; box-sizing: border-box; }

body { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 0 0 0 0; border: none; }

body.popup { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

body.timegraph { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; }

body.export { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; }

body.header { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; background-size: contain; color: #ffffff; margin: 0 0 0 0; padding: 5px; }

body.browser { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

body.details { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

body.filter { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

body.logic { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

body.login { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; color: #333333; margin: 0 0 0 0; padding: 5px; border: none; }

div.header { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f4f4f4; background-size: contain; color: #000000; margin: 0 0 0 0; padding: 0px; border: none; height: 46px; vertical-align: middle; cursor: pointer; font-family: helvetica,arial,sans-serif; }
div.logindiv { position: absolute; top: 50; border: 2px solid #000000; width: 300px; background-color: #ffffff; -moz-border-radius: 6px; border-radius: 6px; }
div.accessmenu { position: absolute; top: 50; width: 150px; background-color: #222222; border: 2px solid #ffffff; padding: 2px 8px; -moz-border-radius: 6px; border-radius: 6px; }
div.accessmenuarrowIE { position: absolute; top: -30; background-color: transparent; }
div.accessmenuarrow { position: absolute; top: -10; left: 10px; width: 20px; height: 10px; background-image: url("./images/style/arrows.png"); background-position: 20px; }
div.accessmenu td { padding: 3px; }
div.accessmenu table { color: #ffffff; }
div.staticlogincontent { overflow: auto; cursor: auto; vertical-align: middle; text-align: left; }

/* headlines */
h1, h2, h3, h4, h5, h6 { font-family: helvetica,arial,sans-serif; font-weight: bold; color: #666699; }

h1 { font-size: 20px; margin-top: 16px; margin-bottom: 8px; margin-left: -30px; border-bottom: 1px solid #dddddd; }

h2 { font-size: 18px; margin-top: 16px; margin-bottom: 8px; margin-left: -20px; margin-right: 20px; }

h3 { font-size: 16px; margin-top: 16px; margin-bottom: 4px; }

h4 { font-size: 14px; margin-top: 14px; margin-bottom: 4px; }

h5 { font-size: 14px; margin-top: 14px; margin-bottom: 4px; color: #777777; }

h6 { font-size: 10pt; margin-top: 4px; margin-bottom: 4px; color: #777777; }

h1 + h2, h2 + h3, h3 + h4 { margin-top: 0px !important; }

/* paragraph */
p { margin: 0; margin-top: 1.0em; padding: 0px; }

p + p { margin-top: 0.25em; text-indent: 2em; }

h1 + p, h2 + p, h3 + p, h4 + p { margin-top: 0; }

/* hyperlinks */
a { text-decoration: underline; color: #4646bc; }

a:active { color: #cc3333; }

a:hover { text-decoration: underline; color: #8686ec; }

a[name] { text-decoration: none; border-bottom: 1px dotted #cccccc; color: inherit; }

a img { border: 1px solid #f0f0f0; }

a:hover img:hover { border: 1px solid #8686ec; color: #8686ec; }

#help { border-bottom: 1px solid #d0d0d0; color: #d0d0df; cursor: help; }

/* controls */
form { margin: 0px; padding: 0px; }

input, select { font-family: monospace; font-size: 8pt; }

input.octentry, select.octentry { font-family: monospace; font-size: 8pt; background-color: #ffffff; margin: 1px; border: 1px solid #c2c2b0; }

.octentry:focus { background-color: #fffffd; border-color: #a0d0f0; }

input.octsearch, select.octsearch, .pages_nav_bar input.octsearch { font-family: monospace; font-size: 8pt; background-color: #ffffff; background-image: url("./images/style/find-small.png"); background-position: 2px; background-repeat: no-repeat; margin: 0px; border: 1px solid #c2c2b0; padding: 1px 1px 1px 17px; }

input.octsearch:focus, select.octsearch:focus { background-color: #ffffff; border: 1px solid #4c66a0; }

input.octbutton, input.octbutton_small { color: #606060; background-color: #e0e0d8; background-image: url("./images/style/button-background.bmp"); background-position: bottom; font-family: helvetica,arial,sans-serif; font-weight: bold; border-top: 2px solid #ffffff; border-left: 1px solid #dfdfca; border-right: 1px solid #dfdfca; border-bottom: 2px solid #c4c4b0; padding: 0px 0px 0px 0px; cursor: pointer; }

input.octbutton:hover, input.octbutton_small:hover { background-color: #e8e8e8; color: #202020; border-top-color: #ffffff; border-left-color: #e8e8e8; border-right-color: #e8e8e8; border-bottom-color: #c8c8c8; }

input.octbutton { font-size: 10pt; }

input.octbutton_justified { width: 100%; height: 30px; border-radius: 11px; background-image: linear-gradient(#d6d6ef, #f0f5ff, #d6d6ef); }

input.octbutton_small { font-size: 7pt; border-bottom: 2px solid #c4c4b0; }

input.octbutton_flat { font-size: 8pt; background-color: #c0c0c0; border: none; padding: 0px 0px 0px 0px; margin: 0px; }

input.octbutton_flat:hover { background-color: #f4f4f0; }

input[disabled].octbutton_small, input[disabled].octbutton { color: #c0c0c0; background-image: none; background-color: #e8e8e4; font-family: helvetica,arial,sans-serif; font-weight: bold; border-top: 2px solid #ffffff; border-left: 1px solid #dfdfca; border-right: 1px solid #dfdfca; border-bottom: 2px solid #c4c4b0; padding: 1px 0px 2px 0px; cursor: default; }

input.octtab, input.octtab_active { color: #808080; background-color: #f0f0ee; font-family: helvetica,arial,sans-serif; font-weight: bold; border-top: 2px solid #c2c2b0; border-left: 1px solid #c2c2b0; border-right: 1px solid #c2c2b0; border-bottom: none; margin-left: 2px; margin-right: 2px; padding: 2px 2px 1px 2px; cursor: pointer; }

input.octtab_active { color: #303030; position: relative; top: 2px; background-color: #fcfcfa; background-image: none; border-top: 3px solid #6c86b0; border-left: 2px solid #c2c2b0; border-right: 2px solid #c2c2b0; padding: 4px 3px 1px 3px; font-size: 110%; cursor: default; }

input.octtab:hover { color: #505050; background-color: #e8e8e8; }

input.linklike { background-color: transparent; background-image: none; padding: 0px; margin: 0px 3px 0px 3px; border: none; border-bottom: 1px dotted #c2c2b0; color: #ffffff; cursor: pointer; font-family: helvetica,arial,sans-serif; font-size: 10pt; }

input.usernickname { background-color: transparent; background-image: none; padding: 0px; margin: 0px 3px 0px 3px; border: none; color: #ffffff; cursor: pointer; font-family: helvetica,arial,sans-serif; font-size: 10pt; }

div.octtabbox { font-size: 8pt; background-color: #ffffff; border-bottom: 2px solid #c2c2b0; margin: 20px 5px 10px 5px; padding: 0px 5px 0px 5px; }

input.octwizardstep, input.octwizardstep_active, input.octwizardstep_disabled { color: #808080; background-color: #f0f0ee; font-family: helvetica,arial,sans-serif; font-weight: bold; border: none; border-bottom: 2px solid #c2c2b0; padding: 0px; cursor: pointer; }

input.octwizardstep_active { color: #303030; border-bottom: 2px solid #6c86b0; cursor: default; }

input.octwizardstep_disabled { color: #c0c0c0; border: none; cursor: default; }

textarea.octentry, select.octentry { font-family: monospace; font-size: 8pt; background-color: #ffffff; margin: 1px; border: 1px solid #c2c2b0; }

.octbar, table.octbar tr, table.octbar td { margin: 0px; font-family: monospace; font-size: 8pt; border: 1px solid black; border-collapse: collapse; }

.bar_value, td.bar_value { margin: 0px; border: none; padding-left: 5px; display: flex; }

.octbar .bar_body_blue { padding: 0px; background-color: #6090d0; border: 0px; margin: 0px; height: 10px; }

.octbar .bar_body_green { padding: 0px; background-color: #70d070; border: 0px; margin: 0px; height: 10px; }

.octbar .bar_body_red { padding: 0px; background-color: #d07060; border: 0px; margin: 0px; height: 10px; }

.octbar .bar_body_yellow { padding: 0px; background-color: #e0e080; border: 0px; margin: 0px; height: 10px; }

/* styles */
div.whitepage { color: #404040; background-color: #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 20px 60px 20px 60px; font-family: arial,sans-serif,times,palatino,tahoma; font-size: 10pt; white-space: normal; }

div.notify, div.question, div.warning, div.error { margin: 0.4em; -moz-border-radius: 8px; border-radius: 8px; white-space: normal; font-family: helvetica,arial,sans-serif; font-size: 9pt; padding: 8px 8px 12px 36px; text-align: left; }

div.notify { border: 1px solid #aaaae0; background: url("./images/dialog-info.png") no-repeat top left; background-color: #f0f5ff; color: #000000; }

div.warning { border: 1px solid #e0e0e0; background: url("./images/dialog-warning.png") no-repeat top left; background-color: #ffffe0; color: #000000; }

div.error { border: 1px solid #f0aaaa; background: url("./images/dialog-error.png") no-repeat top left; background-color: #ffeaea; color: #000000; }

div.question { background: url("./images/dialog-question.png") no-repeat top left; background-color: #fafaff; border: 1px solid #f0f0ff; color: #000000; }

@keyframes blinker { 50% { opacity: 0; } }
div.disconnectedfromserver { background-color: red; color: white; font-size: 10pt; padding: 2px; display: none; margin-right: 5px; animation: blinker 1s linear 3; }

.table1 { margin: 2px 2px 2px 2px; -moz-border-radius: 8px; border-radius: 8px; border-left: 1px solid #c2c2b0; border-top: 1px solid #e0e0e0; border-right: 1px solid #c2c2b0; border-bottom: 1px solid #c2c2b0; background-color: #f0f0ee; color: #000000; white-space: normal; padding: 8px 8px 8px 8px; font-family: sans-serif,times,palatino,tahoma; font-size: 8pt; }

.filter, .filtereditable { margin: 4px 0px 2px 0px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 8px; border-left: 1px solid #c2c2b0; border-top: 6px solid #6c86b0; border-right: 1px solid #c2c2b0; border-bottom: 1px solid #c2c2b0; background: url("./images/style/find-watermark.png") no-repeat top right; background-color: #f0f0ee; color: #000000; white-space: normal; padding: 1px 6px 4px 6px; font-family: sans-serif,times,palatino,tahoma; font-size: 8pt; }

.filtereditable { background-color: #f0f0ee; color: #808080; }

.octlist_head, .octlist_body, .relpages_head, .relpages_body, .helppages_head, .helppages_body { margin: 4px 0px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; border-left: 1px solid #c2c2b0; border-top: 6px solid #6c86b0; border-right: 1px solid #c2c2b0; border-bottom: 0px; background-color: #f0f0ee; /*background-image:   url("./images/style/hilight-h-metal.png");*/ /*background-position:  center;*/ /*background-repeat:  repeat-y;*/ color: #808080; white-space: normal; padding: 1px 6px 1px 6px; font-family: arial,sans-serif,times,palatino,tahoma; font-size: 10pt; font-weight: bold; }

.octlist_body { color: #808080; margin: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: none; border-bottom: 1px solid #c2c2b0; }

.relpages_head, .helppages_head { color: #a0a0a0; background-color: #f0f0ee; border-top: 6px solid #b0c0f0; }

.relpages_body, .helppages_body { background-color: #ffffff; color: #a0a0a0; margin: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: none; border-bottom: 1px solid #c2c2b0; padding-bottom: 5px; font-size: 8pt; }

.relpages_body a, .helppages_body a { color: #a0a0a0; text-decoration: none; }

.relpages_body a:hover { color: #b0c0f0; text-decoration: underline; }

.helppages_body a:hover { color: #b0c0f0; text-decoration: underline; }

.filtertitle { color: #808080; font-size: 12pt; font-family: serif; font-style: italic; }

.octlist_title { color: #808080; font-size: 10pt; font-family: arial,sans-serif; font-weight: bold; }

div.filtereditable table, div.filtereditable table tr, div.filtereditable select.octentry, div.filtereditable input.octentry { color: #333333; }

div.table1 table { font-size: 10pt; }

span.prettytable table, table.prettytable { border: 2px solid #c2c2b0; font-size: 8pt; border-collapse: collapse; white-space: normal; }

table.listtable { border: 1px solid #c2c2b0; font-family: arial,sans-serif; font-size: 8pt; border-collapse: collapse; background-color: #f8f8f5; text-align: left; }

table.listtable tbody { border: 1px solid #c2c2b0; }

table.listtable td { cursor: pointer; font-family: arial,sans-serif; padding: 2px 5px 2px 5px; }

table.listtable tr { border: none; }

table.listtable th.groupheader, table.listtable th.groupheader:hover { cursor: default; font-family: arial,sans-serif; font-size: 8pt; color: #a8a8a8; background-color: #fffffc; padding: 15px 5px 2px 5px; margin: 10px 0px 0px 0px; }

table.listtable .oddrow { color: #000000; }

.prettytable td { font-family: monospace; font-size: 8pt; border: 1px solid #c2c2b0; padding: 0px 4px 0px 4px; white-space: nowrap; }

.prettytable th, .prettytable th.sub, .prettytable th.groupheader { background-color: #a8a8a5; color: #ffffff; border: 1px solid #f3f3f0; padding: 0px 6px 0px 6px; font-family: arial,sans-serif,utopia; }

.prettytable th.dimmed { color: #d8d8d5; }

.prettytable th.sub { background-color: #c0c0bc; }

.prettytable .inputrow { background-color: #f0fff0; }

.prettytable .evenrow, table.listtable .evenrow { color: #000000; background-color: #f3f3f0; }

.prettytable .evenrow td { border: 1px solid #c2c2b0; }

table.listtable td, .prettytable td { background-image: none; }

.prettytable .oddrow { background-color: #f8f8f5; }

table.listtable tr:hover, .listtable_hover { color: #000000; background-color: #cee0f0; }

table.listtable .selectedrow, table.listtable .selectedrow td, table.listtable .selectedrow td a, table.prettytable tr.selectedrow td { color: #ffffff; background-color: #40a0d0; }

.prettytable .oddrow td { border-top: 1px solid #f3f3f0; border-bottom: 1px solid #f3f3f0; border-left: 1px solid #c2c2b0; border-right: 1px solid #c2c2b0; }

.prettytable .errorcell { background-color: #ffeaea; }

.prettytable .warningcell { background-color: #ffffe0; }

.prettytable .notifycell { background-color: #f0f0ff; }

table.invisible { font-size: 8pt; border-collapse: collapse; border: none; }

table.invisible td { border: none; font-size: 8pt; }

table.invisitable { font-size: 8pt; border-collapse: collapse; border: none; }

table.invisitable td { border: none; font-size: 8pt; border-bottom: none; }

table.invisitable td.leftmark { border-left: 5px solid #c2c2b0; padding-left: 2px; }

fieldset { margin: 6px 2px 2px 2px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #d0d0d0; white-space: normal; padding: 0px 2px 2px 2px; }

legend { position: relative; left: 15px; color: #a0a0a0; }

div.groupheader { padding: 10px 0px; color: #666699; font-weight: bold; }

div.navlist { margin-top: 2px; margin-bottom: 2px; border-left: 1px solid #606060; border-top: 1px solid #606060; border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #fbfbfb; color: #000000; white-space: nowrap; overflow: auto; padding: 4px 4px 4px 4px; font-size: x-small; font-family: monospace; }

div.navlist a { text-decoration: none; color: #000000; }

div.navlist a:hover { text-decoration: none; color: #000060; background-color: #e0e0f0; }

div.itemlist { margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #b0b0b0; font-size: 8pt; color: #808080; text-align: left; }

.itemlist div.evenrow { padding: 0px 20px 10px 20px; border-top: 1px solid #b0b0b0; background-color: #f5f5f2; }

.itemlist div.oddrow { padding: 0px 20px 10px 20px; border-top: 1px solid #b0b0b0; background-color: #fcfcf9; }

.octgui { border: 4px solid #4c66a0; color: #000000; background-color: #ffffff; margin: 0px; white-space: nowrap; padding: 0px; font-size: 8pt; }

.octgui_style1 { background: none; border: 1px solid #c2c2b0; }

.octgui_style2 { margin-left: 20px; border-right: 0px; border-top: 0px; border-bottom: 0px; background: none; padding-bottom: 10px; }

.octgui_style3 { border: 0px; background-color: #fffffa; }

div.embed .octgui { border: 2px solid #c4c4c0; }

.octgui_title { background-color: #6c86b0; color: #ffffff; text-shadow: 0px 0px 2px #000, 0px 0px 6px #fff; margin: 0px; white-space: nowrap; border: none; padding: 0px 0px 5px 0px; font-size: 10pt; font-weight: bold; font-family: arial,sans-serif,times,tahoma; }

div.octgui table { color: #000000; font-size: 8pt; margin-bottom: 0px; }

div.octgui a { color: #000000; text-decoration: none; }

div.octgui a:hover { color: #8080c0; text-decoration: underline; }

div.octgui_title, div.octgui_title table { background-color: #6c86b0; background-position: top left; color: #ffffff; margin: 0px; white-space: nowrap; border: none; border-collapse: collapse; padding: 0px 4px 2px 4px; font-size: 10pt; font-weight: bold; font-family: arial,sans-serif,times,tahoma; }

div.octgui_title { border: 4px solid #4c66a0; }

div.embed div.octgui_title, div.embed div.octgui_title table { background: none; background-color: #c4c4c0; color: #ffffff; border: none; }

div.embed div.octgui_title { border: 2px solid #c4c4c0; }

.octgui_subtitle, td.octgui_subtitle, div.octgui_subtitle table { /*background-color:   #4c66a0;*/ background-color: #d0d0d0; color: #ffffff; margin: 0px; white-space: nowrap; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-size: 8pt; font-weight: bold; font-family: arial,sans-serif,times,tahoma; }

.pages_nav_bar, .pages_nav_bar table, .pages_nav_bar table td { background-color: #f0f0ee; color: #808080; font-size: 8pt; }

.pages_nav_bar input.octbutton_small, .pages_nav_bar input.octbutton, input.octbutton_flat { border: none; margin: 0px; padding: 0px; background-color: #f4f4f0; background-image: none; color: #808080; font-size: 7pt; cursor: pointer; }

.pages_nav_bar input.octentry { margin: 0px; border-bottom: none; background-color: #ffffff; background-image: none; color: #808080; font-size: 8pt; cursor: pointer; }

.pages_nav_bar input[disabled] { border: none; margin: 0px; padding: 0px; background-color: #e8e8e4; color: #c0c0c0; font-size: 8pt; cursor: default; }

.tag_blue { margin-left: 0px; margin-right: 5px; padding: 0px 3px 0px 3px; color: #6060f0; background-color: #e0e0ff; border: 1px solid #c0c0ff; }

.tag_green { margin-left: 0px; margin-right: 5px; padding: 0px 3px 0px 3px; color: #20a020; background-color: #c0f0c0; border: 1px solid #a0e0a0; }

.tag_grey { margin-left: 0px; margin-right: 5px; padding: 0px 3px 0px 3px; color: #909090; background-color: #f0f0f0; border: 1px solid #d0d0d0; }

span.editable a { color: inherit; text-decoration: none; border-bottom: 1px dashed #e0a040; }

span.editable a:hover { color: #f06000; /*background-color: #FFFaF5;*/ cursor: pointer; text-decoration: none; text-shadow: 0px 0px 3px #FFFaF5; }

tr.editable { color: #000000; text-decoration: none; }

tr.editable a { color: #000000; /*border: 1px dotted #F06000;*/ /*margin: 3px;*/ text-decoration: none; }

tr:hover.editable { /*color: #F06000;*/ /*background-color: #FFFaF5;*/ cursor: pointer; text-decoration: none; }

tr:hover.editable a { color: #f06000; background-color: #fffaf5; cursor: pointer; text-decoration: none; }

/*Timegraph elements*/
.tg_bar, .tg_bar2 { display: inline; border: 1px solid #303050; background-color: #90a0ef; font-family: arial,sans-serif,times,tahoma; font-size: 0pt; padding: 0px; margin: 0px; cursor: pointer; position: absolute; height: 6px; z-index: 3; /*opacity: .85;
filter: alpha(opacity=85); */ }

.tg_bar2 { border: 1px solid #305030; background-color: #dfd8a0; z-index: 2; }

.tg_conn { display: inline; border-bottom: 1px dotted #000000; border-left: 1px solid #000000; font-size: 0pt; padding: 0px; margin: 0px; height: 6px; position: absolute; z-index: 3; }

.tg_sel_off, .tg_sel_hov, .tg_sel_on { display: inline; text-align: center; padding: 15px 0px 0px 0px; cursor: pointer; position: absolute; z-index: 1; border-left: 1px solid #8080ff; border-right: 1px solid #8080ff; }

.tg_sel_off { border: none; opacity: 0.15; filter: alpha(opacity=15); }

.tg_sel_on { border-left: 2px solid #0000f0; border-right: 2px solid #0000f0; background-color: #a0c0f0; opacity: 0.25; filter: alpha(opacity=25); }

div.tg_txt { display: inline; border: none; font-family: arial,sans-serif,times,tahoma; font-size: 7pt; text-align: center; white-space: nowrap; position: absolute; overflow: hidden; }

table.tg_txt { border: none; border-collapse: collapse; font-family: sans-serif,arial,times,tahoma; font-size: 9px; text-align: center; width: 100%; }

table.tg_txt td { width: 33%; white-space: nowrap; }

div.tg_row { display: inline; border: 1px solid #b0b0b0; background-color: #ffffff; position: absolute; }

div.tg_rowhd { display: inline; overflow: hidden; border: 1px solid #b0b0bf; background-color: #f0f4ff; font-family: arial,sans-serif,times,tahoma; font-size: 7pt; text-align: center; position: absolute; z-index: 10; }

.tg_datehd { display: inline; border: 1px solid #808088; background-color: #f0f0e8; font-size: 8pt; text-align: center; position: absolute; cursor: pointer; z-index: 15; }

.tg_tslice { display: inline; border-left: 1px solid #c8c8cf; position: absolute; }

.tg_tslice_b { display: inline; border-left: 1px solid #5f5f58; position: absolute; }

.tg_tslice_l { display: inline; border-left: 1px solid #f4f4f0; position: absolute; }

.tg_tslicehd { display: inline; border: none; height: 15px; position: absolute; font-size: 7pt; z-index: 20; text-align: left; }

/*Separator*/
#separator { margin-bottom: 18px; margin-left: -10px; border-bottom: 1px solid #dddddd; }

/* Navigation Menu */
div.navi { border: none; font-family: sans-serif; font-size: 9pt; }

div.navi div.favouritediv { color: #000000; background-color: #999999; font-style: italic; }

div.navi div.topcontent { padding-left: 5px; color: #000000; background-color: #ffffff; font-style: italic; }

div.navi div a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }

div.navi div a:hover { color: #000000; }

div.navi div, div.navi h3, div.navi h4 { margin-top: 0px; margin-bottom: 0px; -moz-box-sizing: border-box; box-sizing: border-box; color: #ffffff; }

div.navi h3, div.navi h4 { background-image: url("./images/menu-arrowdown.png"); background-repeat: no-repeat; background-position: right; background-color: #545554; color: #ffffff; padding-top: 2px; padding-left: 5px; padding-bottom: 5px; font-size: 10pt; font-weight: normal; font-style: normal; margin-left: 8px; border-top: 1px solid #777777; border-bottom: 1px solid #000000; border-left: 1px solid #b0b0a8; cursor: pointer; }

div.navi h3:hover, div.navi h4:hover { background-color: #839b41; color: #ffffff; }

div.navi h3.close, div.navi h4.close { background-image: url("./images/menu-close.png"); }

div.navi div.content { /*     background-image: url("./images/style/striped.png"); */ margin-top: 0px; background-color: #999999; border-left: 1px solid #b0b0a8; padding-top: 2px; padding-left: 8px; padding-right: 0px; padding-bottom: 4px; margin-left: 8px; /*margin-right: 8px;*/ }

div.navi h4 { background-color: #545554; }

div.navi div.content div.navi div.content { padding-top: 5px; margin-left: 0px; border-color: #F0A050; }

div.octfiltereditshowhelp td div.octlistsetuphelp { display: block; }

div.octfilteredithidehelp td div.octlistsetuphelp { display: none; }

.octfilterbaseclass { white-space: nowrap; width: 1000px; }

.octfilterbaseclass * { white-space: nowrap; }

.octfilterbaseclass div { float: left; }

.squarescontainerdiv { text-align: center; }

.squaresbodydiv { display: inline-block; }

.squareitem { float: left; border: 1px solid #dddddd; margin: 5px; overflow-y: auto; overflow-wrap: break-word; text-align: left; background-size: contain; display: flex; flex-direction: column; justify-content: space-between; }

.squareitembody { height: 100%; }

.squareitem.selected { border-width: 2px !important; border-color: #000000 !important; }

.squareitem h6 { color: black; }

.squaresbodydiv .evenrow { background-color: #f3f3f0; }

.squaresbodydiv .oddrow { background-color: #f8f8f5; }

.squarebutton { width: 100%; height: 30px; background-color: white; background-image: unset; border-width: 1px; font-family: arial,sans-serif; font-weight: bold; border-color: #c4c4b0; }

.squaresrightsidebar { width: 300px; background: #ffffff; border-left: 1px solid #dddddd; height: calc(100vh - 40px); position: fixed; right: 0; top: 0; transition: transform 0.3s; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.05); overflow-y: auto; z-index: 100; margin: 40px 20px 0px 20px; display: flex; flex-direction: column; }

.squaresrightsidebar.collapsed { transform: translateX(120%); }

.squaresrightsidebar .header { background-color: white !important; position: relative; border-bottom: 1px solid #dddddd; display: flex; flex-direction: row; justify-content: space-between; padding: 10px; align-items: center; flex-grow: 0; }

.squaresrightsidebar .body { flex-grow: 1; overflow-y: auto; padding: 10px; text-align: left; }

.squaresrightsidebar .footer { flex-grow: 0; height: 46px; min-height: 46px; border-top: 1px solid #dddddd; }

.squaresrightsidebar .header h5 { margin: unset; }

.octtablefilecardmain button[type=submit] { display: none; }

.octtablefilecardmain fieldset { padding: 10px; }

.octtablefilecardmain fieldset h3 { margin-top: 0px; margin-bottom: 10px; }

.octtablefilecardmain fieldset p { margin: 0px; margin-bottom: 1em; }

.octtablefilecardmain fieldset .row { display: flex; flex-wrap: wrap; }

.octtablefilecardmain fieldset .col-md-4 { flex: 0 0 auto; }

.octtablefilecardtopbar .btn.btn-primary { color: black !important; background-color: white !important; border-color: black !important; margin: 0px 5px; }

@media (max-width: 470px) { .squaresrightsidebar { width: calc(100% - 40px); } }
.homepagebutton { border-radius: 18px; background-color: #eeeeee; color: #2C2E2F; text-align: center; height: 35px; width: 100%; border: unset; font-size: 10pt; font-family: serif,times; }

@media only screen and (max-width: 560px) { div.disconnectedfromserver { width: 100%; float: unset !important; } }
/* EXT Rewrite */
.silk-grid { background: url("./images/table-small.png") no-repeat left center !important; }

.silk-filter { background: url("./images/filter-small.png") no-repeat left center !important; }

.onet-filtered-column { font-style: italic !important; font-weight: bold !important; color: #d55005; }

.onet-filtered-table { background-color: #d55005; }

#images-view .x-panel-body { background: white; font: 11px Arial, Helvetica, sans-serif; }

#images-view .thumb { background: #dddddd; padding: 3px; }

#images-view .thumb img { height: 60px; width: 80px; }

#images-view .thumb-wrap { float: left; margin: 4px; margin-right: 0; padding: 5px; }

#images-view .thumb-wrap span { display: block; overflow: hidden; text-align: center; }

#images-view .x-view-over { border: 1px solid #dddddd; background: #efefef url("../../resources/images/default/grid/row-over.gif") repeat-x left top; padding: 4px; }

#images-view .x-view-selected { background: #eff5fb url("./images/selected.gif") no-repeat right bottom; border: 1px solid #99bbe8; padding: 4px; }

#images-view .x-view-selected .thumb { background: transparent; }

#images-view .loading-indicator { font-size: 11px; background-image: url("../../resources/images/default/grid/loading.gif"); background-repeat: no-repeat; background-position: left; padding-left: 20px; margin: 10px; }

.thumb-wrap .thumb { background: #dddddd; padding: 3px; }

.thumb-wrap .thumb img { height: 60px; width: 80px; }

.thumb-wrap.thumb-wrap { float: left; margin: 4px; margin-right: 0; border: 2px solid transparent; padding: 4px; }

.thumb-wrap.thumb-wrap span { display: block; overflow: hidden; text-align: center; }

.thumb-wrap.x-view-selected { background: #eff5fb; border: 2px solid #99bbe8; padding: 4px; }

.thumb-wrap.x-view-selected .thumb { background: transparent; }

.x-html-editor-tb .x-toolbar { border-color: transparent; background-color: transparent; background-image: url("./images/empty.gif"); }

div#html-view ol { list-style: decimal; padding-left: 30px; }

div#html-view ul { list-style: unset; padding-left: 30px; }

.richtextarea ol { list-style: decimal; padding-left: 30px; }

.richtextarea ul { list-style: unset; padding-left: 30px; }

.x-html-editor-wrap > .x-form-textarea { padding: 0px; }

.x-form-mandatory { border-color: black !important; outline: 1px solid black !important; }

.x-label-mandatory { font-weight: 700 !important; }

.x-superboxselect-input input { padding-left: 5px; }

.x-superboxselect-input-field.x-form-mandatory { outline: none !important; }

.x-form-warning, textarea.x-form-warning { border: 1px solid #ff0; }

.x-form-field.x-form-invalid { background-color: white !important; }

.x-form-invalid, textarea.x-form-invalid { background-color: transparent; border-color: red !important; outline: 1px solid red !important; }

.x-menu-list { padding: 0px; margin-bottom: 0px; }

.x-menu { background-image: unset; background-color: white; }

.x-grid-panel { border-width: 0 1px 1px 1px; }

.x-grid3-col-nestedExpander { padding: unset !important; }

.x-grid3-row-noexpand .x-grid3-row-expander { background-image: unset !important; }

.x-editor .x-form-check-wrap { padding: 1px !important; }

.x-panel-tbar { min-width: -moz-available; min-width: -webkit-fill-available; }

.x-panel-bbar { min-width: -moz-available; min-width: -webkit-fill-available; }

.x-panel-tl { background-image: unset; border: 1px solid #d0d0d0; }

.x-panel-tr { background-image: unset; }

.x-panel-tc { background-image: unset; }

.x-panel-ml { background-image: unset; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }

.x-panel-mr { background-image: unset; }

.x-panel-mc { background-image: unset; background-color: unset; }

.x-panel-bl { background-image: unset; border: 1px solid #d0d0d0; }

.x-panel-br { background-image: unset; }

.x-panel-bc { background-image: unset; }

.x-toolbar { background-image: unset; background-color: unset; width: unset !important; }

.x-grid3-header { background-image: linear-gradient(180deg, #ffffff, #eaeaea); }

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { background-image: linear-gradient(180deg, #ffffff, #eaeaea); }

.x-grid3-row-alt { background-color: #f5fbfb; }

.ext-strict .x-small-editor .x-form-text.x-superboxselect { height: unset !important; }

.tox .tox-dialog__header { background-color: white !important; }

.tox .tox-dialog__header .tox-dialog__title { color: black !important; }

.tox .tox-dialog__header .tox-button { color: black !important; }

.x-superboxselect ul { padding-left: unset !important; }

.x-superboxselect ol { padding-left: unset !important; }

.ext-el-mask { background-color: #00000088; opacity: 1; }

/* Bootstrap Rewrite */
.navbar { padding: 0px !important; z-index: 10000; }

.navbar-header { width: 100%; }

.navbar-toggler { padding: 0; border: 0px !important; box-shadow: unset !important; }

.nav-link { color: #ffffff; padding: 2px 5px 5px 5px; cursor: pointer; width: 100%; }

.dropdown-toggle::after { float: right; top: 10px; position: relative; }

.nav-link:hover { color: #ffffff; text-decoration: none; }

.nav-link:focus { color: #ffffff; }

.navbar-nav .nav-link.show { color: #ffffff; }

.navbar-nav .nav-link.active { color: #ffffff; }

.navbar-nav > li { background-color: #545554; border-bottom: 1px black solid; }

.navbar-nav > li:hover { background-color: #7f7f7f; }

.menuheader.usermenu { display: none; }

.navbar-collapse, .user-collapse, .favourites-collapse { width: 300px; }

.dropdown-menu.level1 { border: 1px black solid; margin-left: 15px; padding: 0; border-radius: 0; background-color: #999999; }

.dropdown-menu.level1 .dropdown-item { background-color: #999999; border-bottom: none; font-size: smaller; height: 20px; width: 100%; }

.dropdown-menu.level1 .dropdown-item:hover { background-color: #7f7f7f; }

.dropdown-menu .menuheader { background-color: #545554; border-bottom: none; font-size: smaller; width: 100%; color: #ffffff; }

.dropdown-menu .menuheader:hover { color: #ffffff; text-decoration: none; }

.dropdown-menu .dropdown-item.submenu-item { background-color: #545554; color: #ffffff; }

.dropdown-menu .dropdown-item.submenu-item:hover { background-color: #7f7f7f; }

.dropdown-item.submenu-item::after { content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; float: right; top: 10px; position: relative; }

.dropdown-menu.level2 { border: 1px black solid; margin-left: 15px; padding: 0; border-radius: 0; background-color: #999999; }

.dropdown-menu.level2 > li { background-color: #000000; font-size: smaller; }

.dropdown-menu.level2 > li:hover { background-color: #7f7f7f; }

.dropdown-menu.level2 .dropdown-item { background-color: unset; }

.dropdown-item { color: #ffffff; padding: 0px 5px 0px 5px; }

.dropdown-item.active { color: #ffffff; }

.dropdown-item:hover { color: #ffffff; text-decoration: none; }

.dropdown-divider { border-top: 1px solid #ffffff; }

.menuheader > div > form > button { background-color: transparent; border: none; width: 100%; text-align: left; }

.modal .modal-header { background-color: white !important; }

.modal .modal-header .modal-title { color: black !important; margin: unset; }

.modal .modal-footer .btn { color: black !important; background-color: white !important; border-color: black !important; }

.modal { --bs-modal-margin: 45px !important; background-color: #00000088; }

@media only screen and (max-width: 800px) { .navbar-collapse { width: 100%; }
  .user-collapse { width: 100%; margin-right: 0px; }
  .favourites-collapse { width: 100%; margin-right: 0px; } }
@media only screen and (max-width: 400px) { .menuheader.usermenu { display: table; }
  .navbar-toggler.user { display: none; }
  .navbar-toggler.favourites { display: none; } }
h2.accordion-header { margin: 0px; }

.accordion-button { background-color: white; border-bottom: 2px #7f7f7f solid; font-size: 1.3em; font-weight: bold; }

.accordion-button:focus { box-shadow: unset; }

.accordion-button:not(.collapsed) { background-color: white; border-bottom: 2px #6279c9 solid; color: black; }

.accordion-button.always-open:after { display: none; }

.accordion-body p { margin: 0 0 1rem 0; }

.accordion-body label { font-weight: bold; }

/* IE Hack */
@media screen and (min-width: 0\0 ) { #header { height: auto !important; } }