html,
body {
  height: 100%;
}

body {
  display: none;
}

.fontawesome-i2svg-active body {
  display: initial;
}

.spinning svg {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

body {
  padding: 0;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  height: 100%;
  overflow: auto;
  background-color: white;
  color: #666;
  line-height: 1.5em;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 0 !important;
}

p,
li,
button {
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
}

body.noScroll {
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  left: 0;
  right: 0;
}

p div#userData {
  display: none;
}

table {
  border-collapse: separate !important;
}

a,
a:link,
a:visited,
a:active {
  color: var(--lor-color);
  text-decoration: none;
  cursor: pointer;
}

a:not(.disabled):not(.filterButton):hover {
  color: var(--lor-color);
  text-decoration: underline;
}

div#maincontainer div.popup_outer.error a,
div#maincontainer div.popup_outer.error a:link,
div#maincontainer div.popup_outer.error a:visited,
div#maincontainer div.popup_outer.error a:active,
div.popup_outer.error a,
div.popup_outer.error a:link,
div.popup_outer.error a:visited,
div.popup_outer.error a:active {
  color: white;
  cursor: pointer;
  font-weight: bold;
  white-space: nowrap;
}

div.popup_outer.waitPopup .popup_inner .popup_top_expand,
div.popup_outer.waitPopup .popup_inner .popup_top_closer,
div.popup_outer.waitPopup .popup_inner .popup_switches {
  display: none;
}

div.popup_outer.waitPopup .popup_inner .popup_message {
  overflow: hidden;
}

div.popup_outer.waitPopup .popup_inner .popuptable {
  position: absolute;
  top: 30px;
  left: 30px;
  bottom: 30px;
  right: 30px;
}

div.popup_outer.waitPopup .popup_inner .popuptable p {
  text-align: left;
  padding-left: 120px;
  padding-top: 10px;
  padding-right: 20px;
}

div.popup_outer.waitPopup .popup_inner .popuptable p svg {
  position: absolute;
  left: 22px;
  font-size: 60px;
}

div.popup_outer.alert a {
  color: white;
}

div.popup_outer.alert a:hover {
  text-decoration: underline;
}

div.popup_outer.alert div.popup_message a {
  color: var(--lor-color);
}

div.popup_outer.alert div.popup_message a:hover {
  color: white;
}

.material-icons {
  position: relative;
  top: -1px;
}

.hidden,
.noDisplay {
  display: none;
}

span.red {
  color: red;
}

span.darkblue {
  color: var(--lor-color-dark);
}

div#container {
  width: 100%;
  margin: 0 auto;
  background-color: white;
  position: relative;
}

div#logobackground {
  position: absolute;
  top: 46px;
  right: 0;
}

div#customernet div#logobackground {
  border: 1px solid red;
  z-index: 200;
}

div#logobackground img {
  border: none;
}

div#logobackground ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#logobackground ul li {
  position: absolute;
  top: -20px;
  right: 20px;
  list-style: none;
}

div#partnernet div#logobackground ul li {
  position: absolute;
  top: -23px;
  right: 10px;
}

div#sm_logos {
  position: absolute;
  top: 86px;
  left: -50px;
  width: 40px;
  overflow: hidden;
}

div#sm_logos ul {
  float: left;
}

div#sm_logos li {
  height: 40px;
  width: 40px;
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
}

div#sm_logos li span {
  visibility: hidden;
}

div#sm_logos li a {
  height: 35px;
  width: 35px;
  margin: 4px;
  display: block;
  overflow: hidden;
  background-color: var(--lor-color);
  color: white;
  text-align: center;
  font-size: 1.8em;
  line-height: 1.55em;
}

div#sm_logos li a:hover {
  background-color: var(--lor-color-dark);
}

div#logobanner {
  background-color: white;
  width: 100%;
  height: 113px;
  z-index: 0;
}

div#oilgas div#logobanner {
  height: 124px;
}

div#menu_hor_banner {
  width: 100%;
  height: 10px;
  background-color: rgb(64, 162, 214);
  overflow: hidden;
}

img.logo_cemac_textimg {
  position: relative;
  top: 3px;
}

div#title img.titleline {
  position: absolute;
  left: 188px;
  top: 107px;
  z-index: 4;
}

div#title img.location {
  position: absolute;
  left: 432px;
  top: 158px;
  z-index: 5;
}

div#teaser {
  float: left;
  height: 190px;
  width: 1200px;
  display: block;
  border: none;
  background-color: white;
  overflow: hidden;
  z-index: 0;
}

#teaser img {
  display: block;
  z-index: 0;
}

div#box_header {
  position: absolute;
  right: 0;
  top: -42px;
  width: 785px;
  background-image: url(../gr_elemente/colours/rgba_0-135-206-08_header.png);
  height: 42px;
  text-align: left;
  overflow: hidden;
}

div#main.homepage div#box_header {
  width: 440px;
}

div#box_header h1 {
  color: white;
  margin-left: 20px;
  margin-top: 4px;
  font-size: 1.5em;
  font-weight: bold;
}

div#box_header_left {
  position: absolute;
  left: 0px;
  top: -125px;
  width: 476px;
  background-color: rgba(64, 162, 214, 0.8);
  height: 125px;
  text-align: left;
  overflow: hidden;
}

div#box_header_left h1 {
  color: white;
  margin-left: 30px;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 1.5em;
}

div#box_header_left h2 {
  color: white;
  margin-left: 25px;
  margin-top: 0;
  font-size: 1.3em;
}

div#newsteaser_box {
  position: absolute;
  left: 50%;
  margin-top: 150px;
  margin-left: 37px;
  width: 430px;
  height: 170px;
  background-color: white;
  opacity: 0.7;
  border-radius: 10px;
  z-index: 251;
}

div#newsteaser {
  position: absolute;
  left: 50%;
  margin-top: 165px;
  margin-left: 52px;
  width: 400px;
  height: 140px;
  overflow: hidden;
  z-index: 251;
}

div#newsteaser h1 {
  margin: 0 0 10px 0;
  padding: 0;
  clear: none;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1em;
}

div#newsteaser img {
  float: left;
  margin: 0 15px 100px 0;
}

div#newsteaser p.subtitle {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 0.95em;
  line-height: 1.4em;
}

div#newsteaser p a:link,
div#newsteaser p a:visited {
  color: var(--lor-color-dark);
  font-size: 0.95em;
  line-height: 1.4em;
}

div#newsteaser p a:hover {
  color: var(--lor-color);
}

div#menu_l {
  float: left;
  width: 220px;
  margin-right: 0%;
}

div#menu_l.noteaserpic {
  background-image: url(../gr_elemente/bg_new.jpg);
  background-repeat: repeat-x;
  background-position: 0 -100px;
}

div#menu_l.noteaserpic div#menucontainer {
  margin-top: 190px;
}

#menu_t {
  position: absolute;
  top: 115px;
  left: 215px;
  width: 500px;
  z-index: 10;
  text-align: left;
  z-index: 5;
}

div#main {
  float: left;
  width: 100%;
  z-index: 4;
  margin-top: 0;
  overflow: visible;
  padding: 0;
  background-color: white;
}

div#maincontainer {
  width: calc(100% - 220px);
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 0px;
  box-sizing: border-box;
}

div#maincontainer.homepage,
div#maincontainer.navheader {
  width: 100%;
  padding: 0 30px 30px 30px;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  div#maincontainer.homepage,
  div#maincontainer.navheader {
    padding: 0 10px 30px 10px;
  }
}

div#maincontainer.hasNavheader {
  padding-top: 0;
}

div#partnernet div#maincontainer.homepage,
div#partnernet div#maincontainer.navheader {
  width: 100%;
  padding: 0 20px 10px 20px;
  box-sizing: border-box;
}

#mainbg {
  position: absolute;
  top: 196px;
  left: 0px;
  width: 200px;
  height: 160px;
  background-color: #da251d;
  z-index: 3;
  opacity: 0.45;
  display: block;
}

#mainbg2 {
  position: absolute;
  top: 236px;
  left: 0px;
  width: 720px;
  height: 1px;
  background-color: white;
  z-index: 3;
  opacity: 0.45;
  display: block;
}

#sprachenauswahl {
  position: absolute;
  top: 10px;
  left: 115px;
  width: 600px;
  height: 20px;
  z-index: 6;
  text-align: right;
}

#smallmenutop {
  position: absolute;
  top: 100px;
  left: 525px;
  width: 200px;
  height: 20px;
  text-align: right;
  z-index: 6;
}

#separator1 {
  position: absolute;
  top: 100px;
  left: 186px;
  width: 3px;
  height: 82px;
  background-color: white;
  display: none;
}

#separator2 {
  position: absolute;
  top: 175px;
  left: 614px;
  width: 3px;
  height: 82px;
  background-color: white;
  display: none;
}

.fotorechts {
  float: right;
  margin: 2px -10px 2px 10px;
  padding: 1px;
  background-color: #e0e0e0;
}

.fotorechtsnf {
  float: right;
  margin: 2px -10px 2px 10px;
  padding: 0px;
}

.fotolinks {
  float: left;
  margin: 2px 10px 2px -10px;
  padding: 1px;
  background-color: #e0e0e0;
}

.fotolinksnf {
  float: left;
  margin: 2px 10px 2px -10px;
  padding: 0px;
}

.untertitel {
  font-size: 1em;
  display: block;
  padding: 3px 5px 5px 5px;
}

img.blocked {
  display: block;
}

.accessinfo {
  position: absolute;
  left: -5000px;
}

.gotoemail {
  display: inline;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.gotoemail img {
  border: none;
  width: 14px;
  height: 14px;
  background-image: url(../gr_elemente/email.png);
  background-repeat: no-repeat;
}

.gotoin,
.gotoex,
.gotocsv {
  display: inline;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.gotopdf,
.gotodoc {
  display: inline;
  margin-left: 1px;
  margin-right: 4px;
  position: relative;
  top: 4px;
}

.gotoexe {
  display: inline;
  margin-left: 1px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.gotojpg,
.gotopng,
.gotoeps,
.gotoemf {
  display: inline;
  margin-left: 1px;
  margin-right: 4px;
  position: relative;
  top: 4px;
}

.gotozip {
  display: inline;
  margin-left: 1px;
  margin-right: 4px;
  position: relative;
  top: 4px;
}

a:hover .gotozip img {
  background-image: url(../gr_elemente/goto-zip_hover.png);
}

.gotoin img,
.gotoex img,
.gotocsv img {
  border: none;
  width: 14px;
  height: 14px;
  background-image: url(../gr_elemente/goto.png);
  background-repeat: no-repeat;
}

.gotojpg img,
.gotopng img,
.gotoeps img,
.gotoemf img {
  border: none;
  width: 12px;
  height: 12px;
  background-image: url(../gr_elemente/goto.png);
  background-repeat: no-repeat;
}

a:hover .gotoin img,
a:hover .gotoex img {
  background-image: url(../gr_elemente/goto_hover.png);
}

a:hover .gotoemail img {
  background-image: url(../gr_elemente/email_hover.png);
}

.gotopdf img,
.gotodoc img {
  border: none;
  width: 14px;
  height: 14px;
  background-image: url(../gr_elemente/goto-doc.png);
  background-repeat: no-repeat;
}

a:hover .gotopdf img,
a:hover .gotodoc img {
  background-image: url(../gr_elemente/goto-doc_hover.png);
}

.gotoexe img {
  border: none;
  width: 11px;
  height: 13px;
  background-image: url(../gr_elemente/exe.gif);
  background-repeat: no-repeat;
}

.gotozip img {
  border: none;
  width: 14px;
  height: 14px;
  background-image: url(../gr_elemente/goto-zip.png);
  background-repeat: no-repeat;
}

a:hover .gotodoc img {
  background-image: url(../gr_elemente/goto-zip_hover.png);
}

div#breadcrumtrail {
  float: right;
  margin-right: 10px;
  width: 729px;
  height: 24px;
  z-index: 100;
  text-align: right;
}

div#breadcrumtrail.homepage {
  visibility: hidden;
}

div#breadcrumtrail a:link,
div#breadcrumtrail a:visited {
  color: #999;
  text-decoration: none;
}

div#breadcrumtrail a:hover {
  color: rgb(25, 144, 193);
  text-decoration: underline;
}

div#breadcrumtrailbox {
  position: absolute;
  left: 220px;
  width: 680px;
  top: 255px;
  height: 25px;
  overflow: hidden;
  background-color: white;
  opacity: 0.6;
  z-index: 99;
  display: none;
}

div#breadcrumtrail p {
  margin: 0;
  padding: 0;
}

div#breadcrumtrail ul {
  float: right;
  margin: 0;
  padding: 0 0 6px 15px;
}

div#breadcrumtrail ul li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  white-space: nowrap;
}

div#breadcrumtrail .gotoin {
  display: inline;
  margin-right: 0;
  margin-left: 3px;
  position: relative;
  top: 5px;
}

div#breadcrumtrail .gotoin img {
  border: none;
  width: 11px;
  height: 13px;
  background-image: url(../gr_elemente/goto.png);
  background-repeat: no-repeat;
}

div#topmenu {
  position: absolute;
  left: 0px;
  top: 0px;
}

div#languages {
  position: absolute;
  left: 0;
  top: 0;
}

div#unitselection {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

div#partnernet_account {
  width: 800px;
  position: absolute;
  top: 1px;
  right: 10px;
  z-index: 250;
}

div#topmenu ul,
div#languages ul,
div#unitselection ul,
div#partnernet_account ul {
  margin: 0;
  padding: 0;
}

div#partnernet_account ul {
  float: right;
}

div#topmenu li,
div#languages li,
div#unitselection li,
div#partnernet_account li {
  font-size: 0.85em;
  text-align: right;
  list-style: none;
  float: left;
  padding: 0 7px 2px 10px;
  margin: 0;
}

div#topmenu li,
div#partnernet_account li {
  border-left: 1px solid #bbb;
}

div#partnernet_account li {
  color: white;
}

div#languages li,
div#unitselection li {
  border-left: 1px solid #bbb;
}

div#topmenu li:first-child {
  border-left: none;
}

div#unitselection li.top_units {
  border-left: none;
}

div#partnernet_account li.logout {
  font-weight: bold;
}

div#partnernet_account li.pnet_user {
  border: none;
}

div#topmenu a:link,
div#topmenu a:visited,
div#partnernet_account a:link,
div#partnernet_account a:visited {
  color: #bbb;
  text-decoration: none;
}

div#languages a:link,
div#languages a:visited,
div#unitselection a:link,
div#unitselection a:visited,
div#unitselection li.top_units {
  color: #bbb;
  text-decoration: none;
}

div#topmenu a:hover,
div#languages a:hover,
div#unitselection a:hover,
div#partnernet_account a:hover {
  color: rgb(25, 144, 193);
  text-decoration: underline;
}

div#copyright {
  float: right;
  width: 50%;
  margin: 15px 30px 15px 15px;
  text-align: right;
  font-size: 0.85em;
}

@media (max-width: 900px) {
  div#copyright {
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin: 15px 0 15px 0 !important;
    text-align: center !important;
    font-size: 0.85em !important;
  }
}

h1 {
  clear: both;
  font-size: 25px;
  font-weight: bold;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  line-height: 1.4em;
  padding: 0;
  margin: 15px 0 15px 0;
  letter-spacing: -1.8px;
}

h2 {
  clear: both;
  font-size: 20px;
  font-weight: bold;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  color: var(--lor-color);
  line-height: 1.2em;
  margin: 10px 0 10px 0;
  padding: 0;
  letter-spacing: -1px;
}

h2 b {
  color: var(--lor-color);
}

h2 svg {
  margin-right: 8px;
}

h1 em,
h2 em,
h3 em {
  display: none;
}

h3 {
  clear: both;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  line-height: 1.5em;
  margin: 10px 0 10px 0px;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
}

h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.subtitled {
  border: 1px solid #ccc;
  border-radius: 1px;
}

.foto_r {
  float: right;
  margin: 0 0 10px 10px;
}

.foto_l {
  float: left;
  margin: 0 10px 10px 0;
}

.foto_l_nomargin {
  float: left;
  margin: 0 10px 0 0;
}

.foto_c {
  margin: 15px 0;
}

.foto_centered {
  margin: 15px auto;
}

.foto_c::after {
  content: " ";
  width: 1px;
  display: block;
  clear: both;
}

.foto_ps {
  background-color: #444;
  padding: 15px 15px 55px 15px;
  border-radius: 7px;
  margin: 20px auto 35px auto;
  width: 224px !important;
  position: relative;
}

.foto_ps img {
  margin: 0;
  border: 5px solid white;
}

.foto_ps::before {
  content: "";
  display: block;
  width: 45px;
  height: 25px;
  border: 2px solid #ccc;
  position: absolute;
  bottom: 13px;
  left: 103px;
  border-radius: 12px;
  background-color: #555;
}

.foto_ps::after {
  content: "";
  display: block;
  clear: both;
}

.foto_ps div.crop.picture_series {
  margin: 0;
  border: 2px solid white;
}

.foto_logolibrary img,
.foto_l img,
.foto_r img,
.foto_c img,
.foto_ps img {
  display: block;
}

div.foto_formula {
  margin: 15px 0;
  border: 1px dotted #ccc;
  padding: 15px;
}

div.foto_formula:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}

div#box_formula {
  width: 95%;
  border: 1px dotted #ccc;
  margin: 15px 0;
  padding: 15px;
}

div#box_formula p {
  margin: 0 !important;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times,
    "Times New Roman", "serif";
  font-size: 1.3em;
}

div#box_formula p b {
  font-weight: normal !important;
}

.prod_icon {
  border: 1px solid #ddd;
}

.transparent {
  border: 1px solid #ddd;
  opacity: 0.25;
}

.transparent50 {
  opacity: 0.5;
}

.foto_sp {
  margin: 0 0 10px 0;
}

.foto_product {
  border: none;
  margin: 0 0 5px 0;
}

.foto_pnl {
  float: left;
  margin: 0 8px 8px 0;
  border: 1px solid #ccc;
}

.foto_pnl img {
  display: block;
}

.foto_product_hp {
  border: 1px solid #ccc;
  margin: 0;
}

.foto_refpre {
  margin: 3px 0 15px 0;
  border-left: 5px solid rgb(254, 203, 0);
}

.foto_refpre img {
  display: block;
}

.foto_c_margin {
  margin: 15px;
}

.foto_logo {
  margin: 0;
  padding: 0;
  display: inline;
}

.foto_dealer_logo {
  margin: 0 10px 3px 0;
  float: right;
}

.foto_sprache {
  float: left;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.foto_poster {
  margin: 0 0 0 -10px;
  padding: 0;
}

.foto_serie_top {
  margin-bottom: 4px;
}

.foto_singlelogo {
  margin: 12px 0 0 8px;
}

div#menu_l p {
  margin: 5px 20px;
}

div#menu_l div#line {
  width: 100%;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 2px solid white;
  margin: 0 0 20px 0;
}

div#untertitel {
  font-size: 0.95em;
  line-height: 1.5em;
  padding: 1% 2%;
}

div#spalten {
  width: 100%;
}

div#spalte1 {
  float: left;
  width: 300px;
  margin-right: 20px;
}

div#spalte2 {
  float: left;
  width: 300px;
  padding-left: 20px;
  border-left: 1px dotted #ccc;
}

div#spaltenende {
  clear: both;
}

div#menu_hor {
  position: absolute;
  width: 100%;
  top: 53px;
  height: 37px;
  overflow: visible;
  z-index: 253;
  padding: 0 0 0 25px;
  left: 0;
  border: none;
  box-sizing: border-box;
}

div#oilgas div#menu_hor {
  top: 115px;
}

div#menu_hor ul li {
  font-size: 0.95em;
  background-color: var(--lor-color);
  position: relative;
}

div#menu_hor ul li a:link,
div#menu_hor ul li a:visited {
  color: white !important;
  text-decoration: none;
  padding: 8px 20px 7px 20px;
  margin-left: 0px;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

div#menu_hor ul li a i,
div#menu_hor ul li a svg {
  margin-right: 10px;
}

div#menu_hor ul li a span {
  margin-bottom: 4px;
}

div#menu_hor ul li ul li a:link,
div#menu_hor ul li ul li a:visited {
  color: white;
  text-decoration: none;
  width: 100%;
  padding-left: 5px;
  margin-left: 0px;
  font-weight: normal;
}

div#menu_hor ul li ul li a:hover {
  text-decoration: none;
  font-weight: normal;
}

div#menu_hor ul li ul li a:hover div.loronly {
  background-color: white !important;
  color: var(--lor-color) !important;
}

div#menu_hor em {
  color: white;
  font-weight: normal;
}

div#menu_hor ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div#menu_hor ul li {
  float: left;
  position: relative;
  margin-right: 1px;
  height: 60px;
  transition: line-height 0.4s;
  transition: height 0.4s;
  line-height: 3.25em;
}

div.sticky-reduced div#menu_hor ul li {
  height: 37px;
  line-height: 1.5em;
  transition: line-height 0.4s;
  transition: height 0.4s;
}

div#menu_hor ul li.chosen {
  background-color: rgb(64, 162, 214);
}

div#menu_hor ul li.chosen em {
  font-weight: normal;
  font-style: normal;
}

div#menu_hor ul li ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
}

div.sticky-reduced div#menu_hor ul li ul {
  top: 37px;
}

div#menu_hor ul li ul li {
  width: 18em;
  margin: 0;
  border-bottom: 1px solid rgb(64, 162, 214);
  background-color: rgb(5, 140, 210);
  background-image: none;
  height: auto;
  font-size: 0.95em;
  line-height: 1.6em;
}

div#menu_hor ul li ul li a:link,
div#menu_hor ul li ul li a:visited {
  background-color: transparent !important;
  color: white !important;
  padding: 10px 8px;
  width: 100%;
}

div#menu_hor ul li ul li:hover,
div#menu_hor ul li ul li.over {
  background-color: rgb(20, 155, 225) !important;
  color: white !important;
  background-image: none;
}

div#menu_hor li > ul {
  top: auto;
  left: auto;
}

div#menu_hor ul li ul {
  width: 250px;
  margin: 0;
  padding: 0;
}

div#menucontainer {
  margin: 0 0 20px 1px;
  z-index: 3;
}

div#menucontainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

div#menucontainer ul li {
  display: block;
  background-color: white;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  width: 95%;
  font-size: 0.95em;
}

div#menucontainer img {
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}

div#menucontainer ul li a:link,
div#menucontainer ul li a:visited {
  display: block;
  text-align: left;
  padding: 8px 0 8px 10px;
  text-decoration: none;
  margin: 0;
  color: #666;
}

