.listing .table .ui-widget-header {
  background-color: #eeeeee;
  --jqui-bgColorHeader: #F6F6F6;
  --jqui-bgImgUrlHeader: none;
}
html {
  box-sizing: border-box;
}
*,
::before,
::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
  color: #555555;
  font-family: 'Open Sans', arial, helvetica, sans-serif, arial, helvetica, sans-serif;
  font-size: 14px;
  background: #F6F6F6;
}
body #loaderoverlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #aaa;
  opacity: 0.4;
  z-index: 1000;
  text-align: center;
  font-size: 80px;
  padding-top: 200px;
  cursor: wait;
  display: none;
}
.blurred {
  filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  -moz-filter: blur(6px);
  -webkit-filter: blur(6px);
  transition: filter .1s;
}
button,
input,
select,
textarea {
  color: #565656;
  font-family: 'Open Sans', arial, helvetica, sans-serif, arial, helvetica, sans-serif;
  border: 1px solid #c7ac6a;
}
textarea {
  font-size: 14px;
  padding: 3px 10px;
  height: 300px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  padding: 6px 8px;
  border: 1px solid #cfcfcf;
  border-radius: 4px !important;
}
input[type="checkbox"] {
  cursor: pointer;
  accent-color: var(--color4);
}
p,
h1,
h2,
div {
  cursor: default;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #565656;
}
h3 {
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #565656;
}
h4 {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 5px;
}
a {
  color: #444444;
}
a[name] {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}
a,
span,
div,
button,
input[type="button"],
input[type="submit"] {
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.err-inline {
  border: 1px solid var(--jqui-borderColorError);
  border-radius: var(--jqui-cornerRadius);
  background: var(--jqui-bgColorError) var(--jqui-bgImgUrlError) var(--jqui-bgErrorXPos) var(--jqui-bgErrorYPos) var(--jqui-bgErrorRepeat);
  color: var(--jqui-fcError);
  padding: 2px 10px;
}
.ui-message {
  margin-bottom: 15px;
}
.ui-tabs {
  border: unset !important;
}
.ui-tabs.ui-widget-content {
  background: unset !important;
}
.text-right {
  text-align: right;
}
.clearer {
  clear: both;
}
.listing {
  overflow-x: auto;
}
.listingfilter {
  align-items: flex-end;
}
.listingfilter .field {
  min-width: unset;
}
.field {
  margin-bottom: 14px;
  min-width: 230px;
}
.field label {
  display: block;
  color: #555555;
  font-size: 14px;
  margin-bottom: 5px;
}
.field:not(.radio):not(.checkbox) label {
  font-weight: 700;
}
.field span.labelled {
  padding-left: 10px;
}
.field input:not([type="checkbox"]),
.field textarea,
.field select {
  width: 100%;
  margin-top: 3px;
  font-size: 14px;
  color: black;
}
.field.oneline label {
  color: #555555;
}
.field.warning * {
  color: red;
  font-weight: bold;
}
.field.hint * {
  color: #c7ac6a;
  font-weight: bold;
}
.field .requiredstar {
  color: #1E1E1E;
}
.attention {
  color: #e50000;
}
.group {
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.group td {
  vertical-align: top;
  padding: 0;
  margin: 0;
  padding-right: 10px;
}
.group td:last-child {
  padding-right: 0;
}
.group td input:not([type="checkbox"]),
.group td textarea,
.group td select {
  width: 100%;
  margin-top: 3px;
  font-size: 14px;
  color: black;
}
.explanation {
  font-size: 85%;
  color: #565656;
}
.hilghtitem {
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.hilghtitem.highlight {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
div.quill {
  height: unset;
}
div.quill .ql-editor {
  min-height: 150px;
  background-color: white;
  font-family: 'Open Sans', arial, helvetica, sans-serif, arial, helvetica, sans-serif;
  font-size: 14px;
}
div.quill .ql-editor img {
  max-width: 50%;
  max-height: 150px;
}
div.quill .ql-editor span.mention .ql-mention-denotation-char {
  display: none;
}
#page_header {
  background-color: rgba(107,107,107,0.9);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
#page_header .left {
  float: left;
  height: 93px;
  position: relative;
  z-index: 1;
  text-align: center;
}
@media (min-width: 1271px) {
  #page_header .left {
    width: 240px;
  }
}
#page_header .left .hamburger {
  float: left;
  margin-right: 10px;
  margin-top: 11px;
  margin-left: 10px;
  color: white;
  border: 1px solid white;
  width: 46px;
  font-size: 35px;
}
@media (min-width: 1271px) {
  #page_header .left .hamburger {
    display: none;
  }
}
@media (max-width: 500px),(min-width: 501px) and (max-width: 1270px) {
  #page_header .left .hamburger {
    display: inline-block;
  }
}
#page_header .left .logo {
  height: 63px;
  margin: 7px 10px;
  display: inline-block;
}
@media (min-width: 1271px),(min-width: 501px) and (max-width: 1270px) {
  #page_header .left .logo {
    width: 300px;
  }
}
@media (max-width: 500px) {
  #page_header .left .logo {
    width: 64px;
  }
}
#page_header .left .logo.de {
  background-position: 0 0;
}
#page_header .center {
  display: inline-block;
  color: white;
  opacity: 0.7;
  font-size: small;
}
@media (min-width: 1271px) {
  #page_header .center {
    float: right;
    margin-top: 36px;
    max-width: 75%;
  }
  #page_header .center > span {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 5px;
  }
  #page_header .center > span:hover {
    text-decoration: underline;
  }
}
#page_header .userinfo {
  float: right;
  color: #ffffff;
  text-align: right;
  margin: 16px 20px 15px 15px;
}
@media (max-width: 500px),(min-width: 501px) and (max-width: 1270px) {
  #page_header .userinfo {
    position: absolute;
    right: 0;
    z-index: 2;
  }
}
#page_header .userinfo a {
  color: #eeeeee;
}
#page_header .userinfo .logout {
  font-size: 12px;
}
#page_header .userinfo .logout .fa,
#page_header .userinfo .logout svg {
  font-size: 10px;
  margin-left: 3px;
}
.side-menu {
  bottom: 50px;
  height: 100%;
  margin-bottom: -90px;
  margin-top: 0px;
  padding-bottom: 146px;
  position: fixed;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  top: 90px;
  background: #fff;
  text-align: center;
}
@media (min-width: 1271px) {
  .side-menu {
    display: block;
    overflow-y: auto;
    width: 240px;
  }
}
@media (max-width: 500px),(min-width: 501px) and (max-width: 1270px) {
  .side-menu {
    display: none;
  }
}
.side-menu button {
  margin-top: 20px;
}
.side-menu .menu {
  padding-top: 20px;
  text-align: left;
}
.side-menu .menu ul.main {
  list-style: none outside none;
  margin: 0 0 5px;
  padding-left: 0;
  position: relative;
}
.side-menu .menu ul.main >li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 1;
  width: 100%;
  border-left: 2px solid transparent;
}
.side-menu .menu ul.main >li.focused {
  color: #070707;
}
.side-menu .menu ul.main >li a {
  color: #546176;
  display: block;
  padding: 15px 22px;
  text-decoration: none;
}
.side-menu .menu ul.main >li a:hover {
  color: #070707;
}
.side-menu .menu ul.main >li.current {
  border-left: 2px solid #070707;
}
.side-menu .menu ul.main >li.current > a {
  color: #070707;
}
.side-menu .menu ul.main >li .fa {
  font-size: 18px;
}
.side-menu .menu ul.main >li .label {
  cursor: pointer;
  display: inline-block;
  margin-top: 1px;
  padding: 0px 10px 0 12px;
  vertical-align: unset;
  white-space: nowrap;
}
.side-menu .menu ul.main >li .arrow {
  float: right;
  font-size: 11px;
  padding-top: 3px;
}
.side-menu .menu ul.dropdown {
  list-style: none outside none;
  margin: 0 0 5px;
  padding-left: 0;
  position: relative;
}
.side-menu .menu ul.dropdown:not(.open) {
  display: none;
}
.side-menu .menu ul.dropdown li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 1;
  width: 100%;
}
.side-menu .menu ul.dropdown li.focused {
  color: #070707;
}
.side-menu .menu ul.dropdown li a {
  color: #546176;
  display: block;
  padding: 10px 40px;
  text-decoration: none;
}
.side-menu .menu ul.dropdown li a:hover {
  color: #070707;
}
.side-menu .menu ul.dropdown li.current > a {
  color: #070707;
}
.side-menu .menu ul.dropdown li .label {
  cursor: pointer;
  display: inline-block;
  margin-top: 1px;
  padding: 0px 10px 0 12px;
  vertical-align: unset;
}
#page_content {
  padding-top: 90px;
}
@media (min-width: 1271px) {
  #page_content.hasmenu {
    margin-left: 240px;
  }
}
@media (max-width: 500px),(min-width: 501px) and (max-width: 1270px) {
  #page_content.hasmenu {
    margin-left: 0px;
  }
}
#page_content .content_header {
  box-shadow: 0 2px 2px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.03);
  top: 70px;
  background: #fff;
  padding: 20px;
}
#page_content .content_header h4 {
  display: inline;
  font-size: 18px;
}
#page_content .content_header .breadcrumbnavbar {
  float: right;
  color: #777;
  font-size: 14px;
  margin-top: 3px;
}
@media (max-width: 500px) {
  #page_content .content_header .breadcrumbnavbar {
    display: none;
  }
}
#page_content .content_header .breadcrumbnavbar a {
  color: #070707;
  text-decoration: none;
}
#page_content .content_header .basket {
  border: 1px solid #6B6F82;
  background-color: #1E1E1E;
  color: #fff;
  position: fixed;
  right: 7px;
  top: 97px;
  padding: 7px;
  z-index: 50;
}
#page_content .content_header .basket button {
  margin: 4px auto 0px auto;
  display: block;
}
#page_content .content {
  min-height: 700px;
  margin-bottom: 30px;
  overflow: auto;
  width: 100%;
}
@media (min-width: 1271px) {
  #page_content .content {
    padding: 20px 20px 15px 20px;
  }
}
@media (max-width: 500px),(min-width: 501px) and (max-width: 1270px) {
  #page_content .content {
    padding: 10px 10px 15px 10px;
  }
}
#page_content .content .copytoclipboardbutton {
  color: #797979;
  margin-left: 6px;
  margin-right: 6px;
}
#page_content .content .contentpanel {
  border: 1px solid rgba(54,64,74,0.08);
  box-shadow: 3px 3px 9px 0px rgba(29,5,64,0.22);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #fff;
  margin-right: 0px;
  float: left;
  width: 100%;
}
@media (min-width: 1271px),(min-width: 501px) and (max-width: 1270px) {
  #page_content .content .contentpanel {
    padding: 20px;
  }
}
@media (max-width: 500px) {
  #page_content .content .contentpanel {
    padding: 10px;
  }
}
#page_content .content .contentpanel > h1 {
  margin: 0 0 14px 0;
  font-size: 16px;
  color: #6B6F82;
}
#page_content .content .contentpanel img {
  max-width: 200px;
  max-height: 200px;
}
#page_content .content .contentpanel .intro {
  color: #565656;
}
#page_content .content .contentpanel.panel100 {
  min-height: 130px;
  margin-right: 20px;
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel100 {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel100.last-in-row {
    width: 100%;
    margin-right: 0px;
  }
}
#page_content .content .contentpanel.panel75 {
  min-height: 130px;
  margin-right: 20px;
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel75 {
    width: calc(75% - 20px);
  }
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel75.last-in-row {
    width: 75%;
    margin-right: 0px;
  }
}
#page_content .content .contentpanel.panel50 {
  min-height: 130px;
  margin-right: 20px;
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel50 {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel50.last-in-row {
    width: 50%;
    margin-right: 0px;
  }
}
#page_content .content .contentpanel.panel33 {
  min-height: 130px;
  margin-right: 20px;
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel33 {
    width: calc(33.3% - 20px);
  }
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel33.last-in-row {
    width: 33.3%;
    margin-right: 0px;
  }
}
#page_content .content .contentpanel.panel25 {
  min-height: 130px;
  margin-right: 20px;
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel25 {
    width: calc(25% - 20px);
  }
}
@media (min-width: 1271px) {
  #page_content .content .contentpanel.panel25.last-in-row {
    width: 25%;
    margin-right: 0px;
  }
}
#page_content .content .contentpanel .dashboardwidget h3 {
  border-bottom: unset;
  font-weight: unset;
  color: #6B6F82;
  font-size: 24px;
}
@media (min-width: 1271px),(min-width: 501px) and (max-width: 1270px) {
  #page_content .content .contentpanel .dashboardwidget h3 {
    margin-top: 0px;
  }
}
#page_content .content .contentpanel .dashboardwidget p {
  color: #797979;
  margin-bottom: 0px;
  margin-top: 8px;
  white-space: nowrap;
}
#page_content .content .contentpanel .dashboardwidget .icon {
  float: left;
  opacity: 0.7;
}
@media (min-width: 1271px),(min-width: 501px) and (max-width: 1270px) {
  #page_content .content .contentpanel .dashboardwidget .icon {
    position: absolute;
  }
}
#page_content .content .contentpanel.center {
  margin: 0 auto;
  float: none;
  margin-right: auto !important;
}
#page_content .content .contentpanel.bookmarks a {
  margin-right: 10px;
  white-space: nowrap;
}
#page_content .content .scrolltext {
  border: 1px solid #eeeeee;
  width: 100%;
  height: 280px;
  overflow-y: auto;
  padding: 20px;
}
#page_content .content .table.rawdatatable .tbody .tr .td {
  white-space: unset;
}
#page_content .content .table.rawdatatable .tbody .tr .td.settings-activated {
  cursor: pointer;
  text-decoration: underline;
}
#page_content .content .table.rawdatatable .thead,
#page_content .content .table.rawdatatable .tfoot {
  background-color: #eeeeee;
}
#page_content .content .table {
  width: 100%;
  margin-bottom: 10px;
}
#page_content .content .table .tr {
  line-height: 1.7em;
}
#page_content .content .table .tr .td {
  padding: 3px 6px 3px 3px;
}
#page_content .content .table .tbody .tr:hover {
  background-color: #6B6B6B;
}
#page_content .content .table .tbody .tr:nth-child(even):hover {
  background-color: #6B6B6B;
}
#page_content .content .table .tbody .tr .td {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  border-bottom: 1px solid #eeeeee;
}
#page_content .content .table .tbody .tr[onclick] .td {
  cursor: pointer;
}
#page_content .content .table .tfoot {
  font-weight: bold;
  background: #eeeeee !important;
}
#page_content .content .table .tfoot .td {
  white-space: nowrap;
}
#page_content .content table {
  width: 100%;
}
#page_content .content .flex_row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#page_content .content .flex_row.col3 > * {
  min-width: calc(100% / 3);
}
#page_content .content .flex_row.col4 > * {
  min-width: calc(100% / 4);
}
#page_content .content .flex_row.col8 > * {
  min-width: calc(100% / 8);
}
#page_content .content .flex_row > *:not(:last-child) {
  margin-right: 20px;
}
#page_content .content .flex_col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#page_content .content .toolbar {
  width: 100%;
  text-align: right;
  clear: both;
  margin-bottom: 10px;
}
#page_content .content .toolbar .ui-button {
  margin-bottom: 4px;
  padding: .3em 0.7em;
}
#page_content .content .toolbar a {
  margin-right: 10px;
}
#page_content .content .btnexport {
  float: right;
}
#page_content .content .pager a {
  padding: 2px 8px;
}
#page_content .content .pager a:hover {
  background-color: #6B6B6B;
  border: 1px solid #eeeeee;
}
#page_content .content .pager .current {
  display: inline-block;
  margin: 2px 2px 2px 4px;
}
#page_content .content .pager .total {
  display: inline-block;
  margin: 2px 2px 2px 20px;
  color: #797979;
  font-size: 10px;
}
#page_content .content .newsitem .date {
  font-size: 85%;
  float: right;
}
#page_content .content .productimage.smallicon {
  max-width: 100px;
}
#page_content .content .productimage.icon {
  max-width: 200px;
}
#page_content .content .contenttile {
  width: 300px;
  text-align: center;
  padding: 20px;
  margin: 0 12px 20px 12px;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
