caption,strong,th                                           { font-style: bold; font-weight: bold;}

html                                                        { font-size: 62.5%; }
body                                                        { font-size: 1.1rem; font-family: "verdana", "montserrat", "Helvetica Neue", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif; background: #ECEFF1; margin: 0; color: #4a4b4d; }
body, html                                                  { overflow-x: hidden; height: 100%; overflow-y: auto; }

/* ------------------------------------------------------- */
/* PREPERATION CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video                                    { margin: 0; padding: 0; border: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section                  { display: block; }
body                                                        { line-height: 1; }
ol, ul                                                      { list-style: none; }
blockquote, q                                               { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after                                           { content: ''; content: none; }
table                                                       { border-collapse: collapse; border-spacing: 0; }
span                                                        { line-height: 1.9rem; }
h2                                                          { font-size: 1.3rem; }
input[type="normal"], input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="time"], input[type="remail"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, #O3ML_dd_o3custSmpStatMinerANALoad, input.MF, textarea.MF, select.MF
                                                            { height: 2.7rem; padding: 0 0.9rem; max-width: 15rem; width: 100%; background: #f5f5f5; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; border: none; -webkit-appearance: none; -webkit-box-shadow: inset 0 0 0 1px #c9cbce; -moz-box-shadow: inset 0 0 0 1px #c9cbce; box-shadow: inset 0 0 0 1px #c9cbce; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; }
textarea                                                    { padding: .5rem .9rem; }
input[type="checkbox"]                                      { height: initial!important; width: initial!important; }
input[class="searchbar"]                                    { height: 4.6rem; padding: 0 1.8rem; background: #fff; -webkit-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; max-width: 100%; }

/* PREPERATION CSS */
/* ------------------------------------------------------- */
/* TOPBAR CSS */

.topbar                                                     { display: table; position: relative; height: 4.6rem; background: #F5F5F5; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); top: 0; width: 100%; z-index: 0; float: left; table-layout: fixed; }

/* TOPBAR CSS */
/* ------------------------------------------------------- */
/* TRIO CSS */

.trio-container                                             { display: table; width: 100%; }

/* top css */
.top-center-main-button                                     { min-width: 3.6rem; height: 3.2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; float: left; }
/* .top-center-main-button:after                               { height: 2.3rem; display: block; width: 1px; background: #c9cbce; content: ''; right: 0px; position: absolute; top: 1.15rem; } */
/* .top-center-main-button:before                              { height: 2.3rem; display: block; width: 1px; background: #c9cbce; content: ''; left: -1px; position: absolute; top: 1.15rem; } */
.menu-buttons .top-center-main-button:after,
.menu-buttons .top-center-main-button:before                { content: none!important; }
.top-center-main-fill                                       { background: #ffffff; width: 100%; -webkit-border-top-right-radius: 0rem; -moz-border-radius-topright: 0rem; border-top-right-radius: 0rem; -webkit-box-shadow: 0 -1px 0 0 #d9dbde inset; -moz-box-shadow: 0 -1px 0 0 #d9dbde inset; box-shadow: 0 -1px 0 0 #d9dbde inset; }
.top-center-container                                       { display: inline-block; left: 4.6rem; right: 4.6rem; overflow-y: hidden; overflow-x: auto; max-width: 100%; }
.top-center-menu-icon                                       { min-width: 3.6rem; width: 3.6rem; max-width: 3.6rem; text-align: center; height: 3.2rem; }
.top-center-menu-text                                       { width: auto; padding-right: 1.8rem; text-align: left; font-size: 1.2rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-weight: 500; color: #555; letter-spacing: 0.05rem; }

/* trio center css */
.trio-center,
.top-center                                                 { -ms-transform: translate3d(0, 0, 0); top: 5.6rem; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; display: table-cell; margin-left: 0rem; }
.trio-center-container,
.top-center-container                                       { position: relative; z-index: 2; left: 0; right: 0; -webkit-transition: all 0.20s ease; -o-transition: all 0.20s ease; -moz-transition: all 0.20s ease; transition: all 0.20s ease; }
.trio-center-main-title                                     { -webkit-box-shadow: inset 0 1px 0 0 #d9dbde, inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde; -moz-box-shadow: inset 0 1px 0 0 #d9dbde, inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde; box-shadow: inset 0 1px 0 0 #d9dbde, inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde; background: #fff; -webkit-border-top-right-radius: 0rem; -moz-border-radius-topright: .4rem; border-top-right-radius: 0rem; -webkit-border-top-left-radius: 0rem; -moz-border-radius-topleft: .4rem; border-top-left-radius: 0rem; }
.trio-center-main-title div                                 { margin: 0 1.8rem; }
.trio-center-main-fill                                      { background: #f8f8f8; width: 100%; -webkit-border-top-right-radius: 0rem; -moz-border-radius-topright: 0rem; border-top-right-radius: 0rem; -webkit-box-shadow: 1px 0 0 0 #d9dbde inset, -1px 0 0 0 #d9dbde inset, 0 1px 0 0 #d9dbde inset, 0 -1px 0 0 #d9dbde inset; -moz-box-shadow: 1px 0 0 0 #d9dbde inset, -1px 0 0 0 #d9dbde inset, 0 1px 0 0 #d9dbde inset, 0 -1px 0 0 #d9dbde inset; box-shadow: 1px 0 0 0 #d9dbde inset, -1px 0 0 0 #d9dbde inset, 0 1px 0 0 #d9dbde inset, 0 -1px 0 0 #d9dbde inset; }

.menu-toggle                                                { display: block; float: left; width: 100%; background: #ECEFF1; }
.menu-toggle-element                                        { float: left; height: 4.6rem; position: relative; vertical-align: middle; cursor: pointer; word-wrap: normal; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.menu-toggle-full-width                                     { display: table; float: none; }
.menu-toggle-full-width .menu-toggle-element                { display: table-cell; float: none; text-align: center; }
.menu-toggle-element:hover p                                { color: #555; }
.menu-toggle-element:active p                               { color: #555; }
.menu-toggle-element-active                                 { position: relative; -webkit-box-shadow: inset 0 -2px 0 0 #f90; -moz-box-shadow: inset 0 -2px 0 0 #f90; box-shadow: inset 0 -2px 0 0 #f90; }

.menu-toggle-element p,
.fhlarge,
span#newspanheader                                          { padding: 0 1.8rem; color: #9ea2aa; font-size: 1.3rem; border-bottom: none; position: relative; letter-spacing: .05rem; line-height: 4.6rem; font-weight: 500; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; }
.menu-toggle-element:first-child                            { margin-left: 0; }
.menu-toggle-element-active p,
.menu-toggle-element-active:hover p,
.menu-toggle-element-active:active p,
span#newspanheader                                          { color: #1D1F26; }
span#newspanheader                                          { margin-left: 0; float: left; line-height: 2.7rem; padding: 0 0.9rem; }

/*.menu-toggle-dark                                         { background: #000; box-shadow: 0 0 0 1px #323335, 0 -1px 0 0 #323335 inset; }*/
.menu-toggle-dark                                           { background: #000; -webkit-box-shadow: 0 -1px 0 0 #323335; -moz-box-shadow: 0 -1px 0 0 #323335; box-shadow: 0 -1px 0 0 #323335; }
.menu-toggle-dark .menu-toggle-element                      { -webkit-box-shadow: 0 -1px 0 0 #323335 inset; -moz-box-shadow: 0 -1px 0 0 #323335 inset; box-shadow: 0 -1px 0 0 #323335 inset; }
.menu-toggle-dark .menu-toggle-element p                    { color: #eee; }
.menu-toggle-dark .menu-toggle-element-active p             { color: #fff; text-shadow: none; }
.menu-toggle-dark .menu-toggle-element-active               { background: #; -webkit-box-shadow: 1px 0 0 0 #323335, -1px 0 0 0 #323335, 0 -1px 0 0 #323335; -moz-box-shadow: 1px 0 0 0 #323335, -1px 0 0 0 #323335, 0 -1px 0 0 #323335; box-shadow: 1px 0 0 0 #323335, -1px 0 0 0 #323335, 0 -1px 0 0 #323335; }

.hoverTitleElement:after,
.hoverTitleElement:before,
.menu-button-title:after,
.menu-button-title:before                                   { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.hoverTitleElement:after,
.menu-button-title:after                                    { border-color: rgba(255, 255, 255, 0); border-bottom-color: #34363C; border-width: 5px; margin-left: -5px; }
.hoverTitleElement:before,
.menu-button-title:before                                   { border-color: rgba(142, 142, 142, 0); border-bottom-color: #0D0F26; border-width: 6px; margin-left: -6px; }
.menu-buttons div                                           { position: relative; color: #5e626a; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI" }
div.menu-button-title,
.hoverTitleElement                                          { display: none; background: #34363C; z-index: 1000; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; -webkit-box-shadow: 1px 0 0 0 #0D0F26 inset, 1px 0 0 0 #0D0F26, 0 -1px 0 0 #0D0F26, 0 1px 0 0 #0D0F26; -moz-box-shadow: 1px 0 0 0 #0D0F26 inset, 1px 0 0 0 #0D0F26, 0 -1px 0 0 #0D0F26, 0 1px 0 0 #0D0F26; box-shadow: 1px 0 0 0 #0D0F26 inset, 1px 0 0 0 #0D0F26, 0 -1px 0 0 #0D0F26, 0 1px 0 0 #0D0F26; color: #282828; left: 50%; padding: 0.5rem 1.2rem; position: absolute; top: 5.3rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; letter-spacing: 0.05rem; color: #fff; }
.menu-buttons div:hover .menu-button-title,
.top-center-main-button:hover .menu-button-title            { display: block; }
.menu-button:last-child .d-cell                             { -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0); }
.hoverTitleElement                                          { display: block; opacity: 0; margin-top: -4px; }

/* trio left & left2 & right css */
.trio-left,
.trio-left2,
.trio-right                                                 { width: 100%; -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: table-cell; top: 0; position: absolute; height: 100%; z-index: 8; }
.trio-left-container,
.trio-left2-container,
.trio-right-container                                       { top: 0; z-index: 10; display: table; position: relative; width: 100%; height: 100%; background: #ffffff; overflow-y: inherit; }

/* trio left css - trio right css*/
.trio-left                                                  { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 1000; }
.trio-left-container                                        { color: #adadac; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); }
.trio-left-container td, .trio-left-container tr            { padding: 0; padding-left: 0!important; padding-right: 0!important; }
.trio-left-container td                                     { height: 4.6rem!important; color: #d2d3d5; letter-spacing: 0.05rem; }
.trio-left-container td.selected                            { opacity: 1; -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .2) inset, inset 3px 0 0 0 #EF7903; -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .2) inset, inset 3px 0 0 0 #EF7903; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .2) inset, inset 3px 0 0 0 #EF7903; }
td.trio-left-menu-title                                     { height: 1.8rem!important; padding-top: 2rem!important; padding-bottom: 1rem; }
.trio-left-menu-title p                                     { font-size: 1.3rem; letter-spacing: .05rem; color: rgba(255,255,255,0.38); padding: 0 1.8rem; font-weight: 300; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; text-transform: uppercase; }
.trio-left-menu-toggle                                      { height: 2rem; }
td.trio-left-menu-divider                                   { height: 0.1rem; -webkit-box-shadow: inset 0 -1px 0 0 #323335; -moz-box-shadow: inset 0 -1px 0 0 #323335; box-shadow: inset 0 -1px 0 0 #323335; padding-top: 1rem; }
td.trio-left-menu-spacer                                    { height: 0!important; padding-top: 1.8rem; }
.trio-left-menu-icon                                        { min-width: 5.6rem; width: 5.6rem; max-width: 5.6rem; }
.trio-left-menu-text                                        { width: auto; padding-right: 1.8rem; text-align: left; }
.trio-left-menu-text-main                                   { width: auto; padding-right: 0; }
.trio-left-menu-bottom                                      { -webkit-box-shadow: inset 0 1px 0 0 #323335; -moz-box-shadow: inset 0 1px 0 0 #323335; box-shadow: inset 0 1px 0 0 #323335; background: # none repeat scroll 0 0; display: table-row; height: 1px; vertical-align: bottom; width: 100%; }
.trio-left-top-menu                                         { -webkit-box-shadow: 0 -1px 0 0 #323335 inset; -moz-box-shadow: 0 -1px 0 0 #323335 inset; box-shadow: 0 -1px 0 0 #323335 inset; }
.trio-left td                                               { overflow: initial!important; }

#trio_left_expand_container                                 { display: table-cell; min-width: 4.6rem; width: 4.6rem; height: 4.6rem; }
#trio_left_expand_icon,
#trio_left_expand_icon_hide                                 { background-image: url("/bilder/hamburger.png"); background-repeat: no-repeat; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; -webkit-background-size: 1.6rem 1.6rem; background-size: 1.6rem; background-position: center center; display: table-cell; width: 4.6rem; height: 4.6rem; cursor: pointer; }
#trio_left_expand_icon_hide                                 { background-image: url("/bilder/cross.png"); }

/* trio left2 css */
.trio-left2                                                 { top: 0; z-index: 200; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.trio-left2-container                                       { -webkit-box-shadow: 1px 0 0 #d9dbde, 4px 0 12px rgba(0,0,0,.2); -moz-box-shadow: 1px 0 0 #d9dbde, 4px 0 12px rgba(0,0,0,.2); box-shadow: 1px 0 0 #d9dbde, 4px 0 12px rgba(0,0,0,.2); }
.trio-left2-icon                                            { background-image: url("/bilder/cross.png"); background-repeat: no-repeat; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; -webkit-background-size: 1.6rem 1.6rem; background-size: 1.6rem; background-position: center center; display: table-cell; vertical-align: middle; height: 4.6rem; width: 4.6rem; min-width: 4.6rem; cursor: pointer; }
#trio_left2_expand_container                                { display: table-cell; left: 25.6rem; z-index: 10; }


/* trio right css */
.trio-right                                                 { top: 0; z-index: 1000; -webkit-transform: translateX(+100%); -moz-transform: translateX(+100%); -ms-transform: translateX(+100%); -o-transform: translateX(+100%); transform: translateX(+100%); }
.trio-right-icon                                            { background-image: url("/bilder/expand_right.png"); background-repeat: no-repeat; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; -webkit-background-size: 1.6rem 1.6rem; background-size: 1.6rem; background-position: center center; display: table-cell; vertical-align: middle; height: 4.6rem; width: 4.6rem; min-width: 4.6rem; cursor: pointer; }
.trio-right-container                                       { -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); }
#trio_right_expand_container                                { display: table-cell; right: 0; z-index: 10; height: 4.6rem; min-width: 4.6rem; width: 4.6rem; }
#trio_right_expand_icon,
#trio_right_expand_icon_hide                                { background-image: url("/bilder/expand_left.png"); background-repeat: no-repeat; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; -webkit-background-size: 1.6rem 1.6rem; background-size: 1.6rem; background-position: center center; display: table-cell; vertical-align: middle; height: 4.6rem; width: 4.6rem; min-width: 4.6rem; cursor: pointer; }

/* TRIO CSS */
/* ------------------------------------------------------- */
/* SEARCHBAR CSS */

#searchbar_container                                        { vertical-align: middle; display: table-cell; }
input[class="searchbar"]                                    { background: #fff; padding-right: 0; padding-left: 1.8rem; height: 4.6rem; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; -webkit-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; }
input[class="searchbar"]:focus                              { outline: none; }
.searchbar-button                                           { height: 2.7rem; width: 100%; margin: 0; padding: 0; border: 0 none; -webkit-border-radius: 0 .4rem .4rem 0; -moz-border-radius: 0 .4rem .4rem 0; border-radius: 0 .4rem .4rem 0; background: #323335; color: #ffffff; font-weight: bold; font-size: .9rem; }
.searchbar-options                                          { display: none; -webkit-border-radius: 0rem; -moz-border-radius: 0rem; border-radius: 0rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 1rem; right: 1rem; top: 4.9rem; z-index: 200; width: auto; background: #fff; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px #d9dbde inset; -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px #d9dbde inset; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px #d9dbde inset; border: 1px solid #323335; }
.searchbar-options-cross                                    { display: table-cell; vertical-align: middle; height: 2.4rem; width: 4.6rem; min-width: 4.6rem; max-width: 4.6rem; z-index: 10; text-align: center; }
.searchbar-options-arrow                                    { position: relative; background: #ffffff; }
.searchbar-options-arrow:after,
.searchbar-options-arrow:before                             { left: 6.2rem; bottom: .1rem; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.searchbar-options-arrow:after                              { border-color: transparent; border-bottom-color: #323335; border-width: .8rem; margin-left: -.8rem; }
.searchbar-options-arrow:before                             { border-width: 0.9rem; margin-left: -0.9rem; border-color: transparent; border-bottom-color: #d9dbde; }
.searchbar-delete                                           { height: 4.6rem; width: 4.6rem; background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 0 -1px 0 0 #d9dbde; box-shadow: inset 0 -1px 0 0 #d9dbde; }
.searchbar-delete-active                                    { cursor: pointer; background: #fff url("/bilder/roundcross.png"); background-repeat: no-repeat; background-position: center center; -moz-background-size: 1.4rem; -o-background-size: 1.4rem; -webkit-background-size: 1.4rem 1.4rem; background-size: 1.4rem; }

/* ------------------------------------------------------- */
/* LOGO CSS */

.logo-container                                             { display: none; vertical-align: middle; cursor: pointer; background: #ff9900; }
.logo-container-hide                                        { background: #ff9900; vertical-align: middle; display: table-cell; width: 4.6rem; }
.logo-container-hide:after,
.logo-container-hide:before                                 { height: 0; width: 0; content: ""; display: block; position: absolute; left: 100%; top: 0; z-index: 2; pointer-events: none; }
.logo-container-hide:before                                 { border-top: 4.6rem solid #af6810; border-right: .75rem solid transparent; }
.logo-container-hide:after                                  { border-top: none; border-bottom: 4.6rem solid #ff9900; border-right: .75rem solid transparent; }

.logo                                                       { border: 0; padding: 0; height: 4.6rem; background: url("/bilder/O3_white.png") no-repeat center center; -moz-background-size: 2.6rem; -o-background-size: 2.6rem; -webkit-background-size: 2.6rem 2.6rem; background-size: 2.6rem; }

/* LOGO CSS */
/* ------------------------------------------------------- */
/* GENERAL CSS */

.custFilter_expand                                   { overflow: hidden; padding: 0; margin: 0; max-height: 0px; }

.redborder                                                  { -webkit-box-shadow: inset 0 0 0 1px #f00; -moz-box-shadow: inset 0 0 0 1px #f00; box-shadow: inset 0 0 0 1px #f00; }

.buttonlargetext                                            { font-size: 2.6rem!important; font-weight: 300!important; }

.cursor-initial                                             { cursor: initial!important; }
.cursor-pointer                                             { cursor: pointer!important; }

.display-table-cell                                         { display: table-cell; }

.o3titleDivParent                                           { position: relative; }
.o3titleDivParent div                                       { position: absolute; }
.o3titleDivParent p                                         { font-size: 10rem; }
.hoverTitleElement                                          { z-index: 99999999; }

.vertheader-small                                           { background: #f5f5f5; -webkit-box-shadow: inset 0 0 0 1px #d9dbde; -moz-box-shadow: inset 0 0 0 1px #d9dbde; box-shadow: inset 0 0 0 1px #d9dbde; padding: 0 0.9rem; height: 2.7rem; line-height: 2.7rem; }

.floati                                                     { float: initial!important; }

.center                                                     { text-align: center; }

/* containers */
.content-container                                          { width: 100%; }

/* radio css, checkboxes css, select css */
.control                                                    { position: relative; display: block; margin-bottom: .7rem; padding-left: 2.0rem; cursor: pointer; line-height: 1.8rem; }
.m0 .control,
.o3table .control                                           { margin-bottom: 0rem; }
.control input                                              { position: absolute; z-index: -1; opacity: 0; }
.control-indicator                                          { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; position: absolute; top: .2rem; left: 0; width: 1.4rem; height: 1.4rem; background: #f1f1f1; }
.control-radio .control-indicator                           { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator                   { background: #ccc; }
.control input:checked ~ .control-indicator                 { background: #EF7903; }
.control:hover input:not([disabled]):checked ~ .control-indicator,
.control input:checked:focus ~ .control-indicator           { background: #EF7903; }
.control input:disabled ~ .control-indicator                { pointer-events: none; opacity: .6; background: #f1f1f1; }
.control-indicator:after                                    { position: absolute; display: none; content: ''; }
.control input:checked ~ .control-indicator:after           { display: block; }
.control-checkbox .control-indicator:after                  { top: .2rem; left: .5rem; width: .3rem; height: .6rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; }
.control-checkbox input:disabled ~ .control-indicator:after { border-color: #7b7b7b; }
.control-radio .control-indicator:after                     { top: .5rem; left: .5rem; width: .4rem; height: .4rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; }
.control-radio input:disabled ~ .control-indicator:after    { background: #7b7b7b; }
.select                                                     { position: relative; display: inline-block; margin-bottom: .8rem; }
.select select                                              { display: inline-block; cursor: pointer; border: 0; outline: 0; background: #f1f1f1; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand                                  { display: none; }
.select select:hover,
.select select:focus                                        { color: #000; background: #D9DBDE; }
.select select:disabled                                     { pointer-events: none; opacity: .5; }
.select__arrow                                              { position: absolute; top: .6rem; right: .5rem; width: 0; height: 0; pointer-events: none; border-width: .7rem .4rem 0 .4rem; border-style: solid; border-color: #7b7b7b transparent transparent transparent; }
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow                       { border-top-color: #000; }
.select select:disabled ~ .select__arrow                    { border-top-color: #D9DBDE; }

/* table css */
table                                                       { width: 100%; }
table .select                                               { margin-bottom: 0; }
th, td, .o3table tr.horz > td,
div.listobjdiv_disabled span,
div.listobjdiv > span                                       { padding: 0 .9rem; height: 3.6rem!important; line-height: 1.3rem; text-align: left; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; white-space: normal; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
th, td, .o3table tr.horz > td                               { -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.o3table                                                    { padding: .1rem; }
.o3table tr,
.o3table tr.MLodd                                           { background-color: none; background: none; }
.o3table tr.MLeven                                          { background: #f5f5f5; }
.o3table tr:hover,
div.o3listdiv ul.vert li:hover, div.o3listdiv ul.vert > li.hover:hover,
.o3table tr.horz:hover, .o3table tr.MLeven:hover, .o3table tr.MLodd:hover
                                                            { background: #f5f5f5; background-color: #f5f5f5; cursor: pointer; }

.o3table tr.MLeven:hover
                                                            { background: #f0f0f0; background-color: #f0f0f0; cursor: pointer; }

.o3smalltable th:first-child,
.o3smalltable td:first-child,
.o3smalltable tr.horz > td:first-child                      { padding-left: 0.9rem!important; padding-right: 0.9rem!important; height: 3.6rem; }
.o3smalltable th:last-child,
.o3smalltable td:last-child,
.o3smalltable tr.horz > td:last-child                       { padding-left: 0.9rem!important; padding-right: 0.9rem!important; height: 3.6rem; margin-right: .1rem;}
.o3smalltable tr.horz > td:first-child:last-child           { padding-left: 0.9rem!important; padding-right: 0.9rem!important; height: 3.6rem; }
.o3smalltable th,
.o3smalltable td,
.o3smalltable tr.horz > td                                  { padding: 0 0.9rem!important; }
.o3smalltable input                                         { height: 1.8rem; }

.o3smalltable td                                            { height: 2.7rem!important; line-height: 2.7rem!important; }

.small-display-inline-block                                 { display: inline-block; }
.small-no-float                                             { float: none; }

.o3table tr:hover,
.o3table tr:active                                          { -webkit-box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; -moz-box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; }
.o3table tr:active                                          { background: #eeeeee; }
.o3table thead tr:hover                                     { background: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: inherit; }
.o3table tr.noactive:active tr,
.o3table tr.noactive:active,
.o3table tr.nohover:hover tr,
.o3table tr.nohover:hover                                   { background: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; cursor: default!important; }

/* color css */
.color-orange                                               { color: #ff9900; }

/* color css */
.c-fff                                                      { color: #fff; }
.c-eee                                                      { color: #eee; }

.h0                                                         { height: 0!important; }

.o3custtooltip-parent, .o3custtooltip-above-parent          { display: none; position: absolute; top: 0; width: 100%; height: 100%; z-index: 5000; background: rgba(0,0,0,.5); }
.o3custtooltip, .o3custtooltip-above                        { display: none; margin: 0; width: 32rem; background: #fff; z-index: 5000; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); color: #282828; left: 50%; padding: 0.5rem 1.2rem; position: absolute; overflow-x: visible!important; top: 5.3rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: 0.05rem; }

.o3custtooltip-above-parent,
.o3custtooltip-above                                        { z-index: 20000!important; }

.show-all-table-columns td                                  { display: table-cell!important; }
.show-all-table-columns .tgl-onclick-choose-label           { display: none!important; }
.cust_rightListMenuDiv                                      { position: relative; }

.activity-title                                             { font-size: 1.4rem; padding: 0 1.8rem; padding-top: 1.8rem; padding-bottom: .9rem; font-weight: 500; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; letter-spacing: 0.1rem; }
.activity-subtitle                                          { font-size: 1.1rem; padding-bottom: .9rem; padding-top: 0; white-space: normal; }

/* bezier transition */
div.button,
div.button:hover                                            { -webkit-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -o-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -moz-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; }

/* GENERAL CSS */
.disabled {
	pointer-events: none;
	background-color:rgba(255,255,255, 0.75);
}

.tagList {
	width:100%;
	position:relative;
	border-radius: .2rem;
	border:1px solid #c9cbce;
	box-sizing:border-box;
	background-color:#fff;
}

.minified {
	height: 2.7rem;
	overflow:hidden;
}

.tagList .tagListWrap {
	padding:3px;
	max-height:250px;
	overflow-x:hidden;
	overflow-y:auto;
	display:none;
	position:relative;
}

.tagListScrollFix {
	transform-origin: right top;
    transform:rotate(-90deg) translateX(1px) translateY(-2.7rem);
    width:2.7rem;
    float:left;
    -ms-overflow-style: none;
  	scrollbar-width: none;
  	overflow-y:auto;
}

.tagListScrollFix::-webkit-scrollbar {
  display: none;
}

.minified .tagListWrap {
	float:left;
	display:block;
	padding:1px !important;
	height:2.7rem;
	width:auto;
    box-sizing:border-box;
    transform-origin: left bottom;
	transform: rotate(90deg) translateX(-2.7rem);
}

.tagList .tagListWrap:after {
  content: "";
  display: table;
  clear: both;
}

.tagList .tagItem {
	padding:3px 8px;
	float:left;
	margin:2.5px;
	background-color:#f5f5f5;
	position:relative;
	border-radius: .2rem;
	border:1px solid #c9cbce;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	z-index:99;
	box-sizing:border-box;
}

.minified .tagItem {
    padding:2px 5px 4px 5px;
    float:none;
    display:inline-block;
}

.tagList .tagItem .tagLabel {
	float:left;
	font-size:9.5px;
}

.minified .tagItem .tagLabel {
	line-height:normal;
	font-size:9px;
}

.tagList .tagItem .hoverCnt {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	padding:0px 5px;
	display:none;
}

.tagList .tagItem:hover .hoverCnt {
	display:block;
	background-image: linear-gradient(-90deg, transparent 0%, #f5f5f5 25%);
	padding-right:15px;
}

@media (hover: none) {
  	.tagList .tagItem .hoverCnt {
		position:absolute;
		top:0px;
		left:0px;
		height:100%;
		padding:0px 3px;
		display:block;
	}

	.tagList .tagItem:hover .hoverCnt {
		background-image: none;
	}

	.tagList .tagItem .tagLabel {
		padding-left:14px;
	}
}

.tagList .tagItem .hoverCnt .delButton{
	width:15px;
	height:15px;
	border-radius:100%;
	background-color:rgba(35, 37, 45, 0.75);
	background-image: url(/bilder/icon-cross.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	top:50%;
	margin-top:-7.5px;
}

.tagList .tagItem .hoverCnt .delButton:hover{
	background-color:rgba(35, 37, 45, 0.50);
}

.tagList .tagItem .hoverCnt .delButton:active{
	opacity:0.7;
}

.tagList .tagBtn {
	padding:8px;
	display:block;
	clear:both;
	text-align:center;
	background-color:#f5f5f5;
	transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s;
	position:relative;
}

.minified .tagBtn {
	float:left;
	height:100%;
	width:30px;
	border-right:1px solid #c9cbce;
	padding:0px !important;
}

.tagList .tagBtn:hover {
	cursor:pointer;
	background-color: rgba(0,0,0,.1);
}

.btnIkon {
	width:15px;
	height:15px;
	border-radius:100%;
	background-color:rgba(35, 37, 45, 0.25);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.minified .btnIkon {
	float:none;
	padding:0px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-7.5px;
	margin-top:-7.5px;
}

.tagList .btnLabel {
	float:left;
	font-weight:400;
	font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI";
	line-height: 15px;
	cursor:pointer;
}

.clearBtnContainer {
	width:100%;
	position:relative;
}

.clearBtnContainer .clearBtn {
	clear:both;
	position:absolute;
	top:-25px;
	right:3px;
	padding:3px 5px;
	border-radius:10px;
	background-color: rgba(255,255,255,.9);
	transition: all 0.1s cubic-bezier(.45,0,.05,1) 0s;
	display:none;
	z-index:100;
}

.minified .clearBtn {
	position:absolute;
	top: 10px;
	right: 0px;
	padding: 0px 3px;
	border-radius: 2px;
	background-color: rgba(255,255,255,.3);
}

.minified .btnLabel {
	font-size:8px;
	color:rgba(0,0,0,.6);
}

.clearBtnContainer .clearBtn .btnLabel {
	text-decoration:underline;
	font-size:9px;
}

.clearBtnContainer .clearBtn:hover {
	cursor:pointer;
	background-color: rgba(0,0,0,.7);
}

.clearBtnContainer .clearBtn:hover .btnLabel{
	text-decoration:none;
	color:#fff;
}

.subTags {
	width:100%;
	box-sizing: border-box;
	margin:-2px;
}

.subTags:after {
  content: "";
  display: table;
  clear: both;
}

.subTags .tag {
	padding:4px 7.5px;
	margin:2px;
	background-color:#333;
	float:left;
	border-radius:20px;
}

.subTags .tag .label {
	color:#fff;
	font-weight:bold;
	font-size:8px;
}

.softerhide {
	visibility: hidden;
}

.simpleBtn {
	padding:5px 10px;
	border-radius:3px;
	background-color: rgba(255,255,255,1);
	border:1px solid #c9cbce;
	cursor:pointer;
	transition: background-color 0.1s cubic-bezier(.45,0,.05,1) 0s;
}

.simpleBtn:hover {
	background-color: rgba(0,0,0,.1);
}

.simpleBtn:active {
	opacity:0.8;
}

.simpleBtn .btnIkon {
	float:none;
	margin:0px auto;
}

.custSmpNewMultiSamplesExpand {
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-color: rgba(255,255,255,0.95);
	padding:1.8rem;
}

.custSmpNewMultiSamplesExpand:after {
	content: "";
  	display: table;
  	clear: both;
}

.custNewMultiTmplContainer {
	width:100%;
	padding:1.8rem;
	box-sizing:border-box;
	position:relative;
}

.custNewMultiTmplContainer .tmplExpandRow {
	display:block;
}

.custNewMultiTmplContainer .tmplExpandRow:after {
  content: "";
  display: table;
  clear: both;
}

.custNewMultiTmplContainer .tmplExpand {
	float:left;
	width:25px;
	height:25px;
	margin-right:10px;
	border-radius:50px;
	background-color:#fff;
	background-image: url(/bilder/left.png);
	transform: rotate(180deg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:50%;
	cursor:pointer;
}

.custNewMultiTmplContainer .tmplExpand:hover {
	background-image: url(/bilder/left_light.png);
	background-color:#333;
}

.custNewMultiTmplContainer .expOpen {
	transform: rotate(-90deg);
}

.custNewMultiTmplContainer .tmplHeader {
	font-weight:bold;
	display:block;
	float:left;
	line-height:25px;
}

.custNewMultiTmplContainer .wrapGradientExpanded {
	max-height:510px !important;
}

.custNewMultiTmplContainer .wrapGradientExpanded .wrapScroll {
	max-height:510px !important;
}

.custNewMultiTmplContainer .wrapGradientExpanded .gradientOverlay {
	display:none !important;
}

.custNewMultiTmplContainer .wrapGradient {
	overflow:hidden;
	position:relative;
	max-height:155px;
}

.custNewMultiTmplContainer .wrapScroll {
	max-height:155px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}

.custNewMultiTmplContainer .tmplWrap {
	margin:5px -5px -5px -5px;
	display:none;
	width:100%;
}

.custNewMultiTmplContainer .wrapGradient .gradientOverlay {
	width:100%;
	height:50px;
	position:absolute;
	left:0px;
	top:105px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(236,239,241,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(236,239,241,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(236,239,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eceff1",GradientType=1);
	pointer-events: none;
}

.custNewMultiTmplContainer .tmplWrap:after {
  content: "";
  display: table;
  clear: both;
}

.custNewMultiTmplContainer .tmplWrap .tmplNode {
	float:left;
	height:50px;
	width:20%;
	box-sizing:border-box;
	border-radius:2px;
	padding:5px;
	cursor:pointer;
}

.custNewMultiTmplContainer .tmplAdd {
	float:left;
	color:#fff;
	margin-left:10px;
	border-radius:15px;
	padding:0px 10px;
	background-color:rgb(0,0,0,0.7);
	cursor:pointer;
	transition: background-color 0.2s cubic-bezier(.45,0,.05,1) 0s;
	font-size:1rem;
}

.custNewMultiTmplContainer .tmplAdd .smallIcon {
	background-image: url(/bilder/icon-add.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	margin-right:5px;
	float:left;
	margin-top:5px;
}

.custNewMultiTmplContainer .tmplAdd:hover {
	background-color:rgb(0,0,0,0.4);
}

.custNewMultiTmplContainer .tmplWrap .tmplNode:hover .flexbox {
	background-color:rgb(255,255,255,0.5);
}
.custNewMultiTmplContainer .tmplWrap .tmplNode:hover .tmplIcon{
	background-color:rgb(0,0,0,0.4);
}

.custNewMultiTmplContainer .tmplWrap .tmplNode .flexbox {
	width:100%;
	height:100%;
	transition: background-color 0.2s cubic-bezier(.45,0,.05,1) 0s;
	background-color:#fff;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.custNewMultiTmplContainer .tmplWrap .tmplNode .tmplIcon {
	width:40px;
	position:relative;
	transition: background-color 0.2s cubic-bezier(.45,0,.05,1) 0s;
	background-color:rgb(0,0,0,0.7);
}

.custNewMultiTmplContainer .tmplWrap .tmplNode .tmplIcon .img {
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -7.5px 0px 0px -7.5px;
	background-image:url(/bilder/dokument.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.custNewMultiTmplContainer .tmplWrap .tmplNode .tmplTitle {
	width:80%;
	box-sizing: border-box;
	padding:0px 10px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight:bold;
}

.custNewMultiTmplContainer .tmplWrap .tmplNode .tmplTitle p {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.custNewMultiTmplContainer .expanded .tmplExpandBtnIcon {
	transform: rotate(90deg) !important;
}

.custNewMultiTmplContainer .tmplExpandBtn {
	width:40px;
	height:40px;
	transition: background-color 0.2s cubic-bezier(.45,0,.05,1) 0s;
	background-color:#fff;
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-20px;
	border-radius:100%;
	cursor:pointer;
	display:none;
}

.custNewMultiTmplContainer .tmplExpandBtn:hover {
	background-color:rgb(0,0,0,0.7);
}

.custNewMultiTmplContainer .tmplExpandBtn:hover .tmplExpandBtnIcon {
	background-image: url(/bilder/left_light.png);
}

.custNewMultiTmplContainer .tmplExpandBtn .tmplExpandBtnIcon {
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -7.5px 0px 0px -7.5px;
	background-image: url(/bilder/left.png);
	transform: rotate(-90deg);
	background-repeat:no-repeat;
	background-size:contain;
}

.custFloatDiv {
	position:absolute !important;
}

.custCheckbox {
	width: 20px !important;
	height: 20px !important;
}

.custSmpNewMultiGreenBg {
	background-color:#f6fff1;
}

.custpopup {
	display:none;
	position:absolute;
	background-color:#fff;
	z-index:1000;
	border-radius:3px;
	-webkit-box-shadow: 0px 11px 29px -7px rgba(0,0,0,0.43);
	box-shadow: 0px 11px 29px -7px rgba(0,0,0,0.43);
}

/* ------------------------------------------------------- */
/* OVERWRITE O3 */

.getalllimited-search-table td                              { height: 3.6rem; }

input,textarea,select                                       { font-size: 1.1rem; }

.tgl-onclick-choose-label::after                            { background: #f5f5f5; top: initial; left: .8rem; width: 1.8rem; }

.o3dialog,
.o3dialog-buttons-container                                 { background: #fff; }
.o3dialog-buttons-container                                 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.o3dialog-title-container                                   { background: #1D1F26; }
.o3dialog-message, .o3dialog-submessage                     { -webkit-box-shadow: inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 0 -1px 0 0 #d9dbde; box-shadow: inset 0 -1px 0 0 #d9dbde; }

.fidisabled, .fidisabledr, .fiamultidisabled, .fiamultidisabledr, input:disabled, textarea:disabled, select:disabled
                                                            { background-color: #dcdcdc!important; background: #dcdcdc!important; font-weight: initial; border: none; color: #696969; -webkit-box-shadow: inset 0 0 0 1px #b9bbbe!important; -moz-box-shadow: inset 0 0 0 1px #b9bbbe!important; box-shadow: inset 0 0 0 1px #b9bbbe!important; cursor: not-allowed!important; }

select.redInput,
.redInput                                                   { box-shadow: inset 0 0 0 2px #e64040!important; }
select.bg-red,
.bg-red                                                     { background: #e64040!important; }

select.yellowInput,
.yellowInput                                                   { box-shadow: inset 0 0 0 2px #f90!important; }
select.bg-yellow,
.bg-yellow                                                     { background: #f90!important; }

#MFdateimg                                                  { position: absolute; right: 6px; top: 6px; z-index:1000;}

.o3text_large                                               { letter-spacing: .1rem; }

.grid_1, .grid_1_5, .grid_1_75, .grid_2, .grid_2_5, .grid_3, .grid_3_5, .grid_4, .grid_4_5, .grid_5, .grid_5_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_10_5,
.grid_11, .grid_12, .grid_13, .grid_14, .grid_14_5, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_20_5,
.grid_21, .grid_22, .grid_23, .grid_24, .grid_25, .grid_26, .grid_27
                                                            { position: initial; display: initial; float: initial; margin-left: 0; margin-right: 0; width: initial!important; }

.width_1, .width_1_25, .width_1_5, .width_2, .width_2_25, .width_2_5, .width_3, .width_3_5, .width_4, .width_4_5, .width_5, .width_5_5, .width_6, .width_7, .width_8, .width_9, .width_10, .width_11, .width_12, .width_13, .width_14, .width_15, .width_16, .width_17, .width_18, .width_19, .width_20
                                                            { width: auto; float: initial; position: initial; }

.gridtopspace_5, .gridtopspace1, .gridtopspace1_5, .gridtopspace2, .gridtopspace3, .gridtopspace4, .gridtopspace5, .gridtopspace6, .gridtopspace7, .gridtopspace8, .gridtopspace9, .gridtopspace10
                                                            { margin-top: 0!important; }

.droptarget                                                 { width: 100%; margin: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; -webkit-box-shadow: inset 0 0 0 1px #c9cbce; -moz-box-shadow: inset 0 0 0 1px #c9cbce; box-shadow: inset 0 0 0 1px #c9cbce; }
.spanAna                                                    { color: inherit; font-weight: initial; }
/*input.MF, textarea.MF, select.MF                            { float: left; }*/

#ana_lathund                                                { background-color: #fff!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div#custObjViewPrintResults                                 { position: relative; top: 0; right: 0; width: auto; height: auto; border: none; float: left; }
.fhlarge                                                    { padding: 0; }
.droptitle                                                  { line-height: 1.7rem; }
.thumbName                                                  { width: 100%; max-width: 100%; }
.thumbContainer                                             { margin-top: 7px; }
.thumbClose                                                 { padding-left: .9rem!important; padding-right: .9rem!important; }

.bgccc                                                      { background-color: rgba(0,0,0,0)!important; }
div.popuphead                                               { height: 4.6rem; line-height: 4.6rem; background-color: rgba(0,0,0,0) !important; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; padding: 0; border-bottom: none; }

.o3ImgMapParent                                             { margin: 0 auto; float: initial; }
.o3ImgMapList                                               { max-width: 100%; width: 100%; overflow-x: initial; border-bottom: 0; }
.o3ImgMap                                                   { max-width: 113.6rem; }
.fitImg                                                     { border: 1px solid #ccc; }
.pointListTitle                                             { width: 100%; max-width: 100%; }

.o3sys-tools                                                { background: none; }
.maintool                                                   { padding: 0; }

.menu-toggle-element.button_disabled,
.menu-toggle-element.button_disabled:active,
.menu-toggle-element.button_disabled:focus,
.menu-toggle-element.button_disabled:hover,
.menu-toggle-element.button_future,
.menu-toggle-element.button_future:active,
.menu-toggle-element.button_future:focus,
.menu-toggle-element.button_future:hover,
.menu-toggle-element.button_current,
.menu-toggle-element.button_current:active,
.menu-toggle-element.button_current:focus,
.menu-toggle-element.button_current:hover,
.menu-toggle-element.button_done,
.menu-toggle-element.button_done:active,
.menu-toggle-element.button_done:focus,
.menu-toggle-element.button_done:hover                      { background: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }

.menu-toggle-element.button_disabled:after                  { content: ''; position: absolute; left: 3px; width: 0.9rem; background: #B8B8B8; height: 0.9rem; top: 1.85rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.menu-toggle-element.button_disabled p,
.menu-toggle-element.button_disabled span                   { color: #B8B8B8; }
.menu-toggle-element.button_done:after                      { content: ''; position: absolute; left: 3px; width: 0.9rem; background: #18c142; height: 0.9rem; top: 1.85rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.menu-toggle-element.button_future:after                    { content: ''; position: absolute; left: 3px; width: 0.9rem; background: #DA2222; height: 0.9rem; top: 1.85rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.button_disabled.menu-toggle-element-active,
.button_future.menu-toggle-element-active,
.button_current.menu-toggle-element-active,
.button_done.menu-toggle-element-active                     { -webkit-box-shadow: inset 0 -2px 0 0 #f90!important; -moz-box-shadow: inset 0 -2px 0 0 #f90!important; box-shadow: inset 0 -2px 0 0 #f90!important; }

.MLexplgrey input,
.MLexplgrey textarea                                        { background: #fff!important; }
#div_chkifexist                                             { display: none; }
div.o3cust                                                  { min-width: initial; position: initial; }
.bgaaa                                                      { background: #fff; }
.rounded                                                    { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.o3table tr.horz > td > img.listexpand,
td.hdcs_VAs_x span,
td.hdcs_PVAs_x span,
td.hdcs_cVAs_x span,
td.hdcs_c span                                              { padding: 1.4rem 1.8rem 1.5rem 1.8rem; }
table#custSmpAnaHist                                        { position: relative; top: 0; left: 0; float: left; }
table#custSmpAnaHist td                                     { text-align: left; }
table#custSmpAnaHist th                                     { border-bottom: none; }
div.MLexplgrey                                              { background-color: #ECEFF1; -webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 3px 1px -2px rgba(0,0,0,0.12), inset 0 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 3px 1px -2px rgba(0,0,0,0.12), inset 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 3px 1px -2px rgba(0,0,0,0.12), inset 0 1px 5px 0 rgba(0,0,0,0.2); padding: 1.8rem 0 1.8rem 0; height: auto!important; }
div.MLexplgrey:hover td                                     { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; background: none; }
td.hdcs_VAs_x,
td.hdcs_PVAs_x,
td.hdcs_cVAs_x,
td.hdcs_cODL_x,
td.hdcs_x                                                   { width: 3rem!important; min-width: 3rem!important; max-width: 3rem!important; padding: 0!important; }
td.hdcs_PVAof1, td.hdcs_PVAof2                              { width: 2.4rem; min-width: 2.4rem; max-width: 2.4rem; }
td.hdcs_PVAnof1, td.hdcs_PVAnof2                            { width: 7rem; min-width: 7rem; max-width: 7rem; }
td.hdcs_cVAid                                               { width: 6rem; min-width: 6rem; max-width: 6rem; padding-left: 0!important; }
td.hdcs_tnr                                                 { padding-left: 0!important; }
td.hdcs_objchk,
td.hdcs_cODL_cd                                             { padding-left: 0!important; padding-right: .9rem!important; }
.o3tableheader                                              { margin-left: 0; }
.o3tableheader-small                                        { height: 2.7rem; line-height: 2.7rem; }
td.hdcs_VAname, td.hdcs_VAnorm, td.hdcs_VAs_o,
td.hdcs_PVAname, td.hdcs_PVAnorm, td.hdcs_PVAs_o,
td.hdcs_cVAname, td.hdcs_cVAnorm
                                                            { width: 21.5rem; min-width: 21.5rem; max-width: 21.5rem; }
td.hdcs_VAstat, td.hdcs_PVAstat                             { width: 1.7rem; min-width: 1.7rem; max-width: 1.7rem; }
td.hdcs_VAres, td.hdcs_PVAres, td.hdcs_cVAres               { width: 18.5rem; min-width: 18.5rem; max-width: 18.5rem; }
td.hdcs_VAhist, td.hdcs_PVAhist                             { width: 1.7rem; min-width: 1.7rem; max-width: 1.7rem; }
td.hdcs_VAgraf, td.hdcs_PVAgraf, td.hdcs_cVAgraf            { width: 1.6rem; min-width: 1.6rem; max-width: 1.6rem; }
td.hdcs_VAgrrep, td.hdcs_PVAgrrep                           { width: 2.5rem; min-width: 2.5rem; max-width: 2.5rem; }
td.hdcs_PVAver                                              { width: 2.5rem; min-width: 2.5rem; max-width: 2.5rem; }
td.hdcs_VAunit, td.hdcs_VAacc, td.hdcs_VArepo, td.hdcs_VAunc,
td.hdcs_PVAunit, td.hdcs_PVAacc, td.hdcs_PVArepo, td.hdcs_PVAunc,
td.hdcs_cVAunit
                                                            { width: 7rem; min-width: 7rem; max-width: 7rem; }
td.hdcs_VAlabo, td.hdcs_VAdatest, td.hdcs_VAdate, td.hdcs_VAsite, td.hdcs_VAchby, td.hdcs_VAchda, td.hdcs_VAinst,
td.hdcs_PVAlabo, td.hdcs_VAdatest, td.hdcs_PVAdate, td.hdcs_PVAsite, td.hdcs_PVAchby, td.hdcs_PVAchda, td.hdcs_PVAinst
                                                            { width: 10rem; min-width: 10rem; max-width: 10rem; }
td.hdcs_PVAobj, td.hdcs_PVAobjna, td.hdcs_PVAsmp, td.hdcs_PVAof3, td.hdcs_PVApdat, td.hdcs_PVApdats
                                                            { width: 7rem; min-width: 7rem; max-width: 7rem; }
td.hdcs_VAnote,  td.hdcs_VAlimits,  td.hdcs_VAnhid,  td.hdcs_VAnfoot,  td.hdcs_VArule,  td.hdcs_VAtrend,  td.hdcs_VApris,  td.hdcs_VAprisfaktor,  td.hdcs_VAwsh,
td.hdcs_PVAnote, td.hdcs_PVAlimits, td.hdcs_PVAnhid, td.hdcs_PVAnfoot, td.hdcs_PVArule, td.hdcs_PVAtrend, td.hdcs_PVApris, td.hdcs_PVAprisfaktor, td.hdcs_PVAwsh
                                                            { width: 11rem; min-width: 11rem; max-width: 11rem; }
td.hdcs_VAbed, td.hdcs_PVAbed                               { width: 1.8rem; min-width: 1.8rem; max-width: 1.8rem; }

div.button                                                  { position: relative; height: 3.6rem; border: none; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 0; padding-bottom: 0; position: relative; top: 0; }
div.button:hover,
div.button:focus,
div.button:active                                           { border: none; }
div.button:hover                                            { background: #e87509; -webkit-box-shadow: 0 9px 5px -5px rgba(0,0,0,0.36); -moz-box-shadow: 0 9px 5px -5px rgba(0,0,0,0.36); box-shadow: 0 9px 5px -5px rgba(0,0,0,0.36); }
div.button_tiny:hover                                       { top: 0; }
div.button:focus,
div.button:active                                           { background: #db700b; -webkit-box-shadow: 0 6px 3px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0 6px 3px -3px rgba(0,0,0,0.26); box-shadow: 0 6px 3px -3px rgba(0,0,0,0.26); }
div.button span.buttontext                                  { line-height: 3.6rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-weight: 300; letter-spacing: .05rem; color: #fff; font-size: 1.1rem; text-transform: uppercase; }

div.button-red                                              { background: #e64040!important; }
div.button-red:hover                                        { background: #d63030!important; }
div.button-red:focus,
div.button-red:active                                       { background: #c21919!important; }

div.button_normal                                           { background: #ff7b00; }
div.button_future                                           { background: #DA2222; }
div.button_future:hover                                     { background: #BA0202; }


.vertheader,
.vertheader:hover                                           { background: #f5f5f5!important; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12)!important; -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12)!important; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12)!important; }
.vertheader td                                              { height: 4.6rem!important; }
.vertheader-small td                                        { height: 2.7rem!important; }
.vertheader td span                                         { line-height: 4.6rem; font-size: 1.2rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-weight: 500; letter-spacing: .05rem; }
.vertheader-small td span                                   { line-height: 2.7rem; }
.vertheader td img                                          { padding-right: .75rem; }

span#spanheader_np,
span#spanheader                                             { color: #1D1F26; font-weight: 500; border-bottom: none; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-size: 1.3rem; letter-spacing: 0.05rem; word-wrap: break-word; white-space: normal; }

.fh                                                         { font-size: 1.1rem; font-weight: 400; margin-right: .1rem; text-decoration: none; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; letter-spacing: 0.05rem; }

textarea                                                    { resize: vertical; }
textarea.MFtextarea, textarea.MFsearchobjarea               { width: 100%; max-width: 100%; min-height: 5rem; padding-top: .7rem; margin-top: 0.5rem; }
textarea.MFsearchobjarea                                    { min-height: 9.2rem; resize: none; cursor: pointer; }

.o3cell                                                     { padding: 0; height: initial; line-height: initial; }
.o3table tr.hover,
.o3table tr.hover:hover td                                  { background-color: #DCDFE1!important; }
.o3table tr.hover td:first-child                            { -webkit-box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; -moz-box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; box-shadow: inset 2px 0 0 0 #f90, -1px 0 0 0 #f90; }

.toolbartarget                                              { height: 4.6rem; float: initial; position: absolute; left: 0; top: 0; display: initial; z-index: 1; margin-top: 0; margin-right: 0; width: 100%; background: #f5f5f5; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); }
.o3tablebrowse                                              { float: left; margin-top: 0; margin-right: 0; }
/*.o3tablebrowse:after                                        { height: 2.3rem; display: block; width: 1px; background: #c9cbce; content: ''; right: -1px; position: absolute; top: 1.15rem; }*/
.o3tablebrowse > div                                        { padding: 0; }
.o3tablebrowse span                                         { position: relative; top: 0; font-size: 1rem; padding-left: .9rem; padding-right: .9rem; margin-top: 0; float: left; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-weight: 400; }

span.MFsuffix                                               { position: absolute; top: -2.3rem; right: 0; }
div.MFdiv                                                   { position: relative; }

.fh, .fhwhite, .fhp, .fhphover, .fho3, .fhnb, .fhgrey, .fhblackm, .fhcgrey, .fhagrey, .fhgreylink, .fhmini, .fhmicro, .fhul, .fhlarge, .fhbig, .fhhuge, .fhblack, .fhlink, .fhdisabled, .fhcenter, .fhindent
                                                            { font-weight: 400; margin-right: 0; }

div#filter_include,
div#filter_exclude                                          { margin-left: 0; border: none; -webkit-box-shadow: inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; -moz-box-shadow: inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; box-shadow: inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; width: 100%; background-color: none; }
div#filter_exclude td                                       { box-shadow: inset 1px 0 0 0 #d9dbde, 1px 0 0 0 #d9dbde; }
div#filter_include td                                       { box-shadow: inset 1px 0 0 0 #d9dbde; }
/*div#filter_exclude                                        { background-color: #ECEFF1; }*/
div#MFobjlistdiv                                            { z-index: 10001; background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,0.2); width: 15rem; }
div#MFobjlistdiv span                                       { line-height: 2.8rem; height: 2.8rem!important; }
div.listobjdiv                                              { border: none; color: #333; background: none; opacity: 1; overflow-x: hidden; }
div.listobjdiv > span,
div.listobjdiv_disabled span                                { padding: 0 0 0 0.9rem; background-color: initial!important; }
div.listobjdiv > span:hover, div.listobjdiv span.hover      { background-color: #ECEFF1!important; }
div#filter_incexctool                                       { margin: 0; width: 100%; }

.brounded                                                   { border: 0; -webkit-box-shadow: inset 0 0 0 1px #c9cbce; -moz-box-shadow: inset 0 0 0 1px #c9cbce; box-shadow: inset 0 0 0 1px #c9cbce; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.notopborder                                                { -webkit-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; -moz-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; }
.o3tabletool                                                { margin-left: 0; border: 0; margin-top: 0; }
.o3tabletool > div                                          { padding-top: 0; }
.o3tabletool > div > div                                    { padding: 0 !important; height: 2.7rem; margin: 0; }
.o3tabletool > div > div > div.button                       { height: 2.7rem; line-height: 2.7rem; padding: 0; min-width: 4.6rem; background: #fff; color: #333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce; -moz-box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce; box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce; -webkit-background-size: 1.6rem 1.6rem; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; background-size: 1.6rem; background-position: center center; background-repeat: no-repeat;
vertical-align: middle; }
.o3tabletool > div > div > div:first-child                  { -webkit-box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce, inset 1px 0 0 #c9cbce; -moz-box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce, inset 1px 0 0 #c9cbce; box-shadow: inset 0 -1px 0 0 #c9cbce,inset -1px 0 0 #c9cbce, inset 1px 0 0 #c9cbce; }
/*.o3tabletool > div > div > div.button:hover                 { background: #ddd; }*/
.o3tabletool > div > div > div.button > span                { color: #333; font-size: 1.1rem; padding: 0 0.9rem; line-height: 2.7rem !important; height: 2.7rem; min-height: 2.7rem; max-height: 2.7rem; font-weight: 500; }

#O3ML_d_missingidkey                                        { -webkit-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; -moz-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; }
#O3ML_h_o3custSmpStatMinerANALoad,
#O3ML_d_o3custSmpStatMinerANALoad,
#O3ML_dd_o3custSmpStatMinerANALoad,
div#data_add_sub,
span#spanheader                                             { position: relative!important; top: initial!important; left: initial!important; width: auto!important; }
#O3ML_dd_o3custSmpStatMinerANALoad                          { max-height: 16rem; max-width: 100%; padding: 0; background: none; -webkit-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc; -moz-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc; box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc; width: 100%!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#O3ML_dd_o3custSmpStatMinerANALoad ul                       { width: 100%!important; }
div.o3listdiv ul.vert                                       { background: none; }
#O3ML_dd_o3custSmpStatMinerANALoad li                       { padding: 0 0.9rem; height: 3.6rem; line-height: 3.6rem; }
div.o3listdiv ul.horz li, div.o3listheader ul.horz li,
div.o3listdiv ul.horz, div.o3listheader ul.horz,
#O3ML_h_o3custSmpStatMinerANALoad,
div.o3listheader ul.vertheader li                           { height: 3.6rem!important; }
#O3ML_d_custSmpNewAnaList                                   { -webkit-box-shadow: 0 1px 0 0 #c9cbce, inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; -moz-box-shadow: 0 1px 0 0 #c9cbce, inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; box-shadow: 0 1px 0 0 #c9cbce, inset 1px 0 0 0 #c9cbce, inset -1px 0 0 0 #c9cbce; }
#div_custSmpNewAnaList .vertheader                          { -webkit-box-shadow: inset 0 0 0 1px #c9cbce!important; -moz-box-shadow: inset 0 0 0 1px #c9cbce!important; box-shadow: inset 0 0 0 1px #c9cbce!important; }
#div_custSmpNewAnaList .o3tabletool                         { margin-top: 1px; }
div.o3listdiv ul, div.o3listheader ul                       { padding-left: 0; }
ul.vertheader li ul.horz li span                            { height: 3.6rem; line-height: 3.6rem; padding: 0 0.9rem; }
div.o3listdiv ul, div.o3listheader ul.vertheader            { -webkit-box-shadow: 0 0 0 1px #c9cbce; -moz-box-shadow: 0 0 0 1px #c9cbce; box-shadow: 0 0 0 1px #c9cbce; }
#O3ML_d_o3custSmpStatMinerANALoad                           { -webkit-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; -moz-box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; box-shadow: inset 1px 0 0 0 #c9cbcc, inset -1px 0 0 0 #c9cbcc, inset 0 -1px 0 0 #c9cbcc; background: none!important; }
#data_add_sub .brounded                                     { border: none; height: 3.6rem !important; line-height: 3.6rem; -webkit-border-bottom-left-radius: .2rem; -moz-border-radius-bottomleft: .2rem; border-bottom-left-radius: .2rem; -webkit-border-bottom-right-radius: .2rem; -moz-border-radius-bottomright: .2rem; border-bottom-right-radius: .2rem; background: #F3F6F8; -webkit-box-shadow: 0 0 0 1px #c9cbce; -moz-box-shadow: 0 0 0 1px #c9cbce; box-shadow: 0 0 0 1px #c9cbce; padding: 0!important; }
#data_add_sub .brounded img                                 { height: 3.6rem; width: 3.6rem; background: url("/bilder/roundcross.png"); display: block; padding: 0!important; top: 0!important; left: 0!important; background-repeat: no-repeat; }

div.o3cust_login                                            { position: absolute; width: 100%; height: 100%; margin: 0; z-index: 9999; }

div.o3cust_logintint                                        { background: #fff!important; }

/* .fidisabled, .fidisabledr, .filinkdisabled, .fiamultidisabled, .fiamultidisabledr, input:disabled, textarea:disabled
                                                            { background-color: #dcdcdc!important; background: #dcdcdc!important; font-weight: initial; border: none; color: #696969; -webkit-box-shadow: inset 0 0 0 1px #b9bbbe!important; -moz-box-shadow: inset 0 0 0 1px #b9bbbe!important; box-shadow: inset 0 0 0 1px #b9bbbe!important; cursor: not-allowed!important; }
 */
input:read-only,
input:-moz-read-only,
textarea:read-only,
textarea:-moz-read-only                                     { background-color: #dcdcdc!important; cursor: default; font-weight: initial; border: none; color: #696969; }

textarea:read-only .searchobjarea,
textarea:-moz-read-only .searchobjarea                      { background-color: #f5f5f5!important; }

/* OVERWRITE O3 */
/* ------------------------------------------------------- */
/* NEW CUST FORCE CSS */

.new-cust-dark-color                                        { color: #1D1F26!important; }
.new-cust-hide                                              { display: none!important; }
.new-cust-show                                              { display: block!important; }

/* NEW CUST FORCE CSS */
/* ------------------------------------------------------- */
/* RESPONSIVE CSS */

@media (max-width: 960px)                                   {
.o3tablecont                                                { height: 100%!important; }
#MFdatediv                                                  { width: 100%!important; left: 0!important; }
.small-plr0                                                 { padding-left: 0; padding-right: 0; }
}

/* For devices larger than 960px */
@media (min-width: 960px)                                   {

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="remail"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, #O3ML_dd_o3custSmpStatMinerANALoad, input.MF, textarea.MF, select.MF
                                                            { float: left; }

body                                                        { font-size: 1.1rem; }
th:first-child,
td:first-child,
.o3table th:first-child,
.o3table td:first-child,
.o3table tr.horz > td:first-child                           { padding-left: 1.8rem; padding-right: 0rem; height: 3.6rem; }
/* OBS OBS last-child nedan bortkommenterat p.g.a konstigt beteende om sista kolumnen är en switch. */
/* th:last-child,
td:last-child,
.o3table th:last-child,
.o3table td:last-child,
.o3table tr.horz > td:last-child                            { padding-left: 0.9rem; padding-right: 1.8rem; height: 3.6rem; } */
td:first-child:last-child,
.o3table tr.horz > td:first-child:last-child                { padding-left: 1.8rem; padding-right: 1.8rem; height: 3.6rem; }
th, td, .o3table th, .o3table td, .o3table tr.horz > td     { padding: 0 0.9rem; padding-right: 0; height: 3.6rem; }

div.o3datediv ul                                            { width: 28.8rem; }

span#newspanheader                                          { padding: 0 1.8rem; }

.small-display-inline-block                                 { display: block; }
.small-no-float                                             { float: left; }

.o3search                                                   { top: 0; }

.topbar                                                     { position: fixed; z-index: 100; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.topbarlogo                                                 { display: none; }

.logo-container-hide                                        { display: none; }
.logo-container                                             { display: table-cell; padding-right: 0; width: 5.6rem; max-width: 5.6rem; }
.logo-container:after,
.logo-container:before                                      { height: 0; width: 0; content: ""; display: block; position: absolute; left: 100%; top: 0; z-index: 2; pointer-events: none; }
.logo-container:before                                      { border-top: none; border-top: 4.6rem solid #af6810; border-right: .75rem solid transparent; }
.logo-container:after                                       { border-top: none; border-bottom: 4.6rem solid #ff9900; border-right: .75rem solid transparent; }

.trio-left                                                  { left: 0; display: table-cell; width: 25.6rem; position: fixed; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.trio-left2                                                 { left: 0; display: table-cell; width: 38.4rem; position: fixed; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.trio-right                                                 { right: 0; display: table-cell; width: 32rem; position: fixed; -webkit-transform: translateX(+100%); -moz-transform: translateX(+100%); -ms-transform: translateX(+100%); -o-transform: translateX(+100%); transform: translateX(+100%); }
.trio-left-container,
.trio-left2-container,
.trio-right-container                                       { overflow-y: auto; display: block; }
.trio-left-menu-text                                        { width: 18.2rem; max-width: 18.2rem; font-size: 1.2rem; letter-spacing: .1rem; }
.trio-left-menu-text-main                                   { width: 12rem; max-width: 12rem; }
#trio_left_expand_container                                 { position: fixed; display: block; }
#trio_left2_expand_container                                { position: fixed; display: block; padding-left: 1.8rem; padding-right: 1.8rem; width: 25.6rem; height: 4.6rem; }
#trio_right_expand_container                                { position: fixed; display: block; }
.trio-center,
.top-center                                                 { left: 0; right: 0; padding: 1.8rem; }
.trio-center                                                { top: 0; }
.trio-center-container,
.top-center-container                                       { left: 26.5rem; margin: 0 auto; max-width: 113.6rem; position: absolute; right: 0.9rem; top: 6.5rem; display: block; display: table-cell; }
.top-center-container                                       { top: 0; }
.searchbar-options                                          { width: 25.6rem; left: 1.8rem; }
.searchbar-options-arrow:after,
.searchbar-options-arrow:before                             { left: 3rem; bottom: 0.1rem; }
.searchbar-options-arrow:before                             { border-width: .9rem; margin-left: -.9rem; }

#searchbar_container                                        { -webkit-transition: all 0.20s ease; -o-transition: all 0.20s ease; -moz-transition: all 0.20s ease; transition: all 0.20s ease; }
#trio_right_expand_icon                                     { background-image: url("/bilder/expand_left.png"); }

div.o3cust_logintint                                        { background: #1D1F26!important; }
div.o3cust_login                                            { position: relative; width: 100%; height: 100%; margin: 0; }

.o3ImgMap                                                   { max-width: 100%; }

}

/* RESPONSIVE CSS */
/* ------------------------------------------------------- */
/* ANIMATE CSS */

/* Smooth slide-in-and-out divs */
.trio-left-transition                                       { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.trio-left2-transition                                      { -webkit-transform: translateX(25.6rem); -moz-transform: translateX(25.6rem); -ms-transform: translateX(25.6rem); -o-transform: translateX(25.6rem); transform: translateX(25.6rem); }
.trio-left2-transition-small-screen                         { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.trio-right-transition                                      { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

/* ANIMATE CSS */
/* ------------------------------------------------------- */