div#menucontainer ul li a:hover {
  font-weight: bold;
  background-image: url(../gr_elemente/goto_hover.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.menuchosenarrow a:link,
.menuchosenarrow a:visited {
  font-weight: bold;
  background-image: url(../gr_elemente/goto.png);
  background-position: right center;
  background-repeat: no-repeat;
}

div#menucontainer ul li ul {
  margin: 0 0 0 0;
  border-bottom: none;
}

div#menucontainer ul li ul li {
  border-top: 1px solid #f4f4f4;
  border-bottom: none;
}

div#menucontainer ul li ul li a:link,
div#menucontainer ul li ul li a:visited {
  padding-left: 25px;
}

div#menucontainer ul li ul li ul li a:link,
div#menucontainer ul li ul li ul li a:visited {
  padding-left: 35px;
}

.menuchosenspan {
  font-weight: bold;
}

div#menu_l_bottom {
  margin-top: 15px;
}

div#box_bigger {
  width: 100%;
  color: rgb(25, 144, 193);
  font-weight: normal;
  font-size: 1.8em;
  line-height: 0.85em;
  background-color: #f8f8f8;
  border-bottom: 1px dotted rgb(85, 204, 253);
  padding-bottom: 5px;
}

div#box_bigger p {
  padding: 0 10px 10px 10px;
}

div#box_texttoright {
  display: block;
  margin-left: 200px;
  margin-bottom: 25px;
}

div#maincontainer ul {
  margin: 25px 0;
}

div#maincontainer ol {
  margin-left: 42px !important;
  list-style: decimal;
}

div#pflichtfelder sup {
  color: red;
}

div#maincontainer ul {
  margin: 12px 0;
}

div#maincontainer ul.numeric {
  list-style: decimal;
}

div#maincontainer ul li,
div#maincontainer ol li {
  margin: 6px 20px 12px 4px;
  padding: 0 0 0 20px;
  background-image: url(../gr_elemente/bullet.png);
  background-repeat: no-repeat;
  background-position: left 6px;
}

div#maincontainer ul.numeric li,
div#maincontainer ol li {
  background-image: none;
  margin: 10px 20px 16px 30px;
  padding: 0 0 0 5px;
  line-height: 1.8em;
}

div#logo_support {
  clear: both;
}

div#logo_support ul {
  float: right;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

div#logo_support ul li {
  float: left;
  margin: 0 6px;
  padding: 0;
}

div#logo_support ul li a:link,
div#logo_support ul li a:visited,
div#logo_support ul li a:hover {
  margin: 0;
  padding: 0;
  background-color: white;
  border: none;
}

div#logo_support ul li img {
  border: none;
}

div#logo_support ul li em {
  display: none;
}

img.transparent {
  opacity: 0.5;
}

div#box_dllist {
  clear: both;
  padding-top: 0px;
}

div#box_doclist ul,
div#box_dllist ul {
  margin: 0 0 15px 0;
  padding: 0;
}

div#box_doclist ul li,
div#box_dllist ul li {
  margin: 0 0 5px 0;
  color: rgb(203, 99, 36);
  padding: 0 0 0 20px;
  background-position: left 4px;
}

div#box_doclist ul li:hover,
div#box_dllist ul li:hover {
  background-image: url(../gr_elemente/goto_hover.png);
  background-position: left 2px;
}

div#box_doclist ul li i,
div#box_dllist ul li i {
  display: none;
}

div#box_toclist ul {
  border-top: 1px dotted #ddd;
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
}

div#box_toclist ul li {
  border-bottom: 1px dotted #ddd;
  margin: 0;
  padding: 5px 0 5px 22px;
  display: block;
  font-size: 0.95em;
  background-position: 2px 9px;
  background-image: url(../gr_elemente/goto.png);
}

div#box_toclist ul li:hover {
  background-image: url(../gr_elemente/goto_hover.png);
}

div#box_toclist ul li a:link i,
div#box_toclist ul li a:visited i,
div#box_toclist ul li a:link svg,
div#box_toclist ul li a:visited svg {
  display: none;
}

div#box_tabulator {
  margin-left: 40px;
  margin-bottom: 20px;
}

div#previewbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  z-index: 254;
  background-color: black;
  display: none;
  overflow: hidden;
}

div.preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 255;
  display: none;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
}

div.preview img {
  display: block;
  border: 1px dotted #444;
  padding: 5px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div.preview input {
  display: block;
  cursor: pointer;
  margin-top: 10px;
  font-size: 0.7em;
}

div.preview div.nodisplay {
  display: none;
}

div.preview div.photobox {
  width: 100%;
}

div.preview img.button_backward,
div.preview img.button_close,
div.preview img.button_forward {
  border: none;
  display: inline;
  cursor: pointer;
  margin: 0 5px 10px 0;
  padding: 0;
}

div#box_logos {
  clear: both;
  display: block;
  width: 100%;
  margin: 30px 0;
}

div#box_logos ul {
  margin: 0;
  padding: 0;
}

div#box_logos ul li {
  list-style: none;
  margin: 0 30px 0 0;
  padding: 0;
  display: inline;
}

img.okaypic {
  float: right;
  margin-left: 0px;
  width: 20px;
  height: 20px;
}

.ltr {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.pointer {
  cursor: pointer;
}

div#line {
  width: 98%;
  height: 1px;
  margin: 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #ddd;
}

div#box_spc {
  width: 100%;
  margin: 0 0 8px 0;
  line-height: 1.5em;
  clear: both;
  position: relative;
}

div#box_spc_nospace {
  width: 100%;
  margin: 0;
  clear: both;
}

div#box_spc_topspace {
  width: 100%;
  margin: 0 0 16px 0;
  padding-top: 20px;
  clear: both;
}

div#box_spc_topspace_nospace {
  width: 100%;
  margin: 0;
  padding-top: 8px;
  clear: both;
}

pre,
p,
li {
  margin-bottom: 10px;
}

div#box_sp1,
div#box_sp2,
div#box_sp2r,
div#box_sp3,
div#box_sp23,
div#box_sp34,
div#box_sp4,
div#box_sp5,
div#box_sp25,
div#box_sp35,
div#box_sp45 {
  float: left;
  overflow: hidden;
  margin-right: 1%;
}

div#box_sp1 {
  width: 100%;
}

div#box_sp2 {
  width: 49%;
}

div#box_sp3 {
  width: 32.333%;
  margin-right: 1%;
}

div#box_sp3 {
  width: 32.1%;
}

div#box_sp3 > h1,
div#box_sp3 > h2,
div#box_sp3 > h3,
div#box_sp3 > h4 {
  margin-top: 0;
}

div#box_sp23 {
  width: 65.666%;
}

div#box_sp4 {
  width: 24%;
  margin-right: 1%;
}

div#box_sp34 div#box_sp4 {
  width: 24.25%;
}

div#box_sp34 div#box_sp4.last {
  margin-right: 0;
}

div#box_sp34 {
  width: 74%;
}

div#box_sp5 {
  width: 19%;
}

div#box_sp25 {
  width: 39%;
}

div#box_sp35 {
  width: 59%;
}

div#box_sp45 {
  width: 79%;
}

div#box_sp2 div#box_sp2,
div#box_sp2 div#box_sp2r {
  width: 48%;
  margin-right: 3.6%;
}

div#box_sp2 div#box_sp2r {
  margin-right: 0;
}

.boxcloser {
  clear: both;
  height: 1px;
  width: 1px;
  margin: 0px;
  padding: 0px;
  display: block;
  content: " ";
  position: relative;
}

.footnote,
sup {
  position: relative;
  top: -4px;
  font-size: 0.85em;
  letter-spacing: -0.5px;
}

.footnote {
  color: orange;
  cursor: pointer;
}

sub {
  position: relative;
  top: 4px;
  font-size: 0.9em;
}

abbr {
  border-bottom: 1px dotted orange;
}

.units {
  padding-bottom: 1px;
  border-bottom: 1px dotted var(--lor-color);
  cursor: pointer;
}

.unit_hidden {
  display: none;
}

.unitli {
  cursor: pointer;
}

.unitchosen {
  font-weight: bold;
}

div#box_ref_overview .foto_c {
  margin: 0 0 12px 0;
  border-left: 5px solid rgb(254, 203, 0);
  padding: 0;
}

div#box_ref_overview h2 a:link,
div#box_ref_overview h2 a:visited {
  text-decoration: none;
}

div#box_ref_overview h2 a:hover {
  text-decoration: underline;
}

div#box_ref_overview h2 {
  font-size: 1em;
  font-weight: bold;
}

div#box_ref_overview div#box_sp4 h2 {
  height: 17px;
  overflow: hidden;
}

div#box_ref_overview div#box_oneproject h2 {
  font-size: 1.5em;
  height: auto;
}

div#box_more_refs div#box_sp4 h2 {
  height: auto;
}

div#box_ref_overview h2 img {
  position: relative;
  top: -2px;
}

div#box_ref_overview h2 a:link,
div#box_ref_overview h2 a:visited {
  color: var(--lor-color);
}

div#box_ref_overview h2 em {
  display: inline;
  font-style: normal;
  font-weight: normal;
  font-size: 0.8em;
  position: relative;
  top: -1px;
}

div#box_country_refs h1 {
  border-bottom: 1px solid rgb(254, 203, 0);
  color: #ddd;
  margin-bottom: 0;
  text-align: right;
  font-size: 5em;
  margin-top: 0;
}

div#box_country_refs div#box_spc_nospace {
  border-bottom: 1px solid rgb(254, 203, 0);
  padding-top: 10px;
}

div#box_more_refs,
div#box_more_refs2,
div#box_dealerflags {
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

div#box_more_refs h2,
div#box_dealerflags h2 {
  padding-top: 15px;
  overflow: hidden;
  line-height: 1.5em;
  font-size: 1em;
}

div#box_more_refs div.foto_c {
  border-left: 5px solid rgb(254, 204, 0);
}

div#box_dealerflags h2 {
  height: 30px;
}

div#box_dealerflags div.foto_flag_gif {
  margin-left: 15px;
  margin-bottom: 20px;
}

div#box_dealerflags div.foto_flag_jpg {
  margin-left: 15px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

div#box_dealerflags h2 a:link,
div#box_dealerflags h2 a:visited {
  color: #444;
  text-decoration: none;
  font-size: 0.9em;
}

div#box_more_refs h4,
div#box_more_refs2 h4 {
  font-weight: normal;
  font-size: 0.95em;
  margin: 0;
  padding: 3px 0 5px 0;
  line-height: 1.5em;
}

div#box_more_refs2 h4 em {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

div#box_more_refs div.foto_c {
  margin: 5px 0 0 0;
  padding: 0;
}

div#box_more_refs div.foto_c img {
  display: block;
}

div#box_more_refs div#box_spc_nospace {
  padding: 5px 0 7px 0;
  margin: 0;
}

div#box_more_refs2 div#box_spc_nospace {
  padding-bottom: 6px;
}

div#footer {
  clear: both;
  width: 100%;
  font-size: 0.9em;
  line-height: 1.7em;
  padding-top: 55px;
  border-top: 3px solid var(--lor-color);
  background-image: url(../logos/logo_lorentz_claim.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 10px;
  margin-top: 50px;
}

div#footer.homepage {
  margin-top: 0;
}

div#footer ul {
  width: 17%;
  float: left;
  overflow: hidden;
  margin: 0 0 0 3%;
  padding: 0;
}

@media (max-width: 850px) {
  div#footer ul {
    width: 100% !important;
    float: none;
    margin-bottom: 25px;
  }

  div#footer ul li {
    text-align: center !important;
  }
}

div#footer ul li {
  margin: 0;
  padding: 0;
}

div#footer ul li:first-child {
  font-weight: bold;
  font-size: 1.15em;
}

div#partnernet div#footer ul {
  width: 22%;
}

div#partnernet.intranet div#footer ul {
  width: 17%;
}

div#footer a:link,
div#footer a:visited {
  color: #333;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
  color: var(--lor-color);
}

div#footer ul li.level1 {
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}

div#box_docs_doclist {
  margin: 0 0 15px 0;
  width: 100%;
}

div#box_docs_doclist h4 {
  clear: both;
}

div#partnernet div#box_docs_doclist {
  width: 100%;
}

div#partnernet div#box_complex div#box_docs_doclist {
  width: 93%;
}

div#box_docs_doclist div#box_small {
  width: 100%;
}

div#partnernet div.streamlistitem div#box_docs_doclist {
  width: 100%;
}

div#box_complex h3 {
  font-size: 1.4em;
}

div#box_complex h4 {
  margin-left: 25px;
  margin-top: 15px;
  font-size: 1.15em;
}

div#box_complex div#box_docs_doclist {
  margin-left: 25px;
}

div#box_docs_doclist h4 {
  font-size: 1.1em !important;
  border-bottom: 2px solid white;
  margin: 10px 0 3px 0;
  padding: 5px 0 0 0;
  width: 100%;
  border-bottom: none;
  color: #444;
  font-weight: normal !important;
  line-height: 2em;
}

div#box_docs_doclist div#box_small h4 {
  margin-left: 0;
  padding-left: 0;
}

div#box_complex div#box_docs_doclist h4 {
  font-size: 1.05em;
  font-weight: bold;
}

div#box_docs_doclist h5 {
  font-size: 0.95em;
  border-bottom: 2px solid white;
  margin: 0 0 3px 0;
  padding: 0 0;
  clear: both;
  font-weight: normal !important;
  color: #999;
  line-height: 2em;
}

div#box_complex div#box_docs_doclist h5 {
  font-size: 0.9em;
}

div#box_docs_doclist h4 em,
div#box_docs_doclist h5 em {
  font-style: normal;
  font-weight: normal;
}

div#box_docs_doclist ul {
  list-style: none;
  margin: 0;
  width: 100%;
  clear: both;
}

div#box_docs_doclist ul li {
  margin: 0;
  padding: 0;
  background-image: none;
  font-size: 0.95em;
  background-color: #fcfcfc;
}

div#box_docs_doclist ul li ul li {
  border-bottom: none;
}

div#box_docs_doclist ul li.li_lg {
  margin: 0 0 4px 0;
  padding: 6px 0 6px 0;
  clear: both;
  width: 100%;
  position: relative;
}

div#box_docs_doclist ul li.li_lg img {
  margin-right: 8px;
  margin-left: 11px;
  position: relative;
  top: 3px;
}

div#box_docs_doclist ul li.li_lg ul.li_docs {
  float: right;
  width: 80%;
  overflow: hidden;
  clear: none;
  margin-right: 10px;
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
}

div#box_docs_doclist div#box_small ul li.li_lg ul.li_docs {
  float: right;
  width: 85%;
  overflow: hidden;
  clear: none;
  margin-right: 8px;
}

div#box_docs_doclist ul li.li_lg ul.li_docs li,
div#box_docs_doclist div#box_small ul li.li_lg ul.li_docs li {
  float: right;
}

div#box_docs_doclist ul li.li_lg ul.li_docs_partnernet_lite {
  float: right;
  width: 250px;
  overflow: hidden;
  clear: none;
  text-align: right;
  margin-top: 2px;
  margin-right: 20px;
}

div#box_docs_doclist ul li.li_lg ul.li_docs img {
  display: none;
}

div#box_docs_doclist ul li.li_doc,
div#box_docs_doclist ul li.li_zip {
  float: left;
  width: 100px;
  text-align: right;
  margin-top: 2px;
  margin-left: 25px;
}

div#box_docs_doclist div#box_small ul li.li_doc,
div#box_docs_doclist div#box_small ul li.li_zip {
  float: left;
  width: 75px;
  text-align: right;
  margin-top: 2px;
  margin-left: 15px;
}

div#box_docs_doclist ul li.li_docx {
  float: left;
  width: 115px;
  text-align: left;
}

div#box_prod {
  width: 48px;
  height: 48px;
  background-color: #ccc;
  float: left;
  margin: 8px 4px;
}

form#docdownload select,
form#docdownload option,
form#docdownload input {
  font-size: 1em;
  width: 325px;
}

form#docdownload input {
  width: 33px;
}

div#box_docsearch form {
  padding: 0;
  margin: 0;
}

div#box_docsearch p {
  margin: 0;
  padding: 0;
}

.nodisplay {
  display: none !important;
}

.not_visible {
  visibility: hidden;
}

div#box_docsearchleft {
  float: left;
  overflow: hidden;
  width: 100px;
}

div#box_docsearchright {
  float: right;
  overflow: hidden;
  width: 380px;
}

div#breadcrumtrail ul {
  margin: 0;
  padding: 0;
}

div#breadcrumtrail ul li {
  margin: 0;
  padding: 0;
}

div#box_pm div#box_spc {
  margin: 0;
  border-top: 1px dotted #ccc;
  padding-top: 15px;
}

div#box_pm div#box_sp4 {
  border: none;
}

div#box_pm h2 {
  margin: 0;
  font-size: 1.1em;
}

div#box_pm h3 {
  margin: 0 0 5px 0;
  font-size: 1em;
}

div#box_pm .foto_pm,
div#box_pm_single .foto_pm,
div#box_pm_single .foto_pm_2 {
  margin-bottom: 15px;
  border: 1px solid #f0f0f0;
}

div#box_pm_single .foto_pm_2 {
  margin-left: 15px;
}

div#box_pm p {
  margin-top: 0;
  margin-bottom: 15px;
}

div#box_pm div#box_sp4r {
  text-align: right;
}

div#box_pm h1 {
  font-size: 1.5em;
  margin: 20px 0 10px 0;
}

div#box_pm_single h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 4px 0;
  width: 500px;
}

div#box_pm_single h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 16px 0;
  width: 500px;
}

div#box_pm_single p {
  font-size: 1em;
  margin: 0 0 10px 0;
}

div#box_pm_single div#box_sp3d h2 {
  margin: 18px 0 10px 0;
}

.form_text_captcha {
  display: block;
  margin-top: 8px;
}

div#box_pm_hp div#box_sp4_small {
  width: 125px;
  float: left;
}

div#box_pm_hp div#box_sp4d_large {
  width: 400px;
  float: left;
}

div#box_pm_hp .foto_pm {
  border: 1px solid #ccc;
  margin: 5px 0 9px 8px;
}

div#box_pm_hp h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

div#box_pm_hp h2 {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}

div#box_pm_hp h3 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}

div#box_pm_hp p {
  margin: 6px 0 6px 0;
}

div#box_pm_hp div#box_spc {
  background-color: #f8f8f8;
  margin: 0;
  padding: 5px 0 0 0;
  width: 545px;
  overflow: hidden;
  margin-bottom: 5px;
}

div.form_line.nodisplay {
  display: none;
}

div#box_refs_hp .foto_c {
  margin-bottom: 0;
}

div#box_refs_hp h4 {
  margin-top: 0;
  margin-bottom: 0px;
}

div#box_distribution_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #ddd;
}

div#box_distribution_list ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #ddd;
}

div#box_distribution_list ul li a:link,
div#box_distribution_list ul li a:visited {
  padding: 8px;
  display: block;
}

div#box_distribution_list .gotoin img {
  display: none;
}

div#box_refbox {
  margin-bottom: 10px;
}

div#box_refbox ul {
  margin: 0;
  padding: 0;
  margin-top: -4px;
}

div#box_refbox ul li {
  padding-left: 25px;
}

.foto_standardteaser_bottom {
  position: relative;
  left: -15px;
  top: 20px;
}

div#box_irrdb_list img {
  display: none;
}

div#box_irrdb_list ul,
div#box_irrdb_list li {
  margin: 0 0 0 -31px;
  padding: 0;
}

div#box_irrdb_springer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#box_irrdb_springer ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px;
  height: 22px;
  font-weight: bold;
  font-size: 1.25em;
}

div.irrdb_tab {
  float: left;
  width: 36px;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

div.irrdb_tab.grafik {
  height: 220px;
}

div.irrdb_tab.grafik.legende {
  border: none;
}

div.irrdb_tab.legende {
  border: none;
}

div.irrdb_chart {
  display: block;
  background-color: red;
  width: 30px;
  margin-left: 2px;
}

div.irrdb_chart.average {
  background-color: #f86;
}

div#month_0 {
  width: 33px;
  text-align: left;
}

div#month_1 {
  border-left: 1px dotted #ddd;
}

div.irrdb_leg {
  position: absolute;
  text-align: right;
  width: 30px;
  padding: 0;
}

div.irrdb_line {
  position: absolute;
  width: 490px;
  margin-left: 35px;
  border-top: 1px dotted #ccc;
}

div.irrdb_container {
  clear: both;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
}

.parea_right {
  text-align: right;
  white-space: nowrap;
  margin: 0 5px 0 0;
  padding: 0;
  clear: both;
}

div#box_irr_select {
  background-color: #eee;
  width: 550px;
  height: 100px;
}

div#box_irr_select div#box_spc {
  margin: 10px 15px;
}

div#map {
  float: left;
  margin-right: 20px;
  width: 300px;
  height: 600px;
  background-position: top;
  background-repeat: no-repeat;
}

.map_pos0 {
  position: absolute;
}

.map_light img {
  opacity: 0.2;
}

.map_text {
  margin-left: 310px;
}

.map_legend {
  position: absolute;
  margin-top: 303px;
  font-size: 0.9em;
  padding-left: 5px;
  color: #aaa;
}

.map_legend span {
  float: left;
  width: 10px;
  height: 10px;
  background-color: red;
  margin-right: 6px;
  margin-top: 3px;
  background-color: rgb(234, 244, 250);
  border: 1px solid rgb(170, 197, 220);
  overflow: hidden;
}

ul.map_ul {
  float: left;
  margin-top: 0;
  font-size: 0.9em;
}

div#box_simple_table table {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

div#box_simple_table table td {
  width: 10%;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

div#box_simple_table table td p {
  margin: 0;
  padding: 0;
}

div#box_simple_table table td.col_1 {
  font-weight: bold;
  text-align: left;
}

div#box_simple_table table tr.row_1 {
  font-weight: bold;
  background-color: #eee;
}

div#box_simple_table_2 table {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

div#internal_showmail {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 15px 15px 0;
}

div#box_simple_table_2 table td {
  border-top: 1px solid #ccc;
  text-align: left;
}

div#box_simple_table_2 table td p {
  padding: 0;
  margin: 10px 0 10px 10px;
}

div#box_simple_table_2 table td img {
  position: relative;
  top: 3px;
}

div#box_simple_table_2 table td.col_1 {
  width: 25%;
}

div#box_simple_table_3 table {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 15px;
}

div#box_simple_table_3 table td {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  padding: 5px;
}