#page_content .content .contenttile:hover {
  background-color: #eeeeee;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
#page_content .content .contenttile button {
  margin: 10px;
}
#page_content .content .contenttile h2 {
  border-bottom: unset;
  margin: 0 0 10px 0;
}
#page_content .content .contenttile .productimage {
  display: inline-block;
}
#page_content .content .contenttile .description {
  display: block;
}
#page_content .content .contenttile .pricing {
  display: block;
  font-size: 12px;
  color: #797979;
}
#page_content .content .paymentproviderlogo {
  vertical-align: middle;
  max-height: 30px;
  margin: 0 10px 0 4px;
}
#page_content .content .startcheckoutinfo.paypal,
#page_content .content .startcheckoutinfo.stripe {
  float: right;
}
#page_content .pdfviewerframe {
  border: 0px;
  width: 100%;
}
@media (min-width: 1271px) {
  #page_content .pdfviewerframe {
    height: 1800px;
  }
}
@media (min-width: 501px) and (max-width: 1270px) {
  #page_content .pdfviewerframe {
    height: 1200px;
  }
}
@media (max-width: 500px) {
  #page_content .pdfviewerframe {
    height: 700px;
  }
}
.table.ui-widget-content {
  border: 0px !important;
  background: transparent !important;
}
.ui-widget-content {
  color: #555555 !important;
}
.ui-widget-overlay {
  opacity: 0.7 !important;
  filter: Alpha(Opacity=70) !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.ui-dialog {
  max-width: 100%;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: #fff;
  border: unset;
  padding: 5px !important;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
}
.ui-dialog.ui-widget.ui-widget-content {
  border: 1px solid #eeeeee;
  padding: 0;
  border-radius: 6px;
}
@media (max-width: 500px) {
  .ui-dialog.ui-widget.ui-widget-content {
    padding: 0;
  }
}
.table .tfoot .named-summary .td {
  display: block;
}
.google_vis {
  border: 0px !important;
}
#page_footer {
  background-color: #f9f9f9;
  border-top: 1px solid rgba(0,0,0,0.05);
  text-align: left !important;
  padding: 12px 30px;
  color: #555555;
  font-size: 12px;
}
#page_footer a {
  color: #555555;
}
#page_footer .copyright {
  padding-bottom: 4px;
  padding-top: 8px;
  text-align: center;
  vertical-align: top;
}
@media all {
  .page-break {
    display: none;
  }
}
@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
}
@media print {
  .no-print,
  .no-print *,
  .toolbar {
    display: none !important;
  }
  #page_content {
    width: 100%;
    margin: 0;
    float: none;
  }
}
.ui-widget {
  font-family: 'Open Sans', arial, helvetica, sans-serif, arial, helvetica, sans-serif !important;
  font-size: 14px !important;
}
.add-device-info {
  margin: auto;
  width: 80%;
}
.add-device-info td {
  text-align: center;
}
.add-device-info .accesscode {
  font-family: monospace;
  font-size: 2rem;
  border: 1px dotted gray;
  padding: 10px;
  margin: 10px;
  display: block;
}
.receiptnote {
  margin-bottom: 10px;
}
.receiptnote .head {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  background-color: #1E1E1E;
  padding: 5px;
}
.receiptnote .head .created {
  color: #6B6F82;
}
.receiptnote .body {
  padding: 5px;
  border: 1px solid #1E1E1E;
}
.ui-menu-item {
  padding: 3px 10px;
}
.ui-menu-item a {
  display: block;
}
.ui-autocomplete .ui-menu-item {
  padding: 3px;
}
.ui-autocomplete .ui-menu-item.ui-state-focus a {
  color: white !important;
}
.ui-slider .ui-slider-handle {
  width: 1.6em !important;
  cursor: pointer !important;
}
.contentpanel .submitbutton {
  vertical-align: unset;
}