div#box_pagenumbers {
  margin: 0;
  width: 100%;
  padding: 0;
}

div#box_pagenumbers_top div#box_pagenumbers {
  border-top: none;
  margin: 0;
}

div#box_pagenumbers ul {
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
  width: auto;
}

div#box_pagenumbers ul li {
  list-style: none;
  background-image: none;
  float: left;
  margin: 0;
  padding: 0;
}

div#box_pagenumbers ul li img {
  display: none;
}

div#box_pagenumbers ul li a:link,
div#box_pagenumbers ul li a:visited {
  margin: 0 0 0 3px;
  padding: 2px 3px;
  width: 21px;
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  background-color: var(--lor-color);
  color: white;
  overflow: hidden;
}

div#box_pagenumbers ul li a:hover {
  background-color: rgb(64, 162, 214);
  color: white;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 0 2px var(--lor-color);
}

div#box_pagenumbers ul li a:active {
  box-shadow: 0 0 2px rgb(254, 203, 0);
}

div#box_pagenumbers ul li i {
  display: none;
}

div#box_dealers_companies {
  margin-top: 10px;
}

div#box_dealers_companies h3 {
  margin-top: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  width: 98%;
}

div#box_dealers_companies div#box_spc_nospace ul li a {
  display: inline;
}

div#box_98prozent {
  width: 98%;
}

div#box_96prozent {
  width: 96%;
}

div#video_frame,
iframe.videoplayer {
  margin: 15px 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  border: 1px solid #eee;
  text-align: center;
  overflow: hidden;
}

div#box_linklist ul {
  margin: 10px 0;
  padding: 0;
}

div#box_linklist ul li {
  margin: 0 0 0px 5px;
  padding: 0 0 5px 24px;
  border: 1px solid white;
}

div#box_linklist.inline ul li a:link,
div#box_linklist.inline ul li a:visited {
  display: inline;
}

div#box_linklist ul li a i,
div#box_linklist ul li a svg {
  display: none;
}

div#box_linklist ul li:hover {
  background-image: url(../gr_elemente/goto_hover.png);
  background-position: 0px 1px;
}

div#topmenu li.lg_act,
div#topmenu li.lg_alt {
  color: #bbb;
  margin: 0;
  padding: 0 0 0 8px;
}

.lg_chosen {
  font-weight: bold;
}

div#topmenu li.lg_act a .gotoin img {
  background-image: url(../gr_elemente/goto_down.png);
}

div#topmenu li.lg_alt ul {
  margin: 0;
  padding: 0;
  width: 500px;
  display: block;
  float: none;
  display: none;
  background-color: white;
}

div#topmenu li.lg_act ul li,
div#topmenu li.lg_alt ul li {
  padding-left: 5px;
}

div#topmenu li.lg_alt ul li {
  border: none;
  display: block;
  text-align: left;
  position: relative;
  margin: 0 8px 1px 0;
  padding: 0;
  font-size: 1em;
  background-color: white;
  float: left;
}

div#box_related_products h2 {
  background-color: var(--lor-color);
  color: white;
  padding: 8px;
  margin-top: 0;
}

div#box_related_products div#box_doclist ul li {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 12px;
  background-color: white;
}

div#box_related_products div#box_doclist ul li a:link,
div#box_related_products div#box_doclist ul li a:visited {
  text-decoration: none;
}

div#box_related_products div#box_doclist ul li a:hover {
  text-decoration: underline;
}

div#box_application_news h2,
div#box_application_refs h2 {
  background-color: var(--lor-color);
  color: white;
  padding: 8px;
  margin-top: 0;
}

div#box_application_news div#box_newslist ul,
div#box_application_refs div#box_newslist ul {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
}

div#box_application_news div#box_newslist ul li,
div#box_application_refs div#box_newslist ul li {
  border-bottom: 1px solid #eee;
  list-style: none;
  background-image: none;
  margin: 0 0 10px 0;
  padding: 0 0 8px 0;
}

div#box_application_news div#box_newslist ul li div.foto_c,
div#box_application_refs div#box_newslist ul li div.foto_c {
  margin: 0 0 5px 0;
  padding: 0;
}

div#box_application_news div#box_small {
  border-top: 1px solid #eee;
  margin-top: 10px;
}

div#box_application_refs div#box_more {
  float: right;
}

div#box_drinking_water div#box_header {
  background-image: url(../gr_elemente/colours/rgba_61-183-228-08_header.png);
}

div#box_drinking_water div#box_related_products h2,
div#box_drinking_water div#box_application_news h2,
div#box_drinking_water div#box_application_refs h2 {
  background-color: rgb(61, 183, 228);
}

div#box_irrigation div#box_header {
  background-image: url(../gr_elemente/colours/rgba_60-138-46-08_header.png);
}

div#box_irrigation div#box_related_products h2,
div#box_irrigation div#box_application_news h2,
div#box_irrigation div#box_application_refs h2,
div#box_irrigation div.hidden {
  background-color: rgb(60, 138, 46);
  position: relative;
}

div#box_responsible_leisure div#box_header {
  background-image: url(../gr_elemente/colours/rgba_30-22-86-08_header.png);
}

div#box_responsible_leisure div#box_related_products h2,
div#box_responsible_leisure div#box_application_news h2,
div#box_responsible_leisure div#box_application_refs h2,
div#box_responsible_leisure div.hidden {
  background-color: rgb(30, 22, 86);
  position: relative;
}

div#box_solar_capture div#box_header {
  background-image: url(../gr_elemente/colours/rgba_254-203-0-08_header.png);
}

div#box_solar_capture div#box_related_products h2,
div#box_solar_capture div#box_application_news h2,
div#box_solar_capture div#box_application_refs h2,
div#box_solar_capture div.hidden {
  background-color: rgb(254, 203, 0);
  position: relative;
}

div#box_landing_page h1 {
  padding: 4px 8px;
  color: white;
  background-color: rgb(64, 162, 214);
  width: 100%;
  margin: 8px 0 0 0;
  overflow: hidden;
  font-size: 1.5em;
}

div#box_landing_page h2 {
  height: 40px;
  display: block;
  overflow: hidden;
  font-size: 1.5em;
}

div#shorturl {
  position: absolute;
  top: 106px;
  right: 6px;
  z-index: 254;
  padding: 1px 7px;
  font-size: 0.9em;
  background-color: rgba(240, 240, 240, 0.8);
  border-radius: 3px;
  cursor: pointer;
  display: none;
}

div#shorturl:hover {
  background-color: rgba(222, 222, 222, 0.8);
  text-decoration: underline;
}

div#shorturl_show {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(240, 240, 240, 0.9);
  z-index: 255;
  width: 100%;
  height: 200%;
  font-weight: bold;
  border-radius: 5px;
  display: none;
}

div#shorturl_show p {
  margin-top: 250px;
  font-size: 3.5em;
}

div#shorturl_show span.closer {
  display: inline;
  background-color: #666;
  color: white;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 0.27em;
  cursor: pointer;
  font-weight: bold;
  margin-left: 8px;
  position: relative;
  top: -20px;
}

div#shorturl_show span.closer:hover {
  text-decoration: underline;
  background-color: #333;
}

div#box_lorentz_button_1 h2 a img,
div#box_lorentz_button_2 h2 a img {
  display: inline;
  position: relative;
  top: -2px;
}

div#box_lorentz_button_1 {
  position: absolute;
  top: -40px;
  right: 244px;
  overflow: hidden;
}

div#box_lorentz_button_2 {
  position: absolute;
  top: -40px;
  right: 10px;
  overflow: hidden;
}

div#box_lorentz_button_1.top,
div#box_lorentz_button_2.top {
  top: -180px;
  width: 165px;
}

div#box_lorentz_button_1.top {
  right: 204px;
}

div#box_lorentz_button_1,
div#box_lorentz_button_2 {
  background-color: var(--lor-color);
  border-radius: 1px;
  border: none;
  display: inline-block;
  color: white;
  height: 22px;
  overflow: hidden;
  font-size: 0.9em;
  font-weight: normal;
  padding: 5px 4px 5px 4px;
  width: 214px;
}

div#box_lorentz_button_1 a:link,
div#box_lorentz_button_2 a:visited,
div#box_lorentz_button_1 a:visited,
div#box_lorentz_button_2 a:link {
  text-decoration: none;
  color: white;
}

div#box_lorentz_button_1 a img,
div#box_lorentz_button_2 a img {
  position: relative;
  top: -2px;
}

div#box_lorentz_button_1:hover,
div#box_lorentz_button_2:hover {
  background-color: #ccc;
  text-decoration: none;
}

div#box_lorentz_button_1 a:hover,
div#box_lorentz_button_2 a:hover {
  color: var(--lor-color-dark);
}

div#box_lorentz_button_1:active,
div#box_lorentz_button_2:active {
  box-shadow: 0 0 5px var(--lor-color);
}

div.ajaxloader {
  width: 100%;
  height: 16px;
  display: block;
  background-image: url(../gr/ajaxuploader/ajax-loader_blue-on-white.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

div.ajaxloader-white-on-blue {
  width: 100%;
  height: 16px;
  display: block;
  background-image: url(../gr/ajaxuploader/ajax-loader-white-on-blue.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

div.ajaxloader-blue-on-eeeeee {
  width: 100%;
  height: 16px;
  display: block;
  background-image: url(../gr/ajaxuploader/ajax-loader_eee.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

div.ajaxloader-blue-on-f8f8f8 {
  width: 100%;
  height: 16px;
  display: block;
  background-image: url(../gr/ajaxuploader/ajax-loader_f8f8f8.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

div#box_twitter_api {
  margin-top: 8px;
}

div#box_indent {
  margin-left: 30px;
}

div.help {
  width: 20px;
  height: 20px;
  background-image: url(../gr_elemente/icons/help.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

div.help:hover {
  background-image: url(../gr_elemente/icons/help_hover.png);
}

div#help-win {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 255;
  width: 100%;
  height: 200%;
  padding: 20px;
  background-color: white;
}

div#box_grid table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 15px;
  width: 100%;
}

div#box_grid table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px;
  text-align: center;
}

div.loronly {
  display: inline-block;
  font-size: 0.8em;
  color: white;
  background-color: var(--lor-color);
  margin: 0 5px;
  padding: 1px 3px;
  white-space: nowrap;
  font-weight: normal !important;
  line-height: 1.5em;
  min-width: 10px;
  text-align: center !important;
}

div.loronly + div.loronly {
  margin-left: 0;
}

div.loronly.squarish {
  padding: 0 5px;
}

div.rmtag {
  display: inline-block;
  margin-left: 20px;
  padding: 0 6px 0 1px !important;
  background-color: #f4f4f4;
  color: var(--lor-color);
  position: relative;
  top: -1px;
  height: 20px;
  border-radius: 1px;
}

div.rmtag:after {
  content: "";
  position: absolute;
  top: 1px;
  left: -20px;
  width: 0;
  height: 0;
  border: 10px solid #f4f4f4;
  border-color: transparent #f4f4f4 transparent transparent;
}

div.popup_message h2 div.loronly {
  color: var(--lor-color);
  background-color: white;
  float: right;
  padding: 2px 5px;
}

div.popup_outer.error h2 div.loronly {
  background-color: darkred !important;
}

div.popup_message > p,
div.popup_message > li {
  color: white;
  margin-right: 15px;
}

div.popup_message .form_select {
  border: 2px solid white;
}

div#popup_outer_mapPicker div.popup_h2 {
  margin-bottom: 0;
}

div#popup_outer_mapPicker div.popup_message {
  margin: 0;
}

div.popupMap {
  width: 100%;
  height: 100%;
}

a.popup_link {
  display: inline-block;
  padding: 10px;
  color: var(--lor-color-dark) !important;
  background-color: #f4f4f4 !important;
  margin: 10px 0;
  width: auto;
}

a.popup_link i {
  margin-right: 8px;
}

a.popup_link:hover {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
  text-decoration: none;
  cursor: pointer;
}

div#pnet_menu div.loronly,
div#menu_hor div.loronly {
  color: var(--lor-color);
  background-color: white;
  margin: 0 8px 0 0 !important;
}

a:hover div.loronly {
  text-decoration: none;
}

div#box_right {
  float: right;
  margin-right: 10px;
}

i.linkicon {
  font-size: 1.1em;
  margin: 0 5px 0 1px;
  position: relative;
  top: -1px;
  color: rgb(254, 203, 0);
}

svg.linkicon {
  margin: 0 5px 0 0;
  color: rgb(254, 203, 0);
}

a:hover i.linkicon,
a:hover svg.linkicon {
  color: rgb(255, 177, 35);
}

.pieChart {
  height: 300px;
  width: 90%;
  margin-bottom: 40px;
}

table.statsTable {
  width: 80%;
  margin-bottom: 30px;
}

table.statsTable thead {
  font-weight: bold;
}

table.statsTable thead tr {
  color: #888;
  border-bottom: 2px solid rgb(255, 213, 3);
}

table.statsTable tbody tr {
  border-bottom: 1px solid #eee;
}

table.statsTable td {
  padding: 8px;
}

/* Shake with css3 */
@keyframes shake {
  0% {
    transform: translate(3px, 0);
  }

  50% {
    transform: translate(-3px, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-moz-keyframes shake {
  0% {
    -moz-transform: translate(3px, 0);
  }

  50% {
    -moz-transform: translate(-3px, 0);
  }

  100% {
    -moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(3px, 0);
  }

  50% {
    -webkit-transform: translate(-3px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
  }
}

.shake {
  animation-name: shake;
  animation-duration: 150ms;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}

/* Shake with css3 */
div#box_code {
  margin: 20px 0;
  padding: 2%;
  background-color: #eee;
  font-family: "Courier New", Courier, monospace;
  color: #333;
  font-size: 1.1em;
}

div#box_code p {
  padding: 0;
  margin: 0;
}

div#box_highlight {
  margin: 20px 0;
  padding: 2%;
  background-color: #eee;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
}

div#box_highlight p {
  padding: 0;
  margin: 0;
}

div#tmpcontainer {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 254;
  background-color: white;
  display: none;
}

div#popup_spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100vh !important;
  z-index: 256;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 135, 206, 0.5);
  text-align: center;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
}

div#popup_spinner i {
  margin: auto;
}

.lor_spinner {
  display: block;
  margin: 45vh auto;
  width: 100px !important;
  height: 100px !important;
  text-align: center;
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}

.lor_spinner_dot1,
.lor_spinner_dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--lor-color);
  border-radius: 100%;
  border: 1px solid transparent;
  animation: sk-bounce 2s infinite ease-in-out;
}

div#popup_inner .lor_spinner_dot1,
div#popup_inner .lor_spinner_dot2 {
  background-color: rgb(255, 255, 255) !important;
}

div#popup_inner div.popup_submenu .lor_spinner_dot1,
div#popup_inner div.popup_submenu .lor_spinner_dot2 {
  background-color: var(--lor-color) !important;
}

.lor_spinner_dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

div#popup_inner div.popup_submenu p,
div#popup_inner div.popup_submenu li {
  color: #666;
}

div#popup_inner div.popup_submenu div.ajaxtable {
  margin-bottom: 15px;
}

div.popup_inner ul.popup_submenu li.hidden {
  display: none;
}

div#popup_inner ul.popup_submenu li.scrollSubmenu {
  width: 50px !important;
  text-align: center !important;
  overflow: hidden !important;
  position: absolute;
  top: 2px;
  padding-left: 16px;
  padding-top: 0 !important;
  line-height: 2.8em;
}

div#popup_inner ul.popup_submenu li.scrollSubmenu.right {
  right: 0;
  border-left: 3px solid var(--lor-color);
}

div#popup_inner ul.popup_submenu li.scrollSubmenu.left {
  left: 0;
  border-right: 3px solid var(--lor-color);
}

div.popup_inner ul.popup_submenu li div.popup_submenu_bubble,
div.popup_inner ul.popup_submenu li.popup_submenu_bubble {
  position: absolute;
  top: -8px;
  right: -10px;
  height: 20px;
  color: white;
  font-size: 0.9em;
  border-radius: 8px;
  background-color: red;
  text-align: center;
  padding: 0 10px;
  width: auto;
  line-height: 1.5em;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 1001;
}

div.popup_inner ul.popup_submenu li.popup_submenu_bubble {
  position: relative;
  display: inline-block;
  width: 0 !important;
  right: 0;
  top: 10px;
  padding: 0;
  overflow: visible;
  margin: 0;
}

div.popup_inner ul.popup_submenu li.popup_submenu_bubble div {
  height: 20px;
  color: white;
  font-size: 0.9em;
  border-radius: 100%;
  background-color: red;
  text-align: center;
  padding: 1px 5px;
  width: auto;
  line-height: 1.7em;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  position: relative;
  top: -27px;
  left: -19px;
  min-width: 12px;
}

div.ajaxtable .lor_spinner {
  margin: 80px auto;
  height: 60px !important;
  width: 60px !important;
}

div#popup_outer .lor_spinner_dot1,
div#popup_outer .lor_spinner_dot2 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

div#tooltip {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: auto !important;
  min-width: 150px;
  height: auto;
  min-height: 0;
  z-index: 5555;
  background-color: var(--lor-color);
  color: white !important;
  font-size: 0.9em;
  padding: 8px;
  display: block;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  pointer-events: none;
}

div#tooltip.red {
  background-color: red;
  font-weight: bold;
}

div#tooltip:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: -15px;
  border: 10px solid;
  border-color: var(--lor-color) var(--lor-color) transparent transparent;
}

div#tooltip.red:before {
  border-color: red red transparent transparent;
}

div#tooltip.flow_to_right:before {
  width: 0;
  height: 0;
  left: 0;
  bottom: -15px;
  border-color: var(--lor-color) transparent transparent var(--lor-color);
}

div#tooltip.topedge:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: -15px;
  border: 10px solid;
  border-color: transparent var(--lor-color) var(--lor-color) transparent;
}

div#tooltip.topedge.red:before {
  border-color: red transparent transparent red;
}

div#tooltip p:last-child {
  margin: 0 0 2px 0 !important;
}

i.tooltip.clickable {
  color: var(--lor-color);
  position: relative;
  top: -5px;
  font-size: 1.15em;
  cursor: pointer;
}

i.tooltip.clickable:hover {
  color: var(--lor-color-dark);
}

div#tooltip div.loronly {
  color: var(--lor-color);
  background-color: white;
}

div#tooltip ul {
  margin: 2px 10px 10px 0;
}

div#tooltip ul li {
  list-style: square;
  margin: 0 0 0 15px;
  padding: 0 0 0 10px;
}

input,
textarea,
select {
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
}

@media (max-width: 800px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}

div.popup_outer {
  position: fixed !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 254;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

div.popup_outer div.popup_inner {
  cursor: default;
}

div.popup_outer.hidden {
  display: none;
}

div.popup_outer.alert div.popup_message,
div.popup_outer.error div.popup_message {
  overflow-y: auto;
  overflow-x: hidden;
  height: 203px;
}

div.popup_inner {
  position: absolute;
  height: auto;
  width: 100%;
  margin: 0;
  top: 0;
  bottom: 0;
  background-color: var(--lor-color);
  padding: 0% 0% 55px 0%;
  display: block;
  border-radius: 1px;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 1);
  font-size: 1em;
}

div.popup_inner table.standard_table h2 {
  color: var(--lor-color);
  background-color: transparent;
}

div.popup_inner h3 {
  margin: 15px 0 10px 0;
  font-size: 1.1em;
  color: white;
}

div.popup_inner div.popup_submenu h3 {
  color: var(--lor-color) !important;
}

div.popup_inner table.standard_table h3 {
  color: var(--lor-color);
  background-color: transparent;
}

div.popup_inner table.standard_table p {
  margin-bottom: 0;
}

div.popup_inner table.standard_table div.module p {
  margin-bottom: 0px;
}

div.popup_inner.wait {
  background-color: var(--lor-color);
  width: 300px;
  height: 300px;
  margin-left: -150px;
  margin-top: -150px;
  color: white;
  padding-bottom: 1%;
}

div.popup_inner.progress_bar {
  min-height: 165px;
  margin-top: -85px;
  color: white;
  padding-bottom: 1%;
  box-sizing: border-box;
}

div.popup_inner.progress_bar div.popup_progress_bar {
  width: auto;
  border: 1px solid white;
  height: 28px;
  border-radius: 1px;
  margin: 25px 18px 10px 0;
  box-sizing: border-box;
}

div.popup_inner.progress_bar div.popup_progress_bar div {
  width: 0%;
  background-color: white;
  height: 100%;
}

div.popup_inner.progress_bar p.popup_progress_value {
  font-weight: bold;
  font-size: 1.15em;
  width: 100%;
  text-align: center;
}

div.xpopup_inner *:not(.ajaxtable):not(.close_codes_all):not(.standard_table) {
  color: white !important;
}

div.popup_inner {
  position: absolute;
  top: 0;
  left: 0;
}

div.popup_inner div.popuptable {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  height: 100% !important;
}

div.popup_inner div.popuptable.scrolling {
  padding-right: 0px;
}

div.popup_inner div.popuptable.htmlContent {
  background-color: white;
  width: 100%;
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  div.popup_inner div.popuptable.htmlContent {
    padding: 10px;
  }
}

div.popup_inner div.popuptable.htmlContent div.mainContent li {
  margin: 7px 7px 7px 0;
}

div.popup_inner div.popuptable.htmlContent.htmlPreview div.headerContent,
div.popup_inner div.popuptable.htmlContent.htmlPreview div.mainContent,
div.popup_inner div.popuptable.htmlContent.htmlPreview div.docComment {
  border: 1px dotted transparent;
  margin: 10px 10px 10px 15px;
  position: relative;
}

div.popup_inner div.popuptable.htmlContent.htmlPreview div.headerContent:hover,
div.popup_inner div.popuptable.htmlContent.htmlPreview div.mainContent:hover {
  border: 1px dotted red;
}

div.popup_inner div.popuptable.htmlContent.htmlPreview div.mainContent:after {
  content: " ";
  width: 1px;
  height: 1px;
  display: block;
  clear: both;
}

div.popup_inner div.popuptable.htmlContent div.headerContent div.innerTitle,
div.popup_inner div.popuptable.htmlContent div.mainContent div.innerTitle,
div.popup_inner div.popuptable.htmlContent div.docComment div.innerTitle {
  display: none;
}

div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.headerContent
  div.innerTitle,
div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.mainContent
  div.innerTitle,
div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.docComment
  div.innerTitle {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: white;
  font-size: 0.9em;
  padding: 3px;
  display: none;
  font-style: normal;
}

div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.headerContent:hover
  div.innerTitle,
div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.mainContent:hover
  div.innerTitle,
div.popup_inner
  div.popuptable.htmlContent.htmlPreview
  div.docComment:hover
  div.innerTitle {
  display: block;
}

div.popup_inner div.popuptable.htmlContent.htmlPreview div.docComment {
  font-style: italic;
  background-color: #f4f4f4;
}

div.popup_inner div.popuptable.htmlContent {
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

div.popup_inner div.popuptable.htmlContent.additionalSpacing {
  padding: 25px !important;
}

div.popup_inner div.popuptable.htmlContent div.mainContent {
  padding: 20px !important;
  position: relative;
  height: 100%;
}

div.popup_inner div.popuptable.htmlContent div.mainContent p,
div.popup_inner div.popuptable.htmlContent div.mainContent li,
div.popup_inner div.popuptable.htmlContent div.mainContent h2,
div.popup_inner div.popuptable.htmlContent div.mainContent h3,
div.popup_inner div.popuptable.htmlContent div.mainContent h4 {
  max-width: 800px;
  width: 100%;
}

div.popup_inner div.popuptable.htmlContent div.mainContent h2.inlineTitle {
  border: none;
  margin: 0;
  background-color: #f4f4f4;
  width: 100% !important;
  max-width: 105% !important;
  padding: 20px;
  position: relative;
  top: -20px;
}

div.popup_inner div.popuptable.htmlContent div.mainContent li.docListSort,
div.popup_inner div.popuptable.htmlContent div.mainContent li[data-tagno] {
  width: auto !important;
  margin-right: 3px !important;
}

div.popup_inner div.popuptable.htmlContent div.mainContent li.document {
  max-width: 100% !important;
  border-radius: 5px;
}

div.popup_inner div.popuptable.htmlContent div.mainContent p.editor_code,
div.popup_inner div.popuptable.htmlContent div.mainContent p.code,
div.popup_inner div.popuptable.htmlContent div.mainContent p.editor_formula,
div.popup_inner div.popuptable.htmlContent div.mainContent p.formula,
div.popup_inner div.popuptable.htmlContent div.mainContent div.editor_code p,
div.popup_inner div.popuptable.htmlContent div.mainContent div.code p,
div.popup_inner div.popuptable.htmlContent div.mainContent div.editor_formula p,
div.popup_inner div.popuptable.htmlContent div.mainContent div.formula p {
  max-width: 950px;
  box-sizing: border-box;
}

div.popup_inner div.popuptable.htmlContent div.mainContent.noHeader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

div.popup_inner div.popuptable.htmlContent div.headerContent {
  background-color: #f0f0f0;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

div.popup_inner div.popuptable.htmlContent h1 {
  font-weight: normal;
  color: #333;
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0 !important;
}

@media (max-width: 1000px) {
  div.popup_inner div.popuptable.htmlContent h1 {
    font-size: 1.75em;
    margin: 0;
  }
}

div.popup_inner div.popuptable.htmlContent div.embedDiv.error {
  background-color: rgb(255, 0, 0, 0.15) !important;
  color: white !important;
  padding: 10px;
}

div.popup_inner div.popuptable.htmlContent h2 {
  clear: both;
  font-weight: normal;
  color: #777;
  background-color: transparent;
  margin: 35px 0 12px 0;
  font-size: 1.8em;
  letter-spacing: -1.25px;
  border-left: 10px solid var(--lor-color);
  padding-left: 10px;
  position: relative;
  left: -20px;
}

div.popup_inner div.popuptable.htmlContent[dir="rtl"] ul {
  margin: 10px 0 10px 30px;
}

div.popup_inner div.popuptable.htmlContent[dir="rtl"] div.mainContent h2 {
  border-left: 0;
  border-right: 10px solid var(--lor-color);
  padding-left: 0;
  padding-right: 20px;
  right: -20px;
}

div.popup_inner div.popuptable.htmlContent h2 strong {
  font-weight: normal;
}

div.popup_inner div.popuptable.htmlContent div.headerContent h2 {
  margin-top: 12px;
  padding-top: 0;
  letter-spacing: -0.5px;
  border-left: none;
  left: 0;
  font-size: 20px;
  padding-left: 0 !important;
  width: 100%;
  max-width: 800px;
}

div.popup_inner div.popuptable.htmlContent div.embedDiv.error h2 {
  border-left: none !important;
  left: 0;
  color: red !important;
  font-weight: bold;
  margin: 0 0 12px 0;
}

div.popup_inner div.popuptable.htmlContent h3 {
  clear: both;
  font-weight: normal;
  color: var(--lor-color);
  background-color: transparent;
  margin: 20px 0 8px 0;
  font-size: 1.5em;
  letter-spacing: -1px;
  border-left: 10px solid #ccc;
  padding-left: 10px;
  position: relative;
  left: -20px;
}

div.popup_inner div.popuptable.htmlContent h3 strong {
  font-weight: normal !important;
}

div.popup_inner div.popuptable.htmlContent h4 {
  clear: both;
  font-weight: normal;
  color: #999;
  background-color: transparent;
  margin: 20px 0 8px 0;
  font-size: 1.25em;
  letter-spacing: -0.66px;
  border-left: 20px solid #f0f0f0;
  padding-left: 10px;
  position: relative;
  left: -20px;
}

div.popup_inner div.popuptable.htmlContent h4 strong {
  font-weight: normal !important;
}

div.popup_inner div.popuptable.htmlContent img.documentHeaderImage {
  float: left;
  margin-right: 15px;
  height: 130px;
  width: 200px;
}

@media (max-width: 900px) {
  div.popup_inner div.popuptable.htmlContent img.documentHeaderImage {
    display: none;
  }
}

div.popup_inner div.popuptable.htmlContent h1.documentHeaderH1,
div.popup_inner div.popuptable.htmlContent h2.documentHeaderH2 {
  display: inline-block;
  width: calc(100% - 220px);
}

@media (max-width: 900px) {
  div.popup_inner div.popuptable.htmlContent h1.documentHeaderH1,
  div.popup_inner div.popuptable.htmlContent h2.documentHeaderH2 {
    display: inline-block;
    width: 100%;
  }
}

div.popup_inner div.popuptable.htmlContent div.description {
  font-weight: bold;
  margin-bottom: 20px;
}

div.popup_inner div.popuptable.htmlContent p,
div.popup_inner div.popuptable.htmlContent li:not(.document) {
  color: #666;
}

div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable) {
  width: auto !important;
  border: none !important;
  min-width: 300px !important;
  border-collapse: collapse !important;
  margin: 15px 0 !important;
}

div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable).priceListTable {
  width: 100% !important;
  font-size: 0.95em !important;
}

div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  td,
div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  th {
  padding: 10px 10px 8px 10px;
  min-width: 50px;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px dotted #ccc !important;
  border-left: none !important;
  text-align: left !important;
  vertical-align: middle !important;
  height: 40px !important;
}

div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  thead
  td,
div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  thead
  th {
  font-weight: bold;
  background-color: #f8f8f8;
}

div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  td,
div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  th {
  border: none !important;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 0;
}

div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  td.timeStamp,
div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  th.timeStamp {
  padding-top: 4px;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 2px;
  white-space: nowrap;
}

div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  td.timeStamp:before,
div.popup_inner
  div.popuptable.htmlContent
  table
  table.timeZonePickerTable:not(.ajaxtable)
  th.timeStamp:before {
  font-family: "FontAwesome";
  font-weight: normal !important;
  content: "\f017";
  position: absolute;
  left: 0;
}

div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) td p,
div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) th p {
  margin: 0 5px 0 0;
}

div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) i.iconON {
  color: green;
}

div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) i.iconOFF {
  color: #ccc;
}

div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) thead th {
  background-color: #f0f0f0 !important;
}

div.popup_inner div.popuptable.htmlContent table:not(.ajaxtable) thead tr th {
  border-bottom: 2px solid #666 !important;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  tr:nth-child(2n + 1)
  td {
  background-color: #fbfbfb !important;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  th.itemNo,
div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  td.itemNo {
  width: 5%;
  min-width: 50px;
  white-space: nowrap;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  th.unit,
div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  td.unit {
  width: 5%;
  min-width: 50px;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  th.volume,
div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  td.volume {
  text-align: right !important;
  width: 5%;
  min-width: 50px;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  th.weight,
div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  td.weight {
  text-align: right !important;
  width: 5%;
  min-width: 50px;
}

div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  thead
  th.price,
div.popup_inner
  div.popuptable.htmlContent
  table.priceListTable:not(.ajaxtable)
  td.price {
  text-align: right !important;
  width: 10%;
  min-width: 60px;
}

div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  td:last-child,
div.popup_inner
  div.popuptable.htmlContent
  table:not(.ajaxtable):not(.timeZonePickerTable)
  th:last-child {
  border-right: none !important;
}

div.popup_inner div.popuptable.htmlContent div.docList {
  margin-top: 10px;
}

div.docNumbering {
  box-sizing: border-box;
  height: 60px;
  width: 60px;
  min-width: 60px;
  text-align: center;
  background-color: var(--lor-color);
  color: white;
  font-size: 25px;
  font-weight: bold;
  padding: 15px;
  line-height: 25px;
  margin: 5px 15px 15px 0;
  clear: both;
  float: left;
}

div.clearFloat {
  clear: both;
  height: 1px;
}

div.popup_inner div.popuptable.htmlContent div.docImage {
  float: none !important;
  clear: right;
}

div.popup_inner div.popuptable.htmlContent div.docImage.mobileOnly {
  width: 100% !important;
}

div.popup_inner div.popuptable.htmlContent div.docImageNumber {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--lor-color);
  color: white;
  text-align: center;
  padding: 8px 10px;
  min-width: 16px;
  font-size: 0.9em;
}

div.popup_inner div.popuptable.htmlContent div.docImageseriesCaption {
  font-weight: bold;
  margin: 0 0 15px 0;
}

div.popup_inner div.popuptable.htmlContent div.docImageseriesIntro {
  margin: 15px 0 20px 0;
  font-size: 0.95em;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageseriesCaption
  + div.docImageseriesIntro {
  margin-top: 5px;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageseries
  div.docImageseriesCaption
  + div.docImage,
div.popup_inner
  div.popuptable.htmlContent
  div.docImageseries
  div.docImageseriesIntro
  + div.docImage {
  margin-top: 15px !important;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass
  div.docImageCaption {
  font-weight: bold;
  padding: 0 20px 20px 20px;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.mobile {
  display: inline-block;
  margin: 0 15px 15px 0;
  padding: 15px 15px 45px 15px;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #666, #444);
  position: relative;
}

ul + div.docImageClass {
  margin-left: 44px !important;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass.mobile
  div.picture_series {
  width: 263.7px !important;
  height: 569.7px !important;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.landscape {
  background-color: #f4f4f4;
  border-top: 20px solid #f4f4f4;
  border-bottom: 20px solid #f4f4f4;
  box-sizing: border-box;
  display: block;
  margin: 20px 0;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass.landscape
  div.picture_series {
  width: 100% !important;
  height: 430px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.mobile:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 15px;
  height: 20px;
  width: 40px;
  left: calc(50% - 20px);
  border: 1px solid #999;
  background: linear-gradient(to bottom right, #888, #aaa);
  border-radius: 5px;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.fullsize {
  width: 100%;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass.fullsize
  div.picture_series {
  width: 100% !important;
  height: 100% !important;
  background-image: none !important;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass.fullsize
  div.picture_series
  img {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.screen {
  box-sizing: border-box;
  display: inline-block;
  float: none;
  clear: both;
  margin: 0 15px 15px 0;
  padding: 15px 15px 40px 15px;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #ddd, #f4f4f4);
  position: relative;
  width: 1200px;
  height: 675px;
  background-color: white;
}

div.popup_inner div.popuptable.htmlContent div.docImageClass.screen:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 15px;
  height: 8px;
  width: 20px;
  right: 20px;
  border: 1px solid #aaa;
  background: linear-gradient(to bottom right, green, lightgreen);
  border-radius: 5px;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageClass.screen
  div.crop.picture_series {
  box-sizing: border-box;
  border: 10px solid white;
  border-radius: 5px;
  background-color: white;
  width: 100% !important;
  height: 100% !important;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}

div.popup_inner div.popuptable.htmlContent div.docERROR {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 1px 6px;
}

div.popup_inner div.popuptable.htmlContent div.docVideo {
  box-sizing: border-box;
  width: 100%;
  height: 374px;
  padding: 10px;
  margin: 30px 0 35px 0 !important;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 135, 206, 0.5);
}

div.popup_inner div.popuptable.htmlContent div.docVideo.youtube {
  height: auto;
}

div.popup_inner div.popuptable.htmlContent div.docVideo.youtube iframe {
  max-width: 100%;
}

div.popup_inner div.popuptable.htmlContent div.docVideo.col2 {
  display: inline-block;
  width: calc(49.8% - 10px);
  margin-right: 0;
}

div.popup_inner div.popuptable.htmlContent div.docVideo.col2:nth-child(2n + 1) {
  margin-right: 20px !important;
}

@media (max-width: 1000px) {
  div.popup_inner div.popuptable.htmlContent div.docVideo.col2 {
    width: 100%;
    margin-right: 0;
  }

  div.popup_inner div.popuptable.htmlContent div.docVideo + div.docVideo {
    margin-top: 0 !important;
  }
}

div.popup_inner div.popuptable.htmlContent div.docImageseries {
  padding: 20px 20px 0 20px !important;
  width: 100%;
  background-color: #f8f8f8;
  box-sizing: border-box;
  margin: 20px 0;
}

div.popup_inner div.popuptable.htmlContent div.docImageseries div.docImage {
  float: none !important;
  display: inline-block;
  margin: 0 20px 18px 0 !important;
}

div.popup_inner
  div.popuptable.htmlContent
  div.docImageseries
  div.docImage:nth-child(5n + 4) {
  margin-right: 0;
}

@media (max-width: 1300px) {
  div.popup_inner
    div.popuptable.htmlContent
    div.docImageseries
    div.docImage:nth-child(4n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 1100px) {
  div.popup_inner
    div.popuptable.htmlContent
    div.docImageseries
    div.docImage:nth-child(3n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 900px) {
  div.popup_inner
    div.popuptable.htmlContent
    div.docImageseries
    div.docImage:nth-child(2n + 1) {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  div.popup_inner div.popuptable.htmlContent div.docImageseries div.docImage {
    margin-right: 0;
  }
}

p.image_caption {
  clear: both;
  font-style: italic;
  margin-left: 15px;
  margin-bottom: 0;
  margin-top: 20px;
}

div.editor_emphasise table,
div.emphasise table {
  display: inline-block;
  vertical-align: middle;
}

div.editor_emphasise table select,
div.emphasise table select {
  margin-bottom: 0;
}

div.copyToClipboard,
div.code,
div.editor_code {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  margin: 30px 0;
  max-width: 950px;
  width: 100%;
  box-sizing: border-box;
}

div.copyToClipboard {
  position: relative;
}

div.copyToClipboard:hover {
  border: 1px solid var(--lor-color);
}

div.copyToClipboard:before {
  content: "copy";
  position: absolute;
  top: -8px;
  right: 5px;
  padding: 3px 7px;
  display: block;
  background-color: #aaa;
  color: white;
  border-radius: 3px;
  font-size: 12px;
}

div.copyToClipboard:hover:before {
  background-color: var(--lor-color);
}

p.editor_code,
p.code,
div.editor_code p,
div.code p {
  font-size: 1em;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  line-height: 1.55em;
  background-color: #f8f8f8;
  color: black;
  padding: 10px;
  margin: 20px 0 0 16px;
  white-space: pre-wrap;
}

div.copyToClipboard:hover p {
  background-color: #f0f0f0;
}

div.copyToClipboard p,
div.editor_code p,
div.code p {
  margin: 0;
}

p.editor_emphasise + p.editor_emphasise,
div.editor_emphasise + p.editor_emphasise,
p.editor_emphasise + div.editor_emphasise,
div.editor_emphasise + div.editor_emphasise,
p.emphasise + p.emphasise,
div.emphasise + p.emphasise,
p.emphasise + div.emphasise,
div.emphasise + div.emphasise {
  margin: 0 !important;
}

p.editor_code + *:not(.editor_code),
p.code + *:not(.code) {
  margin-top: 15px;
}

p.editor_emphasise + *:not(.editor_emphasise),
p.emphasise + *:not(.emphasise) {
  margin-top: 15px;
}

p.editor_formula + *:not(.editor_formula),
p.formula + *:not(.formula) {
  margin-top: 15px;
}

div.editor_emphasise,
p.editor_emphasise,
div.emphasise,
p.emphasise {
  display: table;
  width: auto;
  padding: 10px;
  background-color: #f4f4f4;
  color: var(--lor-color);
  border-radius: 3px;
  margin: 8px 0;
  font-size: 1.1em;
}

p.editor_emphasise strong,
p.emphasise strong {
  color: black;
}

p.editor_code + p.editor_code,
p.code + p.code {
  padding-top: 0 !important;
  margin: 0 calc(100% - 32px) 0 16px !important;
}

div.copyToClipboard {
  box-shadow: 3px 3px 11px -8px #000000;
}

div.copyToClipboard p.code + p.code {
  margin: 0 !important;
}

div.editor_button a,
div.button a,
p.editor_button a,
span.editor_button,
p.button a,
span.button {
  padding: 10px;
  background-color: var(--lor-color);
  color: white;
  border-radius: 3px;
  margin: 8px 0;
  display: inline-block;
  font-weight: bold;
}

div.editor_button li a,
div.button li a {
  margin: 0;
}

p.button a + a {
  margin-left: 5px;
}

td p.editor_button a,
span.editor_button,
td p.button a,
span.button {
  margin: 0;
}

p.editor_button a:not(.deactivated):hover,
span.editor_button:not(.deactivated):hover,
p.button a:not(.deactivated):hover,
span.button:not(.deactivated):hover {
  background-color: var(--lor-color-dark);
  text-decoration: none;
}

p.editor_formula,
p.formula {
  font-size: 1.25em;
  font-family: Baskerville, "Palatino Linotype", Palatino,
    "Century Schoolbook L", "Times New Roman", "serif";
  line-height: 1.8em;
  background-color: #f8f8f8;
  color: #666;
  padding: 5px 10px 5px 16px;
  margin: 20px 0 0 0;
  font-style: italic;
}

p.editor_formula + p.editor_formula,
p.formula + p.formula {
  padding-top: 0 !important;
  margin: 0 !important;
}

p.editor_formula + *:not(.editor_formula),
p.formula + *:not(.formula) {
  margin-top: 20px;
}

div.popup_inner div.popuptable.htmlContent div.categories {
  margin-bottom: 0;
  font-size: 0.9em;
}

div.popup_inner div.popuptable.htmlContent div.categories:after {
  content: " ";
  display: block;
  clear: both;
}

div.popup_inner div.popuptable.htmlContent div.categories.showDiv {
  color: var(--lor-color);
}

div.popup_inner div.popuptable.htmlContent div.categories.showDiv:hover {
  color: var(--lor-color-dark);
  cursor: pointer;
}

div.popup_inner div.popuptable.htmlContent div.categories ul {
  padding: 0;
  margin: 0;
}

div.popup_inner div.popuptable.htmlContent div.categories ul li {
  clear: both;
  list-style: none;
  padding-left: 0 !important;
}

div.popup_inner div.popuptable.htmlContent div.categories ul li ul li {
  float: left;
  clear: none;
  padding: 0 10px 0 0;
}

div.popup_inner div.popuptable.htmlContent div.categories ul li ul li:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 10px;
  color: var(--lor-color);
  font-weight: bold;
}

div.popup_inner div.popuptable.htmlContent div.tags {
  margin-bottom: 20px;
  margin-top: 30px;
}

div.popup_inner div.popuptable.htmlContent div.tags:after {
  content: " ";
  display: block;
  clear: both;
}

div.popup_inner div.popuptable.htmlContent div.tags ul {
  padding: 0;
  margin: 0;
}

div.popup_inner div.popuptable.htmlContent div.tags ul li {
  list-style: none;
  float: left;
  clear: none;
  padding: 10px;
  margin-right: 3px;
  color: var(--lor-color);
  background-color: #f4f4f4;
}

div.popup_inner div.popuptable.htmlContent div.tags ul li:hover {
  background-color: var(--lor-color);
  cursor: pointer;
  color: white;
}

div.popup_inner div.popuptable.htmlContent div.tags ul li:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 10px;
  color: var(--lor-color-dark);
  font-weight: bold;
  display: none;
}

div.popup_inner div.popuptable.htmlContent div.tags ul li:hover:before {
  color: white;
}

div.popup_inner p.spinner i {
  font-size: 3em;
  height: 100%;
  text-align: center;
}

div.popup_inner.wait p.spinner {
  font-size: 3.5em;
  text-align: center;
  margin: 80px;
}

div.popup_inner div.popup_h2 {
  display: none;
}

div.popup_inner div.popup_h2 h2 {
  margin-top: 0 !important;
  background-color: white;
  color: #666;
  padding: 8px 55px 8px 12px;
  overflow: hidden;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  letter-spacing: -0.8px;
  font-size: 1.25em;
}

div.popup_inner.wait p.spinner i {
  margin-top: 0;
}

div.popup_inner p.spinner i {
  margin-top: 27.5%;
}

div.popup_inner div.popup_message {
  position: absolute;
  top: 45px;
  left: 8px;
  right: 8px;
  bottom: 68px;
  overflow-y: auto;
}

div.popup_outer.alert div.popup_inner div.popup_message,
div.popup_outer.error div.popup_inner div.popup_message {
  top: 55px;
  left: 18px;
  right: 18px;
}

p.linkButton,
a.linkButton {
  display: block;
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 4px 8px;
}

div.ajaxtable p.linkButton,
div.ajaxtable a.linkButton {
  display: inline-block;
}

div.popup_outer p.linkButton,
div.popup_outer a.linkButton {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.linkButton.autoWidth {
  display: inline;
}

p.linkButton {
  display: inline-block;
}

p.linkButton.hidden {
  display: none;
}

p.linkButton:hover {
  cursor: pointer;
  background-color: var(--lor-color);
  color: white;
}

p.topSpace {
  margin-top: 25px;
}

a.linkButton:hover {
  text-decoration: none;
  background-color: var(--lor-color-dark);
  color: white;
}

div.popup_inner div.popup_message.popupOverflow {
  padding-right: 1px;
}

div.popup_inner div.popup_message.popupOverflow div.popuptable {
  padding-right: 0;
}

div.popup_inner div.popup_message p,
div.popup_inner div.popup_message li {
  color: white;
}

div.popup_inner div.popup_message *.ajaxtable p,
div.popup_inner div.popup_message *.ajaxtable li,
div.popup_inner div.popup_message *.standard_table p,
div.popup_inner div.popup_message *.standard_table li,
div.popup_inner div.popup_message *.close_codes_all p,
div.popup_inner div.popup_message *.close_codes_all li,
div.popup_inner div.popup_message *.popup_submenu p,
div.popup_inner div.popup_message *.popup_submenu li,
div.popup_inner div.popup_message *.popup_submenu2nd p,
div.popup_inner div.popup_message *.popup_submenu2nd li {
  color: #666;
}

div.popup_inner div.popup_message h2 {
  margin-bottom: 20px;
}

div.popup_inner div.popup_message div#box_buttons_menu {
  font-size: 1em;
}

div.popup_inner div.popup_message textarea.copy {
  width: calc(100% - 48px);
  padding: 2.5%;
  height: calc(100% - 55px);
  overflow: hidden;
  color: #999;
  resize: none;
  font-size: 0.95em;
  border: none;
}

div.popup_inner div.popup_message div.eula_button a:link,
div.popup_inner div.popup_message div.eula_button a:visited {
  color: white;
  text-decoration: none;
}

div.popup_inner div.popup_message div.eula_button a:hover {
  text-decoration: underline;
}

div.popup_inner div.popup_message div.eula_button a i,
div.popup_inner div.popup_message div.eula_button a svg {
  position: relative;
  top: -1px;
  margin-right: 8px;
}

div.popup_inner.choice div.popup_message {
  margin-right: 50px !important;
}

div.popup_inner ul.popup_switches,
div.popup_inner ul.popupOptions {
  width: auto;
  white-space: nowrap;
  margin: 0;
  list-style: none;
}

div.popup_inner ul.popup_switches {
  display: flex;
}

div.popup_inner ul.popup_switches.bottom {
  position: absolute;
  bottom: 4px;
  right: 8px;
}

div.popup_inner ul.popup_switches.top {
  margin-right: 8px;
  position: relative;
}

div.popup_inner ul.popup_switches.flag_switches {
  left: 0;
}

div.popup_inner ul.popup_switches li.popup_switch,
div.popup_inner ul.popupOptions li {
  box-sizing: border-box;
  width: auto;
  margin: 0px 0 5px 8px;
  padding: 5px 10px;
  background-color: white;
  color: #555;
  white-space: nowrap;
  align-items: center;
  overflow: visible;
  height: 50px !important;
  min-width: 50px;
  position: relative;
  line-height: 2.5em;
  display: inline-flex;
  vertical-align: middle;
}

div.popup_inner ul.popup_switches > li.popup_switch.right {
  margin-right: 0;
  margin-left:auto;
}

div.popup_inner
  ul.popup_switches
  > li.popup_switch.right
  ~ li.popup_switch.right {
  margin-right: 0;
  margin-left: 8px;
}

div.popup_inner ul.popup_switches li.popup_switch span.awfClass svg {
  height: 20px;
  position: relative;
  top: -1px;
}

div.popup_inner ul.popupOptions li {
  margin: 0px 8px 5px 0;
}

div.popup_inner ul.popupOptions li:hover {
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
}

div.popup_inner ul.popup_switches li.popup_switch.is_label {
  background-color: #ddd;
}

div.popup_inner ul.popup_switches li.popup_switch span.switch_text {
  display: inline-block;
}

div.popup_inner ul.popup_switches li.popup_switch.popup_close span.switch_text {
  position: relative;
  top: 0px;
}

@media (max-width: 1000px) {
  div.popup_inner ul.popup_switches.top {
    margin-left: 0;
  }

  div.popup_inner ul.popup_switches.bottom {
    right: 8px;
  }

  div.popup_inner ul.popup_switches li.popup_switch i.material-icons {
    vertical-align: middle !important;
    left: -3px !important;
    top: -3px !important;
  }

  div.popup_inner ul.popup_switches.flag_switches {
    left: 6px;
  }
}

div.popup_inner ul.popup_switches li.popup_switch div.loronly {
  background-color: var(--lor-color) !important;
  color: white !important;
  position: relative;
  top: -1px;
  margin-left: 8px;
}

@media (max-width: 800px) {
  div.popup_outer {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
  }

  div.popup_top_expand,
  div.popup_top_unexpand {
    display: none !important;
  }
}

div.popup_inner ul.popup_switches li.popup_switch.flag_switch {
  padding: 10px 13px !important;
  text-align: center;
}

div.popup_inner ul.popup_switches li.popup_switch.flag_switch span.flag-icon {
  height: 2.25em;
  width: 2em;
  line-height: 2.2em;
}

div.popup_inner ul.popup_switches li.popup_switch a {
  padding-top: 7px;
}

div.popup_inner ul.popup_switches li.popup_switch > i,
div.popup_inner ul.popup_switches li.popup_switch > a > i {
  font-size: 2.05em;
  margin-right: 6px;
}

div.popup_inner ul.popup_switches li.popup_switch svg.svg-inline--fa {
  position: relative;
  font-size: 1.7em;
  margin-right: 8px;
  vertical-align: middle;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch
  svg.svg-inline--fa.fa-square-check {
  top: 0;
}

div.popup_inner ul.popup_switches li.popup_switch i.material-icons {
  width: 24px;
  position: relative;
  left: 0;
  top: 0;
  vertical-align: middle;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch
  svg.svg-inline--fa.tmp_spinner {
  top: 3px !important;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.is_label):not(.deactivated):not(.disabled)
  svg.svg-inline--fa.fa-arrow-circle-right {
  color: green;
  font-size: 20px;
}

div.popup_inner ul.popup_switches:after {
  content: "";
  display: table;
  clear: both;
}

div.popup_inner ul.popup_switches li.popup_switch span.buttonInButton {
  display: inline-block;
  padding: 0 5px;
  background-color: white;
  min-width: 30px;
  text-align: center;
  color: var(--lor-color-dark);
  border-radius: 3px;
  margin-left: 10px;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.is_label):not(.deactivated):not(.disabled):not(
    .processing
  ):hover,
div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.deactivated):not(.disabled):not(.processing):hover
  svg.svg-inline--fa.fa-arrow-circle-right,
div.popup_inner ul.popup_switches li.popup_switch.selected {
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch
  svg.svg-inline--fa.tmp_spinner {
  top: 1px;
}

div.popup_inner ul.popup_switches li.popup_switch.hidden {
  display: none;
}

div.popup_inner ul.popup_switches li.popup_switch i.red {
  color: red;
}

div.popup_inner ul.popup_switches li.popup_switch i.green {
  color: green;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.is_label):not(.deactivated):not(.disabled):not(
    .processing
  ):hover
  i {
  color: white !important;
}

div.popup_inner ul.popup_switches li.popup_switch.deactivated:not(.processing),
div.popup_inner ul.popup_switches li.popup_switch.disabled:not(.processing) {
  background-color: #ddd;
  color: #aaa;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch.deactivated:not(.processing):hover,
div.popup_inner
  ul.popup_switches
  li.popup_switch.disabled:not(.processing):hover {
  background-color: #ddd;
  color: #aaa;
  cursor: default;
}

div.popup_inner ul.popup_switches li.popup_switch.deactivated i,
div.popup_inner ul.popup_switches li.popup_switch.deactivated i.red,
div.popup_inner ul.popup_switches li.popup_switch.deactivated i.green,
div.popup_inner ul.popup_switches li.popup_switch.deactivated:hover i,
div.popup_inner ul.popup_switches li.popup_switch.disabled i,
div.popup_inner ul.popup_switches li.popup_switch.disabled i.red,
div.popup_inner ul.popup_switches li.popup_switch.disabled i.green,
div.popup_inner
  ul.popup_switches
  li.popup_switch.disabled:not(.processing):hover
  i {
  color: #aaa !important;
}

div.popup_inner ul.popup_switches li.popup_switch.processing i {
  color: rgb(0, 80, 135) !important;
}

div.popup_inner ul.popup_switches li.popup_switch a:link,
div.popup_inner ul.popup_switches li.popup_switch a:visited {
  text-decoration: none;
  color: #555;
}

div.popup_inner ul.popup_switches li.popup_switch:hover a:link,
div.popup_inner ul.popup_switches li.popup_switch:hover a:visited,
div.popup_inner ul.popup_switches li.popup_switch a:hover {
  text-decoration: none;
  color: white;
}

div.popup_top_closer,
div.popup_top_expand,
div.popup_top_unexpand {
  position: absolute;
  height: 36px;
  width: 36px;
  right: 0;
  background-color: var(--lor-color);
  text-align: center;
  font-size: 1.4em;
  color: white;
  line-height: 2em;
  cursor: pointer;
  margin-right: 0 !important;
}

div.popup_top_expand,
div.popup_top_unexpand {
  right: 37px;
}

div.popup_top_unexpand {
  display: none;
}

div.popup_top_closer:hover,
div.popup_top_expand:hover,
div.popup_top_unexpand:hover {
  background-color: var(--lor-color-dark) !important;
}

div.popup_inner ul,
div.popup_inner ol {
  list-style: square;
  margin: 10px 15px 10px 30px;
}

div.popup_inner ol {
  list-style: decimal;
}

div.popup_inner ul ul {
  list-style: square;
  margin-top: 10px;
}

div.popup_inner li {
  margin: 2px 0;
  padding-left: 10px;
}

div.popup_inner ul ul li {
  margin-bottom: 0;
}

div.popup_inner textarea.code {
  width: 96%;
  height: 80px;
  color: #555;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
  padding: 10px;
  margin: 10px 0;
  border: none !important;
}

div.popup_inner b.white {
  color: white;
}

span.marked_search {
  background-color: var(--lor-color);
  color: white;
  padding: 1px 2px;
  border-radius: 0;
  border: 1px solid transparent;
}

div.popup_inner div#box_buttons_menu ul {
  margin-bottom: 15px;
}

div.popup_inner div#box_buttons_menu ul.no_margin {
  margin-bottom: 15px;
}

div.popup_inner div#box_buttons_menu ul li {
  float: left;
  line-height: 3.2em;
  margin-right: 7px;
  margin-left: 0;
}

div.popup_inner div.popup_submenu div#box_buttons_menu ul li {
  float: right;
  margin: 0 0 0 10px;
}

div.popup_inner div.popup_message div#box_buttons_menu ul li {
  margin-bottom: 10px;
}

div.popup_inner div#box_buttons_menu ul li.float {
  float: left;
}

div.popup_inner div#box_buttons_menu ul li a:hover {
  background-color: var(--lor-color-dark);
  color: white;
}

div.popup_inner div.popup_submenu div#box_buttons_menu ul li a:hover {
  background-color: var(--lor-color-dark);
  color: white;
}

div.popup_inner div#box_buttons_menu ul li a:hover i {
  color: var(--lor-color);
}

div.popup_inner div.popup_submenu div#box_buttons_menu ul li a:hover i {
  color: white;
}

div.popup_inner.choice div#box_buttons_menu ul li {
  margin-bottom: 15px !important;
}

div.popup_inner.choice div#box_buttons_menu ul li a:link,
div.popup_inner.choice div#box_buttons_menu ul li a:visited {
  padding-left: 10px;
}

div.popup_inner.choice div#box_buttons_menu ul li a:link:before,
div.popup_inner.choice div#box_buttons_menu ul li a:visited:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f0c8";
  margin-right: 8px;
  font-size: 1.4em;
  position: relative;
  top: 1px;
}

div.popup_inner.choice div#box_buttons_menu ul li a:hover:before {
  color: green;
  content: "\f14a";
}

div.popup_inner div.popup_container {
  width: 98%;
  background-color: white;
  padding: 1%;
  box-sizing: border-box;
}

div.popup_inner table.popup_columns {
  width: 100%;
}

div.popup_inner div.popup_submenu_container {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  height: 46px;
  white-space: nowrap;
  position: relative;
}

div.popup_inner div.popup_submenu_container.inner {
  height: 100px;
  overflow-y: hidden;
}

div.popup_inner ul.popup_submenu,
div.popup_inner ul.popup_submenu2nd {
  clear: both;
  list-style: none;
  background-image: none;
  margin: 0 !important;
  width: auto;
  white-space: nowrap;
  display: block;
  position: relative;
  height: 44px;
  margin-top: 8px !important;
}

div.popup_inner ul.popup_submenu li,
div.popup_inner ul.popup_submenu2nd li {
  box-sizing: border-box;
  padding: 0 10px 40px 10px;
  display: inline-block;
  background-color: #f0f0f0 !important;
  margin: 0 5px 0 0;
  transition: all 0.3s !important;
  align-items: center;
  height: 42px;
  white-space: nowrap;
  width: auto;
  line-height: 2.5em;
  position: relative;
  top: 4px;
  border-radius: 3px 3px 0 0;
  z-index: 0;
  box-shadow: inset 0px -24px 23px -12px rgba(0, 0, 0, 0.33);
  color: var(--lor-color) !important;
}

div.popup_inner ul.popup_submenu li[data-tab-hidden="1"],
div.popup_inner ul.popup_submenu2nd li[data-tab-hidden="1"] {
  display: none;
}

div.popup_inner ul.popup_submenu li i,
div.popup_inner ul.popup_submenu2nd li i {
  font-size: 1.4em !important;
  font-weight: normal !important;
  margin-right: 6px;
  position: relative;
}

div.popup_inner ul.popup_submenu li i,
div.popup_inner ul.popup_submenu2nd li i.material-icons {
  top: 1px;
}

div.popup_inner ul.popup_submenu2nd li {
  margin-top: 0;
  margin-bottom: 15px;
  color: var(--lor-color) !important;
  background-color: #eee !important;
}

div.popup_inner div.popup_submenu,
div.popup_inner div.popup_submenu2nd {
  box-sizing: border-box;
  padding: 15px;
  background-color: white;
  clear: both;
  overflow-y: auto;
  overflow-x: auto;
  white-space: nowrap;
}

div.popup_inner div.popup_submenu2nd {
  padding: 0;
}

div.popup_inner div.popup_submenu.container,
div.popup_inner div.popup_submenu2nd.container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 46px;
  height: calc(100% - 48px) !important;
}

div#popup_outer_ticketing_add_watcher
  div.popup_inner
  div.popup_submenu.container {
  top: 198px;
  height: calc(100% - 199px) !important;
}

div#popup_outer_ticketing_add_watcher
  div.popup_inner
  div.popup_submenu.container.outer {
  top: 160px;
  height: calc(100% - 161px) !important;
}

div.popup_inner div.popup_submenu2nd.container {
  clear: both;
  margin-top: 15px;
}

div.popup_inner div.popup_submenu.container div.popup_submenu,
div.popup_inner div.popup_submenu2nd.container div.popup_submenu2nd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

div.popup_inner div.popup_message ul.popup_submenu li:hover {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
  cursor: pointer;
}

div.popup_inner div.popup_message ul.popup_submenu li.chosen {
  background-color: white !important;
  color: #666 !important;
  cursor: pointer;
  top: 0;
  box-shadow: none;
  padding-top: 0;
  height: 47px;
}

div.popup_inner div.popup_message ul.popup_submenu li.hideIfNotSelected {
  display: none;
}

div.popup_inner div.popup_message ul.popup_submenu li.hideIfNotSelected.chosen {
  display: inline-block;
}

ul.popup_submenu li svg {
  margin-right: 6px;
}

div.popup_inner ul.popup_submenu2nd li.chosen {
  background-color: var(--lor-color) !important;
  color: white !important;
  cursor: pointer;
}

div.popup_inner ul.popup_submenu2nd li:hover {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
  cursor: pointer;
}

div.popup_inner ul.popup_submenu li.i,
div.popup_inner ul.popup_submenu2nd li.i {
  margin-right: 6px;
}

div.popup_outer.error div.popup_inner {
  background-color: #ee0000;
}

div.popup_outer.error div.popup_inner h2 {
  color: #ee0000;
}

div.popup_outer.error div.popup_top_expand,
div.popup_outer.error div.popup_top_unexpand,
div.popup_outer.error div.popup_top_closer {
  background-color: #ee0000;
}

div.popup_outer.error div.popup_top_expand:hover,
div.popup_outer.error div.popup_top_unexpand:hover,
div.popup_outer.error div.popup_top_closer:hover {
  background-color: darkred !important;
}

div.popup_outer.error
  div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.deactivated):not(.disabled):not(.processing):hover,
div.popup_outer.error
  div.popup_inner
  ul.popup_switches
  li.popup_switch:not(.deactivated):not(.disabled):not(.processing):hover
  svg.svg-inline--fa.fa-arrow-circle-right {
  background-color: darkred !important;
}

p.submenu_mobileTab {
  display: none;
  padding: 10px 13px 7px 13px;
  background-color: white !important;
  color: var(--lor-color) !important;
  margin: 0;
  width: auto;
}

p.submenu_mobileTab.hidden {
  display: none;
}

div.popup_inner div.popup_submenu.container div.popup_submenu_responsivetab {
  display: none;
}

@media (max-width: 600px) {
  div.popup_inner div.popuptable {
    overflow-y: auto;
  }

  div.popup_inner ul.popup_submenu {
    display: none;
  }

  div.popup_submenu.container {
    display: block !important;
    height: auto !important;
  }

  div.popup_submenu.container div.popup_submenu:not(.hidden) {
    display: block !important;
    position: relative;
  }

  div.popup_inner div.popup_submenu_container,
  div.popup_inner div.popup_submenu.container {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    background-color: transparent !important;
    padding: 0 !important;
  }

  div.popup_inner div.popup_submenu.container div.popup_submenu_responsivetab {
    padding: 10px;
    background-color: white;
    width: auto;
    display: inline-block;
    border-radius: 4px 4px 0 0;
  }

  div.popup_inner div.popup_submenu.container div.popup_submenu {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    margin-bottom: 10px;
  }

  div.popup_inner div.popup_submenu.container div.popup_submenu:last-child {
    margin-bottom: 0;
  }

  p.submenu_mobileTab:not(.hidden) {
    display: inline-block;
  }

  div.popup_inner div.popup_submenu.container {
    position: absolute !important;
    bottom: 0;
  }

  div.popup_inner
    div.popup_submenu.container
    div.popup_submenu.lorentz_component {
    position: absolute !important;
    bottom: 0;
  }

  div.popup_inner
    div.popup_submenu.container
    div.popup_submenu.lorentz_component
    span.sn_text {
    display: none;
  }

  input.sites_pick_device.input_field {
    margin: 0 5px 0 0;
  }

  div.sites_pick_device.sn_div.sn-3 {
    width: calc(100% - 14px);
  }

  div.sites_pick_device.sn_div.sn-3 input {
    width: 100%;
  }

  div.sites_pick_device.sn_last_part {
    display: block !important;
    width: 100%;
  }

  div.sites_pick_device.sn_div.sn-2 {
    width: calc(100% - 80px);
  }

  div.sites_pick_device.sn_div.sn-2 input {
    width: 100% !important;
  }

  div.sites_pick_device.sn_select.sn-2 {
    left: -70px;
    width: calc(100% + 320px);
  }
}

div.picture_series_container {
  width: 100%;
  box-sizing: border-box;
}

div.picture_series_container::after {
  content: " ";
  display: block;
  clear: both;
}

div.crop.picture_series {
  margin: 0;
  cursor: pointer;
  float: left;
  background-size: cover;
  background-position: center center;
  height: 180px;
  background-color: #ddd;
  position: relative;
}

div.crop.picture_series div.downloadImage,
div.crop.picture_series div.enlargeImage {
  position: absolute;
  bottom: 6px;
  right: 7px;
  padding: 0;
  background-color: var(--lor-color);
  color: white;
  text-align: center;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.333s;
  font-size: 12px !important;
  height: 35px;
  width: 35px;
}

div.crop.picture_series div.downloadImage {
  right: 50px;
}

div.crop.picture_series div.downloadImage i,
div.crop.picture_series div.enlargeImage i {
  position: relative;
  top: 0px;
}

div.crop.picture_series div.downloadImage i {
  top: 5px;
}

div.crop.picture_series div.enlargeImage i {
  font-size: 34px;
  top: 0;
}

div.crop.picture_series:hover div.downloadImage,
div.crop.picture_series:hover div.enlargeImage {
  opacity: 1;
}

div.crop.picture_series:hover
  div.downloadImage:hover
  div.crop.picture_series:hover
  div.enlargeImage:hover {
  background-color: var(--lor-color-dark);
}

div.crop.picture_series {
  overflow: hidden;
}

div.crop.picture_series img {
  height: 100%;
}

div.crop.picture_series img[data-img-data] {
  margin: 20px 20px 15px 20px;
}

div.crop.picture_series.blind_picture {
  cursor: default !important;
  visibility: hidden !important;
}

div.crop.picture_series.one {
  width: 100%;
  margin: 0 0 3% 0;
}

div.crop.picture_series.two {
  width: 49%;
  margin: 0 2% 2% 0;
}

div.crop.picture_series.two:nth-child(2n + 2) {
  margin-right: 0;
}

div.crop.picture_series.three {
  width: 32.333333333%;
  margin: 0 1.5% 1.5% 0;
}

div.crop.picture_series.three:nth-child(3n + 3) {
  margin-right: 0;
}

div.crop.picture_series.four {
  width: 24.25%;
}

div.crop.picture_series.four:nth-child(4n + 4) {
  margin-right: 0;
}

div.crop.picture_series.five {
  width: 19.2%;
}

div.crop.picture_series.five:nth-child(5n + 5) {
  margin-right: 0;
}

img.top_ref_picture {
  cursor: pointer;
  margin-bottom: 8px;
}

div#topmenu li.google_translate {
  margin-left: 5px;
}

div#topmenu
  li.google_translate
  div#google_translate_element
  div.goog-te-gadget {
  color: transparent;
}

div#topmenu li.google_translate div#google_translate_element div span {
  display: none !important;
}

div#topmenu li.google_translate div#google_translate_element div select {
  font-size: 11px;
  background-color: white !important;
  border: none;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  border-radius: 2px;
  color: #444;
  margin-top: 3px;
}

svg.svg-inline--fa-question-circle.tooltip {
  color: var(--lor-color);
  position: relative;
  top: -5px;
}

svg.svg-inline--fa-question-circle.tooltip:hover {
  color: var(--lor-color-dark);
}

div.box_expandable {
  margin: 10px 0;
  width: calc(100% - 20px);
  padding: 10px 10px 0 10px;
  background-color: #fdfdfd;
  position: relative;
}

div.box_expandable div#box_buttons_frame.transparent_frame {
  margin-top: 10px;
}

div.go_expand_now {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 4px;
  background-color: rgb(0, 135, 207);
  color: white;
  cursor: pointer;
  margin: 0 0 3px 0;
  white-space: nowrap;
  min-width: 105px;
}

div.go_expand_now:hover {
  background-color: var(--lor-color-dark);
}

div.box_expandable_sub {
  display: none;
  margin-bottom: 16px;
}

div.chartbox {
  float: left;
  width: 100%;
  background-color: white;
  margin-bottom: 10px;
  height: 400px;
  text-align: center;
}

div.chartbox.col {
  margin-right: 1%;
}

div.chartbox.svg {
  width: 100% !important;
}

div.chartbox.col.col3 {
  width: 32.5%;
}

div.chartbox.col.col4 {
  width: 24.25%;
}

div.chartbox.col.col6 {
  width: 15.83333%;
}

div.chartbox.col.last {
  margin-right: 0;
}

div.chartbox.figure {
  background-color: var(--lor-color);
  color: white;
  font-size: 9em;
  font-weight: bold;
}

div.chartbox.figure div {
  font-size: 0.15em;
  margin: 8px 0 170px 0;
  font-weight: normal;
}

div.bluebox {
  background-color: var(--lor-color);
  margin-right: 1%;
  min-height: 90px;
  padding: 15px 1%;
  color: white;
  float: left;
  text-align: center;
  font-size: 4em;
  font-weight: bold;
}

div.bluebox div {
  font-size: 0.33em;
  margin-bottom: 25px;
}

div.bluebox.last {
  margin-right: 0;
}

div.items_7,
div.items_5 {
  box-sizing: border-box;
}

div.items_7 div.bluebox {
  width: 11.42%;
}

div.items_5 div.bluebox {
  width: 17.2%;
}

@media (max-width: 1000px) {
  div.bluebox {
    font-size: 3em;
    min-height: 75px;
    padding-top: 12px;
  }

  div.bluebox div {
    margin-bottom: 20px;
  }
}

@media (max-width: 900px) {
  div.bluebox {
    font-size: 2.5em;
    min-height: 65px;
    padding-top: 10px;
  }

  div.bluebox div {
    margin-bottom: 15px;
  }
}

@media (max-width: 750px) {
  div.blulebox {
    padding-top: 5px;
    min-height: 55px;
  }

  div.bluebox div {
    margin-bottom: 10px;
  }

  div.items_7 div.bluebox {
    width: 22.25%;
    margin-bottom: 6px;
  }

  div.items_7 a:nth-child(4) div.bluebox {
    margin-right: 0 !important;
  }
}

@media (max-width: 600px) {
  div.bluebox {
    font-size: 1.9em;
  }

  div.bluebox div {
    font-size: 0.45em;
  }
}

div.bluebox.clickable:hover {
  cursor: pointer;
  background-color: var(--lor-color-dark);
}

div#box_icon {
  overflow: hidden;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  background-color: var(--lor-color);
  color: white;
  margin: 30px auto 25px auto;
  box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 1);
}

div#box_icon p {
  width: 100%;
  text-align: center;
  font-size: 3.5em;
  position: relative;
  top: 0px;
}

div#box_icon p svg.svg-inline--fa {
  padding-top: 0.55em;
}

div#box_icon p a svg.svg-inline--fa {
  padding-top: 0;
}

div#box_icon p a {
  padding-top: 0.55em;
  padding-bottom: 100px;
}

div#box_icon p a i.linkicon,
div#box_icon p a svg.linkicon {
  display: none;
}

div#box_icon p a:link,
div#box_icon p a:visited {
  display: block;
  margin-top: 0;
}

div#box_icon p a:hover {
  background-color: var(--lor-color-dark);
}

div#box_icon p svg.svg-inline--fa-globe {
  font-size: 1.2em;
}

div#box_icon p svg.svg-inline--fa-phone {
  font-size: 1.2em;
}

div#box_icon p svg.svg-inline--fa-info {
  font-size: 1.25em;
}

div#box_icon p svg.svg-inline--fa-plus {
  font-size: 1.25em;
}

div#box_icon p svg.svg-inline--fa-plane {
  font-size: 1.3em;
}

div#box_icon p svg.svg-inline--fa-arrow-circle-right {
  display: none;
}

div#box_icon p b {
  font-size: 0.55em;
  font-weight: 800;
  display: inline-block;
  margin-top: 12px;
  padding-bottom: 50px;
}

div#box_icon p a:link,
div#box_icon p a:visited {
  color: white;
}

div#box_icon p a img {
  display: none;
}

div#box_icon p a:hover {
  text-decoration: none;
}

div#box_icon + h2,
div#box_icon + h3,
div#box_icon + h4 {
  text-align: center;
}

div#box_icon + p {
  margin-top: 35px;
}

div#box_icon img {
  margin-top: -27px;
}

div#box_card {
  border: 1px solid #f8f8f8;
  background-color: #f4f4f4;
  text-align: center;
  padding: 0 8% 8% 8%;
}

div#box_card.alignedLeft li {
  text-align: left;
}

div#box_card div#box_alignLeft li {
  text-align: left;
  padding-left: 27px;
}

div#box_card.blue {
  background-color: var(--lor-color);
  color: white !important;
}

div#box_card.blue a {
  color: white !important;
}

div#box_card h3 {
  margin: 35px 0 20px 0;
}

div#box_card.blue h3 {
  color: white;
}

div#box_card h3 svg.svg-inline--fa {
  display: none;
}

div#box_card h3 i {
  display: none;
}

div.iconcircle {
  float: left;
  width: 76px;
  height: 76px;
  overflow: hidden;
  text-align: center;
  border-radius: 38px;
  color: white;
  background-color: var(--lor-color);
  margin-right: 15px;
  line-height: 2.3em;
  font-size: 1.25em;
}

div.small_button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  width: 43px;
  height: 44px;
  color: var(--lor-color);
  z-index: 1000;
  text-align: center;
  padding-top: 0px;
  overflow: hidden;
  line-height: 0;
}

div.small_button.alert {
  color: white !important;
  background-color: red !important;
}

div.small_button.clickable:hover {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
}

div.small_button i {
  position: relative;
  top: 9px;
  left: 0px;
}

div.small_button svg {
  position: relative;
  top: 12px;
  left: 0px;
}

div.small_button svg.svg-inline--fa-eye {
  left: -1px;
  font-size: 1.15em;
}

div.new_product {
  padding: 1px 4px;
  background-color: red !important;
  color: white !important;
  float: left;
  margin-right: 5px;
  font-size: 0.95em;
}

div#menu_l div.new_product {
  position: relative;
  top: -1px;
}

div#footer div.new_product {
  display: none;
}

div#box_product_picture_series img.picture_series {
  width: 25%;
  border: 1px solid #ccc;
  margin: 0 15px 15px 0;
  padding: 10px;
}

#scratchpad_clipboard {
  color: transparent !important;
  background-color: transparent !important;
  border: none;
  overflow: hidden;
  resize: none;
}

div.search_submit {
  box-sizing: border-box;
  height: 40px;
  margin-bottom: 15px;
}

div.search_submit input {
  float: left;
  width: calc(100% - 306px);
  border: none;
  height: 40px;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 1em;
}

div.search_submit div.search_submit_button {
  box-sizing: border-box;
  float: left;
  width: 250px;
  height: 40px;
  background-color: white;
  color: var(--lor-color);
  margin-left: 8px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 23px;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 10000;
}

div.search_submit div.search_submit_button.start_search {
  position: absolute;
  top: 0;
  right: 64px;
}

div.search_submit div.search_submit_button.clear_search {
  position: absolute;
  top: 0;
  right: 16px;
  text-align: center;
  width: 40px;
  color: red;
}

div.search_submit div.search_submit_button.clear_search i.material-icons {
  position: relative;
  top: 10px;
}

div.search_submit div.search_submit_button.start_search i.material-icons {
  position: absolute;
  top: 10px;
}

div.search_submit
  div.search_submit_button.start_search
  i.material-icons.magnifyingglass {
  left: 10px;
}

div.search_submit
  div.search_submit_button.start_search
  i.material-icons.chevron {
  right: 10px;
  transform: rotate(-90deg);
}

div.search_submit div.search_submit_button.start_search ul {
  padding: 0;
  margin: 40px 0 0 0;
  list-style: none;
}

div.search_submit div.search_submit_button.start_search ul li {
  width: 202px;
  padding: 10px 10px 10px 38px;
  margin: 0;
  list-style: none;
  font-size: 0.6em !important;
  border-bottom: 1px solid var(--lor-color);
}

div.search_submit div.search_submit_button.start_search ul li:last-child {
  border-bottom: none;
}

div.search_submit div.search_submit_button.start_search ul li.active {
  position: absolute;
  top: 0px;
  left: 0;
  color: var(--lor-color) !important;
  background-color: white !important;
}

div.search_submit
  div.search_submit_button.start_search
  ul
  li:not(.active):hover {
  color: var(--lor-color) !important;
  background-color: white !important;
}

div.search_submit div.search_submit_button.start_search:hover {
  overflow: visible;
  height: auto;
}

div.search_submit div.search_submit_button.start_search:hover {
  background-color: var(--lor-color-dark);
}

div.search_submit div.search_submit_button.clear_search:hover {
  background-color: var(--lor-color-dark);
  color: white;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account,
div#menu_hor ul li.mh_class.partnernet_logout,
div#menu_hor ul li.mh_class.partnernet_account,
div#menu_hor ul li.mh_class.partnernet_urlshortener,
div#menu_hor ul li.mh_class.partnernet_search {
  float: right;
}

div#partnernet div#menu_hor ul li.mh_class.partnernet_logout {
  margin-right: 1%;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account {
  display: none;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account {
  background-color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account:hover {
  background-color: white !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account a:hover {
  background-color: transparent !important;
  color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched {
  background-color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched:hover {
  background-color: white !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched a:hover {
  background-color: transparent !important;
  color: red !important;
}

div#menu_hor
  ul
  li.mh_class.partnernet_return_to_your_own_account.account_switched {
  display: block;
}

ul.popup_submenu li span {
  display: inline-block;
  margin-left: 5px;
}

div.date_picker_container div.date_picker_row {
  clear: both;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 7px;
}

div.date_picker_row:after {
  content: "";
  display: block;
  clear: both;
}

div.date_picker_row:first-child div.date_picker_cell {
  font-weight: bold;
  color: var(--lor-color-dark) !important;
}

div.date_picker_cell {
  text-align: center;
  float: left;
  padding: 8px;
  box-sizing: border-box;
  margin-right: 1%;
  width: 13.428571%;
  background-color: white;
  color: var(--lor-color);
  height: 36px !important;
  overflow: hidden;
}

div.date_picker_cell i.loricons {
  position: relative;
  top: -2px;
}

div.date_picker_cell.date_picker_doublecell {
  width: 27.857142%;
}

div.date_picker_cell:last-child {
  margin-right: 0;
}

div.date_picker_row:first-child div.date_picker_cell.date_picker_click:hover,
div.date_picker_cell.date_picker_click:hover {
  cursor: pointer;
  color: white !important;
  background-color: var(--lor-color-dark) !important;
  font-weight: bold;
}

div.date_picker_day_of_the_week {
  color: white;
  background-color: var(--lor-color-dark);
  font-weight: bold;
}

div.date_picker_disabled {
  background-color: rgb(0, 155, 226);
}

div.date_picker_outside_range {
  background-color: rgb(0, 155, 226);
  color: var(--lor-color);
  font-weight: normal;
}

div.date_picker_sunday {
  background-color: #eee;
  color: var(--lor-color-dark);
}

div.date_picker_today {
  background-color: green;
  color: white;
  font-weight: bold;
}

div.date_picker_rangeSpot,
div.date_picker_picked {
  background-color: red;
  color: white;
  font-weight: bold;
}

div.date_picker_withinRange {
  background-color: #ff9090 !important;
  color: white !important;
  font-weight: normal;
}

div.date_picker_withinRange.date_picker_withinRangeAlt.date_picker_outside_range {
  background-color: #cc7070 !important;
  color: white !important;
  font-weight: normal;
}

div.date_picker_outside_range {
  background-color: rgb(0, 175, 246);
  color: var(--lor-color);
  font-weight: normal;
}

div.nav_header {
  box-sizing: border-box;
  width: 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  padding: 63px 10px 10px 10px;
  position: fixed;
  z-index: 199;
  left: 0;
  top: 57px;
  transition: top 0.4s, padding 0.4s, height 0.4s;
  background-color: white;
  height: 113px;
}

div#customernet div.nav_header {
  top: 0;
}

div.nav_header h1 {
  z-index: 198;
  position: absolute;
  top: 50px;
  left: 15px;
  color: #666;
  width: auto;
  display: inline-block;
  letter-spacing: -1px;
  transition: top 0.4s;
}

div.nav_header h1 svg {
  color: var(--lor-color);
  margin-right: 8px;
}

div.nav_header h1 a:hover {
  text-decoration: none;
}

div.nav_header div.subnav {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 100%;
}

div.nav_header div.subnav ul {
  z-index: 199;
  margin: 0;
  padding: 0;
  width: auto;
  float: right;
}

div.nav_header div.subnav ul li {
  display: inline-block;
  margin-left: 0;
  position: relative;
  vertical-align: text-bottom;
}

div.nav_header div.subnav ul li div.loronly {
  position: relative;
  top: -1px;
}

div.nav_header div.subnav ul li a {
  background-color: var(--lor-color);
  padding: 8px 10px;
  color: white;
  transition: background-color 0.4s;
}

div.nav_header div.subnav ul li[data-navitem-key="separator"] a {
  border-left: 1px solid var(--lor-color);
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
}

div.nav_header div.subnav ul li a div.loronly {
  background-color: white;
  color: rgb(0, 130, 206);
  margin-right: 0;
}

div.nav_header div.subnav ul li.selected a,
div.nav_header div.subnav ul li a:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: var(--lor-color-dark);
  color: white !important;
}

div.nav_header div.subnav ul li a i.icon {
  margin-right: 8px;
  position: relative;
}

div.nav_header div.subnav ul li a i.icon.notext {
  margin-right: 0;
}

div.nav_header div.subnav ul li a i.icon.fa-question-circle {
  top: -1px;
}

div.nav_header div.subnav ul li.hidden,
div.nav_header div.subnav ul li.reduced {
  display: none;
}

div.nav_header h1 span.subtitle {
  display: inline-block;
  font-size: 0.85em;
  font-weight: normal;
}

div.nav_header h1 span.subtitle svg {
  margin-left: 8px;
  font-weight: normal;
  font-weight: 0.9em;
}

div#partnernet.sticky-reduced div.nav_header {
  top: 10px;
  height: 55px;
}

div#partnernet.sticky-reduced div.nav_header h1 {
  top: 14px;
}

div#partnernet.sticky-reduced div.nav_header ul {
  top: -40px;
}

div.nav_header ul.items svg {
  margin-right: 6px;
}

div.nav_header ul.items li.navswitch_expand svg {
  margin-right: 0;
}

div#partnernet.sticky-reduced div.nav_header ul.items {
  top: -44px;
}

div#partnernet.sticky-reduced div.nav_header ul.reduced_items {
  top: 31px;
}

@media (max-width: 800px) {
  div#nav {
    width: 100% !important;
  }

  div.nav_header {
    top: 0 !important;
  }

  div#partnernet.sticky-reduced div.nav_header {
    top: 20px !important;
  }

  div.nav_header.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 110% !important;
    height: auto !important;
    margin-left: 0 !important;
    overflow-y: scroll !important;
    z-index: 255;
    background-color: transparent !important;
  }

  div#partnernet.sticky-reduced div.nav_header.opened {
    top: 0px !important;
  }

  div#partnernet.sticky-reduced div.nav_header.opened ul {
    top: 0px !important;
  }

  div.nav_header div.subnav ul {
    position: absolute;
    right: 0;
    top: -31px;
    transition: top 0.4s;
    width: 100%;
  }

  div.nav_header.opened div.subnav {
    top: 0 !important;
    bottom: auto;
  }

  div.nav_header.opened div.subnav ul {
    margin-top: 1px;
  }

  div.nav_header div.subnav ul.items {
    display: none;
    top: -66px;
  }

  div.nav_header div.subnav ul.items {
    max-width: 350px;
    width: 100%;
    overflow: hidden;
  }

  div.nav_header div.subnav ul.items li {
    margin: 0;
    clear: both;
    width: 100%;
    float: none;
  }

  div.nav_header div.subnav ul.items li a {
    padding: 18px 12px;
    display: block;
    width: 100%;
    border-bottom: 1px solid white;
  }

  div.nav_header div.subnav ul li a div.loronly {
    float: right;
    margin-right: 21px;
    position: relative;
    top: -2px;
  }

  div.nav_header div.subnav ul.items li a i {
    min-width: 25px;
  }

  div.nav_header div.subnav ul li.reduced {
    display: block;
  }

  div.nav_header div.subnav ul li.navswitch {
    float: right;
  }

  div.nav_header div.subnav ul li.navswitch_expand {
    display: none;
  }

  div.nav_header div.subnav ul.reduced_items {
    display: none;
  }

  div.nav_header.opened div.subnav ul.items {
    position: relative;
    max-width: 100%;
    top: 0;
  }

  div#menu_hor.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 110% !important;
    height: auto !important;
    margin-left: 0 !important;
    overflow-y: scroll !important;
  }

  div#menu_hor ul li.mh_class.partnernet_home a:link,
  div#menu_hor ul li.mh_class.partnernet_home a:visited {
    padding: 18px 12px !important;
  }

  div#menu_hor ul li ul li a:link,
  div#menu_hor ul li ul li a:visited {
    padding: 18px 12px !important;
  }

  div.nav_header div.subnav ul li[data-navitem-key="separator"] {
    display: none;
  }
}

@media (min-width: 801px) {
  div.nav_header div.subnav li.navswitch {
    display: none;
  }
}

div.nav_header div.subnav ul li.navswitch_expand svg {
  transform: rotate(0deg);
  transition: transform 0.4s;
}

div.nav_header div.subnav ul li.navswitch_expand span.awfClass.rotated svg {
  transform: rotate(180deg);
}

div.nav_header div.subnav ul.reduced_items {
  position: absolute;
  right: 24px;
  top: 30px;
  transition: top 0.4s;
}

div.nav_header div.subnav ul.reduced_items {
  max-width: 350px;
  width: 100%;
}

div.nav_header div.subnav ul.reduced_items li {
  margin: 0;
  clear: both;
  width: 100%;
  float: none;
}

div.nav_header div.subnav ul.reduced_items li a {
  padding: 10px 12px;
  display: block;
  width: 100%;
  border-bottom: 1px solid white;
}

div.nav_header div.subnav ul.reduced_items li a div.loronly {
  float: right;
  margin-right: 21px;
  position: relative;
  top: -2px;
}

div.nav_header div.subnav ul.reduced_items li a svg {
  min-width: 25px;
}

div.nav_header div.subnav ul.reduced_items li.reduced {
  display: block;
}

div.bubble {
  background-color: red !important;
  color: white !important;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  overflow: hidden;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -5px;
  margin-left: 5px;
  line-height: 1.2em;
  font-size: 1.05em;
}

div.bubble:hover {
  background-color: darkred;
}

div#box_kbtable table {
  margin: 30px 0 50px 0;
  width: 100%;
}

div#box_kbtable table td {
  padding: 12px 8px;
  border-bottom: 1px solid #ccc;
}

div#box_kbtable table tr:first-child td {
  font-weight: bold;
  color: #444;
  border-bottom: 2px solid #999;
}

div#box_kbtable table tr:last-child td {
  border-bottom: 2px solid #999;
}

div.popup_inner ul.popup_checkboxes {
  list-style: none;
  position: relative;
  margin: auto 0;
  padding-left: 25px;
}

div.popup_inner ul.popup_checkboxes li {
  margin: 5px auto;
}

div.popup_inner ul.popup_checkboxes li input {
  position: absolute;
  left: 0;
  cursor: pointer;
}

div.tab_container {
  margin-top: 10px;
}

div.tab_container div.tabs {
  z-index: 99;
  position: relative;
}

div.mainContent div.tab_container div.tabs {
  z-index: 101;
  height: 59px;
  background-color: #f0f0f0;
  padding: 10px 10px 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

div.tab_container div.tabs div {
  position: relative;
  top: 5px;
  float: left;
  padding: 10px 10px 15px 10px;
  background-color: #f0f0f0;
  color: var(--lor-color);
  margin-right: 5px;
  margin-bottom: 5px;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
  padding-top: 8px;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  height: 40px;
  overflow: hidden;
  transition: all 0.3s;
}

div.tab_container div.tabs div {
  background-color: #bbb;
  color: white;
}

div.mainContent div.tab_container div.tabs div {
  background-color: var(--lor-color);
  color: white;
  top: 12px;
}

div.tab_container div.tabs div svg {
  margin-right:6px;
}

div.tab_container div.tabs div[data-tab-qty="0"] {
  visibility: hidden;
}

div.tab_container div.tabs div:not([data-tab-qty="0"]) {
  visibility: visible;
}

div.tab_container div.tabs div[data-tab-qty="0"] {
  display: none;
}

div.tab_container div.tabs div.withBubble {
  padding-right: 20px;
}

div.tab_container div.tabs div.tabBubble {
  box-sizing: border-box;
  text-align: center;
  display: inline;
  position: absolute !important;
  top: -8px !important;
  right: -9px !important;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 20px !important;
  background-color: red !important;
  color: white !important;
  line-height: 2.1em;
  font-size: 0.82em;
  padding: 0 !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

div.tab_container div.tabs div:hover div.tabBubble {
  background-color: darkred !important;
}

div.tab_container div.tabs div svg.svg-inline--fa {
  font-size: 1.4em;
  position: relative;
  top: 1px;
}

div.tab_container div.tabs div:hover {
  cursor: pointer;
  color: white;
  background-color: var(--lor-color);
}

div.mainContent div.tab_container div.tabs div:hover {
  color: white;
  background-color: var(--lor-color-dark);
}

div.mainContent div.tab_container div.tabs div:hover {
  background-color: var(--lor-color-dark);
}

div.tab_container div.tabs {
  box-sizing: border-box;
  height: 52px;
  overflow: hidden;
  padding: 10px 10px 0 5px;
  border-bottom: 2px solid #ccc;
}

div.popup_outer div.tab_container div.tabs {
  border-bottom: none;
  padding-top: 0;
}

div.popup_outer div.mainContent div.tab_container div.tabs {
  padding-top: 10px;
}

div.tab_container div.tabs div[tab-selected="1"],
div.mainContent div.tab_container div.tabs div[tab-selected="1"],
div.tab_container div.tabs div[tab-selected="1"]:hover,
div.mainContent div.tab_container div.tabs div[tab-selected="1"]:hover {
  background-color: white;
  padding-bottom: 20px;
  z-index: 1000;
  color: var(--lor-color);
  box-shadow: none;
  top: 0;
  padding-top: 10px;
  height: 45px;
}

div.tab_container div.tabs div[tab-selected="1"],
div.tab_container div.tabs div[tab-selected="1"]:hover {
  background-color: var(--lor-color-dark);
  color: white;
  top: 0 !important;
}

div#box_buttons_frame div.tab_container div.tabs div[tab-selected="1"],
div#box_buttons_frame div.tab_container div.tabs div[tab-selected="1"]:hover {
  color: var(--lor-color-dark);
  background-color: white;
}

div.popup_outer div.tab_container div.tabs div[tab-selected="1"],
div.popup_outer div.tab_container div.tabs div[tab-selected="1"]:hover {
  background-color: white;
  color: #666;
  top: 0 !important;
}

div.popup_outer div.tab_container div.tabs div[tab-selected="1"],
div.popup_outer div.tab_container div.tabs div[tab-selected="1"]:hover {
  background-color: white;
  color: var(--lor-color-dark);
  top: 0 !important;
}

div.popup_outer
  div.mainContent
  div.tab_container
  div.tabs
  div[tab-selected="1"],
div.popup_outer
  div.mainContent
  div.tab_container
  div.tabs
  div[tab-selected="1"]:hover {
  top: 5px !important;
}

div.tab_container div.tabs div i {
  margin-right: 8px;
}

div.tab_container div.tab_boxes {
  clear: both;
  z-index: 100;
  background-color: white;
  position: relative;
}

div.popuptable div.tab_container div.tab_boxes {
  position: absolute;
  top: 40px;
  left: 0;
  bottom: 0;
  right: 0;
}

div.popuptable div.mainContent div.tab_container div.tab_boxes {
  top: 60px;
}

div#box_buttons_frame div.tab_container div.tab_boxes {
  border: 1px solid white;
}

div.tab_container div.tab_box {
  padding: 15px;
  width: 100%;
  position: relative;
  margin-top: 5px;
  box-sizing: border-box;
}

div.tab_container div.tab_box div.ajaxtable,
div.tab_container div.tab_box div.ajaxtable div.ajaxtable-header.footer {
  margin-bottom: 0;
  padding-bottom: 0;
  border-top: 0;
}

div.popuptable ul.buttonList {
  margin: 20px 0 20px 0 !important;
}

div.popuptable ul.buttonList li.button {
  background-color: white;
  color: inherit;
  padding: 10px;
  margin: 0 4px 4px 0;
  display: inline-block;
  border-radius: 2px;
}

div.popuptable div.tab_container {
  margin-top: 0;
}

div.popuptable div.tab_container {
  padding: 6px 10px 10px 0;
  background-color: #f0f0f0;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
}

div.popuptable div.tab_container div.tab_box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: auto;
  overflow-y: scroll;
  background-color: white;
}

div.popuptable div.tab_container div.tab_boxes {
  top: 50px;
  border-left: 5px solid #f0f0f0;
  border-right: 5px solid #f0f0f0;
  border-bottom: 5px solid #f0f0f0;
}

div.popuptable div.popup_submenu div.tab_container div.tab_boxes {
  top: 66px;
  margin: 0 15px 15px 15px;
}

div.popuptable div.mainContent div.tab_container div.tab_boxes {
  top: 59px;
  border: none;
  margin: 0;
}

div.popuptable div.tab_container div.tab_box div.ajaxtable {
  margin-top: 0;
  position: absolute;
  top: 10px;
  left: 15px;
  right: 15px;
  bottom: 20px;
  width: auto;
}

div.popuptable
  div.tab_container
  div.tab_box
  div.ajaxtable
  div.ajaxtable-header.footer {
  padding-bottom: 12px;
}

div.popuptable div.xxx div.tab_container div.tab_box {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  top: 55px;
  width: auto;
  overflow-y: scroll;
}

div.tab_container div.tab_box h2,
div.tab_container div.tab_box h3,
div.tab_container div.tab_box h4 {
  margin: 30px 0 25px 0;
}

div.tab_container div.tab_box h2 i,
div.tab_container div.tab_box h3 i,
div.tab_container div.tab_box h4 i {
  color: var(--lor-color);
  margin-right: 8px;
}

span.fakeButton {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  display: inline-block;
  padding: 2px 7px;
  margin: auto 5px;
  border-radius: 5px;
  background-color: #f8f8f8;
  font-size: 0.95em;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}

svg.svg-inline--faSpinner {
  transition: opacity 0.5s !important;
}

div.tab_bubble {
  visibility: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  height: 20px;
  color: white !important;
  font-size: 1em;
  border-radius: 8px;
  background-color: red;
  text-align: center;
  padding: 2px 10px 0 10px;
  width: auto;
  line-height: 1.5em;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  margin-left: 2px;
}

div.tab_bubble.noDisplay {
  display: none;
}

div.tab_bubble.SNchanged {
  visibility: visible;
}

span.commentable {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

span.commentable.hidden {
  visibility: hidden;
}

span.commentable div.tab_bubble {
  position: relative;
  float: right;
  left: 0;
  top: 1px;
  width: auto;
  font-size: 0.9em;
  background-color: var(--lor-color) !important;
  color: white !important;
  height: 20px;
  min-width: 10px;
  text-align: center !important;
  overflow: hidden;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 1.8em;
  margin-left: 3px;
  text-align: center !important;
}

span.commentable div.tab_bubble svg.svg-inline--fa {
  font-size: 12px;
}

span.commentable div.tab_bubble svg.svg-inline--fa.fa-plus {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 12px;
}

table.ajaxtable td a:link span div.tab_bubble i,
div#maincontainer table.ajaxtable td a:visited span div.tab_bubble i,
div#maincontainer table.ajaxtable td span div.tab_bubble i,
table.ajaxtable td a:link span div.tab_bubble i,
table.ajaxtable td a:visited span div.tab_bubble i,
table.ajaxtable td span div.tab_bubble i {
  color: white !important;
}

span.commentable div.tab_bubble.notEmpty {
  visibility: visible;
}

span.commentable div.tab_bubble.clickable:hover {
  cursor: pointer;
  background-color: var(--lor-color-dark) !important;
}

span.commentable div.tab_bubble.red {
  background-color: red !important;
}

span.commentable div.tab_bubble.clickable.red:hover {
  background-color: darkred !important;
}

span.commentable div.tab_bubble i {
  font-size: 0.85em;
}

span.commentable div.tab_bubble i.withContent {
  margin-left: 5px;
}

span.commentable div.tab_bubble i:hover {
  color: white !important;
}

span.commentable:hover div.tab_bubble {
  visibility: visible;
}

div.fileMgmtExcelPreview table.standard_table {
  table-layout: fixed !important;
}

div.fileMgmtExcelPreview table.standard_table tr td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: auto !important;
}

div.fileMgmtExcelPreview table.standard_table tr.hasinvalidElements td {
  background-color: #fcc !important;
}

div.fileMgmtExcelPreview table.standard_table tr.hasinvalidElements td.red {
  background-color: #faa !important;
}

table.invitationTable td {
  width: 50% !important;
}

table.invitationTable td:nth-child(0) {
  width: 50px !important;
}

table.invitationTable tr.dontInvite td {
  background-color: #fbfbfb;
  color: #bbb;
}

table.ajaxtable a.link svg.svg-inline--fa {
  font-size: 1.8em;
}

div.ajaxtable_bubble {
  position: absolute;
  top: -10px;
  display: inline-block;
  color: white !important;
  border-radius: 8px;
  background-color: red;
  text-align: center;
  overflow: visible;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  font-size: 0.85em;
  line-height: 2em;
  padding: 0 4px;
}

div.ajaxtable_bubble svg.svg-inline--fa {
  font-size: 1em;
  margin-right: 3px;
  position: relative;
  top: -1px;
}

span.decSeparator {
  display: inline-block !important;
  width: 0.3em !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
}

span.decSeparator.comma:after {
  content: ",";
  font-size: 1em;
}

span.decSeparator.dashed {
  margin: 0 5px !important;
  width: auto !important;
}

span.decSeparator.dashed:after {
  content: "\2013";
  font-size: 1em;
}

i.APMbutton {
  cursor: pointer;
}

i.userAdminIcon {
  left: 0;
  top: 2px !important;
}

i.userAdminIcon.red {
  color: red;
}

i.userAdminIcon.green {
  color: green;
}

div.docMgmtSearch input {
  height: 50px;
  min-width: 50px;
  overflow: hidden;
  font-size: 1.5em;
  box-sizing: border-box;
}

div.docMgmtSearch input.docMgmtSearchTerm {
  width: calc(100% - 60px);
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 10px;
  color: #666;
}

div.docMgmtSearch div.docMgmtSearchSubmit {
  display: inline-block;
  height: 50px;
  min-width: 50px;
  overflow: hidden;
  font-size: 1.5em;
  box-sizing: border-box;
  width: 50px;
  border: none;
  background-color: var(--lor-color);
  color: white;
  line-height: 2.5em;
  text-align: center;
  margin-top: 10px;
  position: relative;
  top: 17px;
}

div.docMgmtSearch div.docMgmtSearchSubmit:hover {
  background-color: var(--lor-color-dark);
  cursor: pointer;
}

div.docMgmtSearch div.docMgmtSearchResults {
  margin-top: 20px;
}

input.copyStringToClipboard {
  position: absolute;
  top: 0;
  left: -10000px;
}

div.RMcontainer {
  padding: 10px 0 8px 0;
}

table div.RMcontainer {
  padding: 2px 0 0 0;
}

div.RMcontainer div.RMbit {
  float: left;
  margin-right: 3px;
  margin-bottom: 2px;
  background-color: var(--lor-color);
  color: white;
  padding: 5px 8px 6px 8px;
  border-radius: 2px;
}

div.RMcontainer div.RMbit.cascaded {
  background-color: rgba(0, 135, 206, 0.66);
}

span.superScript {
  font-size: 0.8em;
  position: relative;
  top: -4px;
}

span.superScriptDegree {
  font-size: 0.9em;
  position: relative;
  top: -5px;
}

.dataChangeButton span.awfClass {
  position: relative;
  color: #bbb;
  font-size: 19px !important;
}

div.ajaxtable .dataChangeButton.hasLabel span.buttonLabel {
  position: relative;
  top: 4px;
}

.dataChangeButton span.awfClass + span.buttonLabel {
  margin-left: 8px;
}

table p > .dataChangeButton {
  float: right;
}

div.ajaxtable .dataChangeButton span.awfClass {
  color: #f4f4f4;
}

div.ajaxtable .dataChangeButton.hasLabel span.awfClass {
  color: #e0e0e0;
}

div.ajaxtable tr:hover td .dataChangeButton span.awfClass {
  color: var(--lor-color);
}

div.ajaxtable tr:hover td .dataChangeButton:hover span.awfClass {
  color: var(--lor-color-dark);
  cursor: pointer;
}

div.dataChangeButton {
  padding: 10px 13px;
  position: relative;
  top: 0;
  color: var(--lor-color-dark);
  background-color: #fcfcfc;
  font-weight: normal;
  font-size: 14px;
  margin: 2px 4px 2px 0;
  line-height: 2.2em;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
}

div.ajaxtable div.dataChangeButton {
  float: none;
}

div.dataChangeButton.left {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 4px !important;
}

div.customerNET_landingDIV h3 div.dataChangeButton {
  background-color: #f8f8f8;
}

div.customerNET_landingDIV h3 div.dataChangeButton:hover {
  background-color: var(--lor-color);
}

div.dataChangeButton:hover span.awfClass {
  color: white;
}

div.dataChangeButton span {
  display: inline-block;
}

div.dataChangeButton svg + span,
div.dataChangeButton span.awfClass + span {
  margin-left: 8px;
}

div.ajaxtable table.ajaxtable td div.dataChangeButton,
table.standard_table td .dataChangeButton {
  background-color: #fafafa !important;
  line-height: 10px;
  padding: 6px;
  position: relative;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}

div.ajaxtable table.ajaxtable tr:hover td div.dataChangeButton {
  background-color: white !important;
}

div.ajaxtable table.ajaxtable tr:hover td div.dataChangeButton:hover {
  background-color: var(--lor-color) !important;
  color: white !important;
}

div.ajaxtable table.ajaxtable td.hasButton div.dataChangeButton,
div.ajaxtable table.ajaxtable td.ajaxtable_apmrights div.dataChangeButton,
div.ajaxtable table.ajaxtable td.ajaxtable_partnerlevel div.dataChangeButton,
table.standard_table td .dataChangeButton {
  padding: 5px;
  background-color: transparent !important;
  display: inline-block;
  vertical-align: middle;
}

table.standard_table tr td .dataChangeButton {
  top: calc(50% - 20px);
  right: 10px;
  color: #f4f4f4;
}

table.standard_table tr:hover td .dataChangeButton {
  color: var(--lor-color);
}

table.standard_table tr td .dataChangeButton:hover {
  color: var(--lor-color-dark);
  cursor: pointer;
}

div.ajaxtable table.ajaxtable td.ajaxtable_apmrights div.dataChangeButton,
div.ajaxtable table.ajaxtable td.ajaxtable_partnerlevel div.dataChangeButton {
  left: 0px;
}

div.ajaxtable
  table.ajaxtable
  tr:hover
  td.ajaxtable_apmrights
  div.dataChangeButton:hover,
div.ajaxtable
  table.ajaxtable
  tr:hover
  td.ajaxtable_partnerlevel
  div.dataChangeButton:hover {
  color: var(--lor-color-dark);
}

div.ajaxtable table.ajaxtable td.hasButton div.dataChangeButton span.awfClass {
  color: #f4f4f4;
  right: 5px;
}

div.ajaxtable
  table.ajaxtable
  td.hasButton
  div.dataChangeButton.hasNoLabel
  span.awfClass {
  right: 0;
}

div.ajaxtable
  table.ajaxtable
  td.hasButton.noContent
  div.dataChangeButton.hasNoLabel
  span.awfClass {
  right: 5px;
}

div.ajaxtable
  table.ajaxtable
  td.hasButton:hover
  div.dataChangeButton
  span.awfClass {
  color: var(--lor-color);
}

div.ajaxtable
  table.ajaxtable
  td.hasButton:hover
  div.dataChangeButton:hover
  span.awfClass {
  color: var(--lor-color-dark) !important;
}

div.dataChangeButton i {
  margin-right: 10px;
  font-size: 1.6em;
  top: 2px;
  position: relative;
  color: var(--lor-color);
}

div.ajaxtable table.ajaxtable div.dataChangeButton i {
  color: #ddd;
}

div.ajaxtable table.ajaxtable tr:hover td div.dataChangeButton {
  background-color: white;
}

div.ajaxtable table.ajaxtable tr:hover td.hasButton div.dataChangeButton {
  background-color: transparent !important;
}

div.ajaxtable table.ajaxtable tr:hover td div.dataChangeButton span.awfClass {
  color: var(--lor-color) !important;
}

div.ajaxtable
  table.ajaxtable
  tr:hover
  td:hover
  div.dataChangeButton:hover
  span.awfClass {
  color: var(--lor-color-dark) !important;
}

div.ajaxtable
  table.ajaxtable
  tr:hover
  td:hover
  div.dataChangeButton.hasLabel
  span.awfClass,
div.ajaxtable
  table.ajaxtable
  tr:hover
  td:hover
  div.dataChangeButton.hasNoLabel
  span.awfClass {
  color: white !important;
}

div.ajaxtable
  table.ajaxtable
  tr:hover
  td:hover
  div.dataChangeButton.hasLabel
  span.awfClass:hover,
div.ajaxtable
  table.ajaxtable
  tr:hover
  td:hover
  div.dataChangeButton.hasNoLabel
  span.awfClass:hover {
  color: var(--lor-color-dark) !important;
}

div.ajaxtable
  table.ajaxtable
  tr:hover
  td.hasButton:hover
  div.dataChangeButton
  span.awfClass {
  color: var(--lor-color) !important;
}

div.dataChangeButton:hover {
  background-color: var(--lor-color);
  color: white;
  cursor: pointer;
}

div.dataChangeButton:hover i {
  color: white;
}

div.ajaxtable table.ajaxtable tr td:hover div.dataChangeButton:hover i {
  color: white;
}

div.ajaxtable
  table.ajaxtable
  tr
  td.hasButton:hover
  div.dataChangeButton:hover
  i {
  color: var(--lor-color-dark);
}

h2.titleWithButton,
h3.titleWithButton {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

h2.titleWithButton i,
h3.titleWithButton i {
  margin-right: 10px;
}

h2.customerNET_landing,
h3.customerNET_landing {
  margin-bottom: 0;
}

h2.customerNET_landing > span,
h3.customerNET_landing > span {
  display: inline-block;
  background-color: #f8f8f8;
  padding: 10px 15px 13px 15px;
  color: var(--lor-color);
  border-radius: 0 15px 0 0;
}

h2.customerNET_landing > span {
  background-color: #fcfcfc;
}

h2.customerNET_landing span i,
h3.customerNET_landing span i {
  margin-right: 10px;
  font-size: 1.3em;
}

div.customerNET_landingDIV {
  background-color: #f8f8f8;
  padding: 0 10px;
  margin-bottom: 10px;
}

div.customerNET_landingDIV.h2 {
  background-color: #fcfcfc;
  padding-top: 10px;
}

div.customerNET_landingDIV.h2 table.pmm_partnerrelations {
  margin-top: 0px !important;
  background-color: transparent;
}

div.customerNET_landingDIV.h2 table.pmm_partnerrelations td.partner {
  border-left: 5px solid #fcfcfc;
}

div.customerNET_landingDIV.h2 table.pmm_partnerrelations td.pmanager.customer {
  background-color: #fcfcfc;
  border-left: 5px solid #fcfcfc;
}

div.customerNET_landingDIV.h2 h3 {
  margin-top: 10px !important;
}

div.customerNET_landingDIV div.ajaxtable {
  margin-bottom: 10px;
}

div.pat_mgmt_div_container {
  position: relative;
}

div.customerNET_landingDIV div.pat_mgmt_div_container {
  position: relative;
  padding: 10px 0 0 0;
  margin: 0;
}

div.customerNET_landingDIV div.pat_mgmt_div_container div.tab_container {
  padding-bottom: 10px;
}

div.customerNET_landingDIV
  div.pat_mgmt_div_container
  div.tab_container
  div.tab_box {
  border: none;
  border: 1px solid #eee;
  padding: 0 10px;
  background-color: #fcfcfc;
}

div.customerNET_landingDIV div.ajaxtable input.ajaxtable_search_input {
  background-color: white;
}

div.customerNET_landingDIV:last-child {
  margin-bottom: 15px;
}

div.pat_mgmt_div_container 
  div.tabs
  div:not(.pat_credit_request_counter):not(.pat_credit_request) {
  position: relative;
  overflow: visible;
}

div.pat_mgmt_div_container[data-organisations="1"]
  div.tabs
  div:not(.pat_credit_request_counter):not(.pat_credit_request) {
  top: 0;
}

div.pat_credit_request,
div.pat_credit_request_counter {
  float: right !important;
  border-right: 0 !important;
  margin-left: 4px;
  margin-right: 0 !important;
  padding: 18px 20px !important;
  font-weight: bold;
  color: white !important;
  background-color: var(--lor-color) !important;
}

div.pat_credit_request_counter {
  cursor: auto !important;
}

div.pat_credit_request:hover {
  background-color: var(--lor-color-dark) !important;
}

div#customernet {
  box-sizing: border-box;
}

div#customernet h1 {
  margin-top: 0;
  margin-bottom: 10px !important;
}

div#customernet div#menu_hor {
  display: none;
}

div#customernet div#logobanner {
  height: 90px;
}

div#customernet div#main {
  width: calc(100% - 50px) !important;
  margin-left: 25px !important;
}

div#customernet h2,
div#customernet h3 {
  margin-top: 25px;
}

div#customernet table.pmm_partnerrelations {
  margin-top: 20px;
}

@media (max-width: 900px) {
  div.dataChangeButton span {
    display: none;
  }

  div#customernet div#main {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
  }

  div#customernet div#menu_hor {
    padding-left: 10px;
  }
}

div#box_registrationForm {
  width: calc(100% - 50px);
  margin-left: 25px;
}

div#pNetRegistrationForm {
  width: calc(100% - 50px);
  margin-left: 25px;
}

div.colourCoding {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  padding: 0 !important;
  border-radius: 2px;
  margin-right: 8px !important;
  vertical-align: bottom;
  display: inline-block;
}

div.colourCoding i,
div.colourCoding svg {
  position: absolute;
  left: 1px !important;
  top: 1px !important;
  font-size: 13px !important;
  color: white !important;
}

table.ajaxtable td div.colourCoding i,
table.ajaxtable td div.colourCoding svg {
  position: absolute;
  top: -9px !important;
  left: 0 !important;
  font-size: 12px !important;
  color: white !important;
}

div#box_buttons_menu div.colourCoding {
  position: relative;
  top: -12px;
  left: 0;
}

div#box_buttons_menu div.colourCoding i.schemeIsGlobal {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 14px !important;
  color: white;
}

div.popup_inner div#box_buttons_menu ul li a:hover i.schemeIsGlobal {
  color: white;
}

div.colourCoding.groupColour0 {
  background-color: var(--lor-color) !important;
}

div.colourCoding.groupColour1 {
  background-color: red !important;
}

div.colourCoding.groupColour2 {
  background-color: yellowgreen !important;
}

div.colourCoding.groupColour3 {
  background-color: magenta !important;
}

div.colourCoding.groupColour4 {
  background-color: orange !important;
}

div.colourCoding.groupColour5 {
  background-color: blue !important;
}

div.colourCoding.groupColour6 {
  background-color: olive !important;
}

div.colourCoding.groupColour7 {
  background-color: mediumpurple !important;
}

div.commercialScheme,
div.dispensingGroup,
div.mobileMoneyProfile {
  min-width: 35px;
  background-color: #f4f4f4;
  color: #555;
  padding: 0 6px 0 32px;
  text-align: center;
  white-space: nowrap !important;
  font-size: 0.99em;
  font-weight: normal;
  margin: 4px 5px 4px 0;
  position: relative;
  min-height: 30px;
  border-radius: 3px;
  line-height: 2.5em;
  display: inline-block;
  width: min-content;
  text-decoration: none !important;
}

div.dispensingGroup {
  padding-right: 30px;
}

div.mobileMoneyProfile {
  padding-left: 6px;
}

div.commercialScheme div.colourCoding,
div.dispensingGroup div.colourCoding {
  position: absolute !important;
  left: 7px;
  top: 7px;
}

div.dispensingGroup div.deleteDispensingGroup {
  position: absolute !important;
  top: 8px;
  right: 7px;
  min-height: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  width: 15px !important;
  text-align: center;
  overflow: hidden;
  background-color: red !important;
  color: white !important;
  line-height: 23px !important;
  padding: 0 !important;
}

tr:hover div.commercialScheme,
tr:hover div.dispensingGroup,
tr:hover div.mobileMoneyProfile {
  background-color: white !important;
}

div.deleteDispensingGroup {
  padding-left: 0 !important;
}

div.deleteDispensingGroup i.material-icons {
  font-size: 14px !important;
}

tr:hover div.deleteDispensingGroup:hover {
  background-color: white !important;
  color: red !important;
}

tr:hover div.commercialScheme:not(.notactive):hover,
tr:hover div.dispensingGroup:hover,
tr:hover div.mobileMoneyProfile:hover {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
  cursor: pointer;
  text-decoration: underline;
}

svg.dispensingGroupEdit {
  position: absolute;
  right: 15px;
  display: none;
}

svg.dispensingGroupEdit:hover {
  cursor: pointer;
}

div.JSFormLine.checkboxes
  div.JSFormInput.dispensingGroupsSelect
  li.colourCheckboxes {
  width: min-content !important;
  margin: 0 3px 3px 0 !important;
  display: inline-block !important;
  padding-right: 40px !important;
}

div.JSFormLine.checkboxes
  div.JSFormInput.dispensingGroupsSelect
  li.colourCheckboxes
  label {
  white-space: nowrap !important;
}

.grey {
  color: #aaa !important;
}

.lightGrey {
  color: #ddd !important;
}

.green {
  color: green !important;
}

.red {
  color: red !important;
}

.orange {
  color: orange !important;
}

.lorentz-s {
  color: var(--lor-color) !important;
  background-color: rgb(255, 213, 0) !important;
}

.blue {
  color: var(--lor-color) !important;
}

.darkblue {
  color: var(--lor-color-dark) !important;
}

li.popup_switch:not(.is_label):hover .green,
li.popup_switch:not(.is_label):hover .grey,
li.popup_switch:not(.is_label):hover .red,
li.popup_switch:not(.is_label):hover .orange,
li.popup_switch:not(.is_label):hover .blue,
li.popup_switch:not(.is_label):hover .darkblue {
  color: white !important;
}

.disabled .green,
.disabled .grey,
.disabled .red,
.disabled .orange,
.disabled .blue,
.disabled .darkblue,
li.popup_switch.disabled:hover .green,
li.popup_switch.disabled:hover .grey,
li.popup_switch.disabled:hover .red,
li.popup_switch.disabled:hover .orange,
li.popup_switch.disabled:hover .blue,
li.popup_switch.disabled:hover .darkblue {
  color: #bbb !important;
}

div#cNETuserData {
  display: none;
}

div.searchPNET {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  z-index: 20001;
}

div.searchPNET input,
div.searchPNET div.searchCategoryDisplay,
div.searchPNET div.searchCategoryDisplayCurrent,
div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayChoice,
div.searchPNET div.searchCategoryStartSearch,
div.searchPNET div.searchCategoryClearSearch,
div.searchPNET div.searchCategoryLabel {
  box-sizing: border-box;
  width: 100%;
  margin-right: 5px;
  padding: 15px;
  border: none;
  height: 53px;
  overflow: hidden;
  vertical-align: baseline;
  background-color: white;
  color: #666;
  display: inline-block;
}

div.searchPNET input {
  font-size: 1.35em;
  font-weight: bold;
}

@media (max-width: 600px) {
  div.searchPNET_input {
    width: 100% !important;
  }

  div.searchPNET input {
    font-size: 16px;
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}

div.searchPNET select {
  display: none;
}

div.searchPNET select.options {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

div.searchPNET div.searchCategoryDisplay {
  padding: 0;
  height: auto;
  width: 240px;
  vertical-align: top;
}

@media (max-width: 600px) {
  div.searchPNET div.searchCategoryDisplay {
    height: auto;
    width: calc(100% - 110px) !important;
  }

  div.searchPNET div.searchCategoryDisplayChoice {
    width: 100% !important;
  }
}

div.searchPNET_input {
  width: calc(100% - 465px);
  display: inline-block;
  position: relative;
  vertical-align: top;
}

div.searchPNET div.pnetSpinner {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 28px;
  color: var(--lor-color);
  display: none;
}

div.searchPNET div.searchCategoryLabel {
  width: 100px;
  margin-right: 1px;
  background-color: transparent;
  color: white;
  text-align: right;
}

div.searchPNET div.searchCategoryDisplay:hover {
  box-shadow: 0px 8px 25px -12px rgba(0, 0, 0, 0.79);
}

div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayCurrent {
  font-weight: bold;
  display: block;
}

div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayCurrent,
div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayChoice {
  width: 235px;
}

div.searchPNET div.searchCategoryStartSearch,
div.searchPNET div.searchCategoryClearSearch {
  width: 50px;
  margin-right: 5px;
  text-align: center;
}

div.searchPNET div.searchCategoryStartSearch {
  color: green;
}

div.searchPNET div.searchCategoryClearSearch {
  color: red;
}

div.searchCategoryDisplayOthers div.searchCategoryDisplay {
  border-top: 1px solid #ccc;
  z-index: 20002;
}

div.searchCategoryDisplayOthers {
  display: none;
}

div.searchPNET div.searchCategoryDisplay:hover div.searchCategoryDisplayOthers {
  display: block;
}

div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayChoice {
  font-size: 1em;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgb(0, 0, 0, 0.1);
  border-top: 1px solid #ccc;
  float: left;
}

div.searchPNET div.searchCategoryDisplay div.searchCategoryDisplayChoice:hover {
  background-color: rgb(0, 80, 135);
  color: white !important;
}

div.searchPNET
  div.searchCategoryDisplay
  div.searchCategoryDisplayOthers
  div.searchPNET
  div.searchCategoryDisplay
  div.searchCategoryDisplayChoice:after {
  content: " ";
  display: block;
  width: 1px;
  height: 1px;
  clear: both;
  border: 1px solid red;
}

div.searchPNET div.searchCategoryStartSearch:hover,
div.searchPNET div.searchCategoryClearSearch:hover {
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
}

div.searchPNET div.searchCategoryClearSearch {
  margin-right: 0;
}

div.searchPNET_searchResults {
  position: absolute;
  top: 54px;
  height: calc(100% - 55px);
  width: 100%;
  z-index: 20000;
}

@media (max-width: 600px) {
  div.searchPNET_searchResults {
    top: 122px;
    height: calc(100% - 122px);
  }
}

div.searchPNET div.searchCategoryStartSearch,
div.searchPNET div.searchCategoryClearSearch {
  font-size: 1.5em;
}

div.searchPNET i.searchPNETspinner {
  position: absolute;
  font-size: 2em;
  color: var(--lor-color);
  top: 13px;
  right: 469px;
  display: none;
}

@media (max-width: 1000px) {
  div.searchPNET div.searchCategoryLabel {
    display: none;
  }

  div.searchPNET_input {
    width: calc(100% - 365px);
    margin-right: 15px;
  }
}

div#partners div.nav_header {
  top: 0;
}

div#partners div#maincontainer {
  box-sizing: border-box;
  margin: 0 20px;
  width: calc(100% - 40px);
}

div.waitingSpinner {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 0;
  left: 0;
  color: rgba(0, 135, 206, 0.75);
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  z-index: 100000;
}

div.waitingSpinner svg {
  width: 40px;
  height: 40px;
}

div.waitingSpinner i {
  font-size: 2.2em;
  line-height: 1.4em;
}

span.linkSpan {
  color: var(--lor-color);
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

span.linkSpan:hover {
  color: var(--lor-color-dark);
  border-bottom: 1px solid var(--lor-color);
}

span.linkButton {
  color: white;
  background-color: var(--lor-color);
  padding: 2px 4px;
  min-width: 40px;
  text-align: center;
  border-radius: 2px;
}

span.linkButton .awfClass svg {
  color: white !important;
}

span.linkButton:hover {
  background-color: var(--lor-color-dark);
  color: white !important;
}

p.loopLabel {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

div.loopScala {
  width: 100%;
  border: 2px solid white;
  border-radius: 5px;
  margin-top: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

div.loopScalaInner {
  width: 0%;
  height: 50px;
  background-color: var(--lor-color-dark);
}

span.superscriptdiv {
  display: inline-block;
  font-weight: bold;
  color: red;
  padding: 1px;
}

div.partnerBrandingButton {
  display: block;
  float: left;
  height: 50px;
  width: auto;
}

div.partnerBrandingButton i.dataChangeButton {
  position: relative;
  top: 0;
  left: 0;
}

.shakeEffect {
  animation: shake 0.5s;
  animation-iteration-count: 0.5s;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

div.popupBigButton {
  padding: 20px;
  display: inline-block;
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
  font-weight: bold;
  margin: 0 8px 8px 0;
}

div.popupBigButton:hover {
  background-color: #eee;
  color: var(--lor-color-dark) !important;
}

div.popupBigButton:hover p {
  color: var(--lor-color-dark) !important;
}

div.popupBigButton p {
  padding: 0;
  margin: 0;
}

table.timeZonePickerTable select {
  padding: 5px;
  margin: 0 0 10px 10px;
}

table.timeZonePickerTable select.noTime {
  padding: 5px;
  margin: 0 0 10px 0;
}

.noHover {
  cursor: inherit !important;
}

.redBackground {
  color: white !important;
  background-color: red !important;
}

.redBackground:hover:not(.noHover) {
  background-color: darkred !important;
  cursor: pointer;
}

.orangeBackground {
  color: white !important;
  background-color: orange !important;
}

.orangeBackground:hover:not(.noHover) {
  background-color: red !important;
  cursor: pointer;
}

.greenBackground {
  color: white !important;
  background-color: green !important;
}

.greenBackground:hover:not(.noHover) {
  background-color: darkgreen !important;
  cursor: pointer;
}

.hoverToGreenBackground:hover:not(.noHover) {
  background-color: green !important;
  cursor: pointer;
}

li.patDashSwitch {
  position: relative;
  margin-bottom: 0;
}

li.patDashSwitch div.JSFormLine {
  max-height: 50px;
  vertical-align: top;
  width: inherit !important;
  border: none;
  background-color: var(--lor-color);
  border-radius: 5px;
  padding: 0 !important;
  min-height: inherit;
  margin-bottom: 0;
}

li.patDashSwitch div.JSFormInput {
  margin-top: 0;
}

div#maincontainer li.patDashSwitch div.JSFormInput ul {
  margin-top: 8px;
}

div#maincontainer li.patDashSwitch div.JSFormInput ul li {
  margin: 0;
  padding-left: 0;
  vertical-align: top;
  display: inline-block;
  left: -32px;
}

div#maincontainer li.patDashSwitch div.JSFormInput ul li label {
  display: none;
}

li.patDashSwitch div.JSFormLine[data-hidden=""] {
  display: inline-block;
}

li.patDashSwitch div.JSFormLine.dashSelect select {
  width: 250px !important;
  background-color: var(--lor-color);
  color: white;
  height: inherit;
  font-size: 1em;
  padding: 8px 10px;
  border: none;
  position: relative;
  top: -2px;
}

li.patDashSwitch div.JSFormLine.dashSelect select:focus {
  box-shadow: none;
}

li.patDashSwitch div.JSFormLine.dashSelect select:hover {
  background-color: var(--lor-color-dark);
  cursor: pointer;
}

li.patDashSwitch div.JSFormLine.dashSelect select option {
  background-color: var(--lor-color);
}

li.patDashSwitch div.JSFormInput.dashSelect {
  display: inline-block !important;
  width: inherit !important;
}

li.patDashSwitch div.JSFormLine label.JSFormMainLabel {
  width: 200px !important;
}

li.patDashSwitch div.JSFormLine label {
  background-color: white;
  color: var(--lor-color);
  margin-top: 0;
  height: 50px;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 15px;
  box-sizing: border-box;
  width: 40px !important;
  display: none;
}

div.patDashElements {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
  text-align: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}

div.patDashElement {
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  margin: 7.5px;
  box-sizing: border-box;
  flex-basis: calc(16.6666% - 15px);
  height: 120px;
}

@media (max-width: 1450px) {
  div.patDashElement {
    flex-basis: calc(20% - 15px);
  }
}

@media (max-width: 1300px) {
  div.patDashElement {
    flex-basis: calc(25% - 15px);
  }
}

@media (max-width: 1100px) {
  div.patDashElement {
    flex-basis: calc(33.333% - 15px);
  }
}

@media (max-width: 900px) {
  div.patDashElement {
    flex-basis: calc(50% - 15px);
  }
}

@media (max-width: 600px) {
  div.patDashElement {
    flex-basis: calc(100%);
  }
}

div.patDashElement h2 {
  font-size: 1.25em;
  margin-top: 0;
  padding-bottom: 15px;
}

div.patDashElement p {
  font-size: 2.75em;
}

div.patDashElement p.patDashDiff {
  font-size: 1.2em;
  margin-top: 20px;
  display: none;
}

div.patDashTable {
  width: 100%;
  padding: 0 7.5px;
  box-sizing: border-box;
}

div.patDashTable table.ajaxtable tbody tr:first-child td {
  font-weight: bold;
  color: var(--lor-color);
  background-color: #fafafa;
  border-bottom: 2px solid #ccc;
  border-top: 2px solid #ccc;
}

.noCursor,
.noCursor a {
  cursor: auto !important;
}

.strong {
  font-weight: bold;
}

div#popup_outer_purchaseCredits div#paypalButton {
  width: 375px !important;
  background-color: transparent !important;
}

div#popup_outer_purchaseCredits div#paypalButton:hover {
  background-color: transparent !important;
}

span.formattedNumber {
  white-space: nowrap;
}

p.withAsterix {
  padding-left: 16px;
}

p.withAsterix:before {
  content: "*)";
  position: absolute;
  left: 0;
}

p.withAsterix + p.withAsterix {
  padding-left: 23px;
}

p.withAsterix + p.withAsterix:before {
  content: "**)";
}

div.popup_progressbar_container {
  display: block;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 20px;
}

div.popup_progressbar_container div.popup_progressbar_bar {
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 4px;
  background-color: var(--lor-color-dark);
  border-radius: 3px;
  transition: width 1s;
}

div.popup_progressbar_container div.popup_progressbar_label {
  position: absolute;
  top: 11px;
  left: calc(50% - 25px);
  width: 50px;
  height: 25px;
  background-color: white;
  border-radius: 3px;
  color: var(--lor-color-dark);
  font-weight: bold;
  line-height: 1.75em;
  text-align: center;
}

.clickable {
  cursor: pointer;
}

.awfClass.top5px {
  border-top: 0 solid transparent;
}

span.awfClass.marginRight {
  margin-right: 0.45em;
}

span.awfClass.waitInPopup {
  color: white;
  font-size: 110px;
  margin-top: calc(50% - 170px);
  text-align: center;
  display: block;
}

div.pmm_header_container div.pmm_header_box {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  align-items: stretch;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item {
  text-align: center;
  background-color: white;
  flex-grow: 1;
  margin: 0 2px 0 0;
  padding: 0;
  position: relative;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item h3 {
  margin: 0;
  padding: 2px;
  color: white;
  background-color: var(--lor-color);
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item p {
  margin: 15px 0;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.status {
  flex-grow: 2;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.pLevel {
  flex-grow: 2;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.pProducts {
  flex-grow: 1;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.partnerID {
  flex-grow: 1;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.country {
  flex-grow: 5;
}

div.pmm_header_container div.pmm_header_box div.pmmHeader_item.webListing {
  flex-grow: 2;
}

div.eulaConfirmContainer {
  position: absolute;
  left: 8px;
  top: 50px;
  right: 8px;
}

div.popup_outer[data-popup-expand="1"] {
  inset: 0 !important;
}

div.preloadSvgIcons {
  position: absolute;
  top: 0;
  left: -10000px;
}

div.productGroup {
  box-sizing: border-box;
  display: inline-block;
  padding: 2px;
  margin: 1px;
  min-height: inherit !important;
  background-color: var(--lor-color);
  color: white;
  min-width: 30px;
  position: relative;
  top: 12px;
  font-weight: bold;
}

div.ajaxtable div.productGroup {
  top: 0 !important;
}

div.productGroup.lorS {
  background-color: rgb(255, 212, 0) !important;
  color: var(--lor-color) !important;
}

table.ajaxtable
  td
  a:hover
  div.productGroup.lorS:not(.colourCoding):not(.lorS):not(.linkClasses):not(
    .changeRequested
  ),
div.productGroup.lorS:hover {
  background-color: rgb(255, 200, 0) !important;
}

div.ajaxtable div.productGroup.lorS {
  color: var(--lor-color) !important;
}

div.productGroup.lorLE {
  background-color: saddlebrown !important;
}

table.ajaxtable
  td
  a:hover
  div.productGroup.lorLE:not(.colourCoding):not(.lorS):not(.linkClasses):not(
    .changeRequested
  ),
div.productGroup.lorLE:hover {
  background-color: brown !important;
}
div.productGroup.lorOil {
  background-color: #222 !important;
}

table.ajaxtable
  td
  a:hover
  div.productGroup.lorOil:not(.colourCoding):not(.lorS):not(.linkClasses):not(
    .changeRequested
  ),
div.productGroup.lorOil:hover {
  background-color: black !important;
}

div.pmm_header_container div.pmmHeader_item div.productGroup {
  padding: 2px !important;
}

div.popup_inner div.popuptable.htmlContent div.numberedDiv {
  padding: 25px 30px 15px 95px;
  border: 3px solid var(--lor-color);
  margin-bottom: 25px;
  position: relative;
}

div.popup_inner div.popuptable.htmlContent div.numberedDiv h2,
div.popup_inner div.popuptable.htmlContent div.numberedDiv h3 {
  border-left: none !important;
  left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

div.popup_inner div.popuptable.htmlContent div.numberedDiv > h2:first-child,
div.popup_inner div.popuptable.htmlContent div.numberedDiv > h3:first-child,
div.popup_inner
  div.popuptable.htmlContent
  div.numberedDiv
  > tocentry:first-child
  h2,
div.popup_inner
  div.popuptable.htmlContent
  div.numberedDiv
  > tocentry:first-child
  h3 {
  margin-top: 0 !important;
}

div.popup_inner div.popuptable.htmlContent div.numberedDiv:before {
  content: attr(data-div-number);
  position: absolute;
  top: 0;
  left: 0;
  height: 72px;
  width: 72px;
  background-color: var(--lor-color);
  color: white;
  font-size: 30px;
  line-height: 67px;
  text-align: center;
}

ul.scratchPadList {
  margin-top: 10px !important;
}

li.historyButton:after {
  content: " ";
  position: absolute;
  right: -20px;
  top: 0;
  display: block;
  border: white solid 25px;
  border-width: 25px 10px;
  border-color: transparent transparent transparent white;
}

li.historyButton:hover:after {
  border-color: transparent transparent transparent var(--lor-color-dark);
}

li.historyButton:last-child:after,
li.historyButton.backwardsButton:after {
  display: none;
}

div.popup_inner
  ul.popup_switches
  li.popup_switch.historyButton.backwardsButton {
  padding-left: 14px;
  padding-right: 0;
}

span.artNo {
  display: inline-block;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

div.cardFlexContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  margin: 20px 0;
}

div.cardDiv {
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 15px 15px 0 15px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 8px;
}

div.cardDiv:hover {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: rgba(0, 0, 0, 0.15) 3.95px 3.95px 2.6px;
}

div.docImageClass.button {
  width: 100%;
}

div.docImageClass.button div.picture_series.crop.docImage {
  width: 100% !important;
  height: 100px !important;
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.displayPassword {
  background-color: #f0f0f0;
  display: block;
  padding: 15px 10px;
  margin: 25px 10%;
  width: 80%;
  color: var(--lor-color-dark) !important;
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  border-radius: 3px;
  box-sizing: border-box;
}

div.dropDown {
  display: inline-block;
  background-color: transparent;
  position: absolute;
  margin-left: 8px;
  z-index: 1002;
}

div.dropDown svg.icon {
  display: inline-block;
  width: 47px;
  height: 47px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  padding: 12px;
  font-size: 20px;
  line-height: 1.5em;
  cursor: pointer;
  box-sizing: border-box;
}

div.dropDown.moreSystems svg.icon {
  background-color: white;
  color: var(--lor-color);
}

div.dropDown:hover svg.icon {
  color: white;
  background-color: var(--lor-color);
}

div.dropDown ul.moreSystems {
  position: relative;
  display: none;

  background-color: white;
  z-index: 10;

  min-width: 300px;
  top: -11px;
  left: 8px;
  box-shadow: 0 0 5px #f0f0f0;
}

div.dropDown ul.moreSystems li {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background-image: none !important;
  text-align: left !important;
  width: auto;
}

div.dropDown ul.moreSystems li a {
  color: #666;
  display: block;
  font-size: 13px !important;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

div.dropDown ul.moreSystems li a:hover {
  background-color: var(--lor-color);
  color: white;
}

div.dropDown:hover ul.moreSystems {
  display: inline-block;
}

body.iframe div#logobanner,
body.iframe div#logobackground,
body.iframe div#menu_hor,
body.iframe div#topmenu,
body.iframe div#footer,
body.iframe div#copyright {
  display: none;
}

table.pmm_partnerrelations.cust {
  margin-top: 10px;
}

table.pmm_partnerrelations.cust td.intro i {
  top: 4px !important;
  left: 5px !important;
}

i.popupButtonCheckbox {
  margin-right: 13px !important;
  color: var(--lor-color);
}

i.popupButtonCheckbox[value="1"] {
  color: green;
}

pre.codePre {
  font-size: 16px;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  background-color: white;
}

.copyToClipboard {
  cursor: copy;
}

p.popupCode {
  margin: 20px 0;
  background-color: white;
  color: var(--lor-color-dark) !important;
  padding: 20px 10px;
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

svg.smallInline {
  font-size: 0.55em;
  color: var(--lor-color);
  margin: 0 5px;
  vertical-align: 0em;
}