/**
 * tm_awite_v2 - CamIQ customisations
 *
 * Port of tm_awite/less/camiq/camiq.less (Joomla 3 / Helix 2) to Joomla 4 / Helix Ultimate.
 * The rules are the original CamIQ rules; only selectors that depended on Helix 2 markup were
 * changed (marked with "HU:"):
 *  - inner row ids #menu, #feature, #feature-2, #footer  -> #sp-<row>-wrapper .container-inner
 *  - Helix 2 mega menu #sp-main-menu ul.level-0/level-1  -> Helix Ultimate .sp-megamenu-parent
 *  - Helix 2 mobile menu .sp-mobile-menu                 -> Helix Ultimate .offcanvas-menu
 *  - Bootstrap 2 modal (.modal = dialog)                 -> Bootstrap 5 modal (.modal-dialog)
 *
 * Colours: CamIQ blue #00539B, hover blue #1973C1, buttons #CCC / #DDD, text #333.
 */

/* Global */
body, p, span, input, h1, h2, h3, h4, h5, h6, h3 span, label, button, select, textarea,
.btn:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover,
.button-group .default1:hover {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}
body, p, span, input, label, button, select, textarea, input[type="text"],
input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input,
.input-append .add-on, .input-prepend .add-on {
  font-size: 13px;
}
body.bg {
  background: none repeat scroll 0 0 white;
}
a:focus {
  outline: 0;
}

/* Forms */
#registrationForm div#inputGroupEmail,
#recallForm div#inputGroupEmail,
#contactForm div#inputGroupEmail,
#activationForm div#inputGroupEmail,
#findspForm div#inputGroupEmail,
#seminarRequestForm div#inputGroupEmail {
  display: none;
}
legend {
  font-size: 16px;
  color: #00539B;
  font-weight: 400;
}
form.form-horizontal input[type="text"],
form.form-horizontal input[type="password"],
form.form-horizontal select {
  height: 26px;
}
form.form-horizontal input[type="text"],
form.form-horizontal input[type="password"],
form.form-horizontal select,
form.form-horizontal textarea {
  box-sizing: border-box;
  width: 100%;
}
input, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="reset"], .uneditable-input {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
}
input:disabled, textarea:disabled, .uneditable-input {
  background-color: #eee;
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: #1973C1;
  box-shadow: none;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
  box-shadow: none;
}
select:focus {
  outline: none;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
  box-shadow: none;
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  box-sizing: border-box;
  border-radius: 0;
  height: 26px;
  line-height: 16px;
}
.form-actions {
  background-color: white;
  border-top: 1px solid #E5E5E5;
  margin-bottom: 20px;
  margin-top: 20px;
}
.form-actions .help-block.disclaimer {
  font-style: italic;
  margin-top: -10px;
  margin-bottom: 20px;
}
.form-horizontal .control-group {
  margin-bottom: 5px;
}
.form-horizontal .control-label {
  padding-top: 3px;
  width: 170px;
}
legend + .control-group {
  margin-top: 0;
}
/* Input-append and input-prepend with inline-block-level */
.input-block-level {
  min-height: 26px;
}
.input-append.input-block-level,
.input-prepend.input-block-level {
  display: table;
  height: 26px;
}
.input-append.input-block-level .add-on,
.input-prepend.input-block-level .add-on {
  display: table-cell;
  width: 1%;
  height: 26px;
}
.input-append.input-block-level > input,
.input-prepend.input-block-level > input {
  box-sizing: border-box;
  display: table-cell;
  width: 100%;
}
.input-append.input-block-level > input {
  border-right: 0;
}
.input-prepend.input-block-level > input {
  border-left: 0;
}
.well {
  border-radius: 0;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
  margin-top: 5px;
}
form iframe {
  border: 1px solid #CCCCCC;
  width: 100%;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}
form iframe:focus, form iframe:hover {
  border: 1px solid #00539B;
}
form iframe.tos {
  height: 400px;
}
.boxsizingBorder {
  box-sizing: border-box;
}

/* Figures */
figure {
  margin-left: 0;
}
figure figcaption {
  font-size: 11px;
  font-style: italic;
  line-height: 15px;
}

/* Button, icon and link overrides */
.btn {
  margin-right: 5px;
  border-width: 0 !important;
  border-radius: 0px;
  color: #333333;
  background-color: #CCCCCC;
  background-image: none;
  transition: background 0.1s linear 0s;
  text-shadow: none;
  box-shadow: none;
}
.btn:hover,
.btn.active, .btn:active {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
  border-radius: 0px;
  background-image: none;
  background-color: #DDDDDD;
  color: #333333;
}
.btn-primary {
  color: white;
  background-color: #00539B;
  background-image: none;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
.btn-primary.active, .btn-primary:active {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
  border-radius: 0px;
  background-image: none;
  background-color: #1973C1;
  color: white;
}
.btn-primary.disabled, .btn-primary[disabled] {
  background-color: rgb(17, 63, 113);
  color: #aaa;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
a.btn.add-on {
  border: 1px solid #CCCCCC !important;
}
.btn-group a.btn {
  margin-right: 1px;
}
.btn-group > .btn + .btn {
  margin-left: 0;
}
.btn-group > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-toolbar {
  margin-top: 5px;
  margin-bottom: 5px;
}
button.close {
  border: none !important;
}
button.close:hover {
  background: none;
}
.icon-phone, .icon-envelope, .icon-print, .icon-plus-sign, .icon-remove-sign,
.icon-circle-arrow-right, .icon-quote-left, .icon-bookmark, .icon-file {
  color: #00539B;
}
a:not(.btn) {
  color: #00539B;
}
.btn-hide {
  display: none;
}

/* Labels, Badges, Alerts, Highlights */
.label {
  border-radius: 0;
  height: 16px;
  margin: 1px;
  padding: 4px 8px;
  min-width: 65px;
  text-align: center;
  box-sizing: content-box;
}
.label, .badge {
  font-weight: normal;
  font-size: 11px;
  text-shadow: none;
  background-color: #1973C1;
}
.alert {
  border-radius: 0;
}
div#system-message-container {
  margin-bottom: 10px;
}
div#system-message-container h4.alert-heading {
  display: none;
}
div.system-message-alert {
  position: relative;
}
div.system-message-icon {
  position: absolute;
  top: 10px;
  left: 20px;
}
div.system-message-icon i {
  font-size: 16px;
}
div.system-message-text {
  margin-left: 30px;
}
div.system-message-text a,
div.system-message-text a:visited {
  text-decoration: underline;
  color: inherit;
}
span.highlight {
  background-color: #ffc;
  font-weight: bold;
  padding: 1px 4px;
}

/* Ordered lists */
ol.orderedList {
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
}
ol.orderedList li {
  box-sizing: border-box;
  position: relative;
  counter-increment: step-counter;
  padding-left: 60px;
  min-height: 60px;
  margin-right: 60px;
  margin-bottom: 30px;
}
ol.orderedList li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(step-counter);
  font-size: 20px;
  color: white;
  background-color: #00539B;
  padding: 10px 15px;
}
ol.orderedList h3 {
  line-height: 16px;
  padding-bottom: 2px;
}
ol.orderedList h4 {
  margin-bottom: 10px;
  font-size: 14px;
}

/* Tabellen */
.table th, .table td {
  vertical-align: middle;
  line-height: 16px;
  padding: 4px 8px;
}
.table td.td-text-center,
.table th.td-text-center {
  text-align: center;
}
.table-bordered {
  border-radius: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 0;
}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
  border-top-right-radius: 0;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 0;
}
.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 0;
}
.disabled-row {
  color: #aaa;
  font-style: italic;
}

/* Header */
h1, div.page-header h2, h1 span.highlight {
  font-size: 24px;
  color: #001C35;
  margin: 0;
}
h3, h4 {
  font-size: 16px;
  font-weight: normal;
  color: #00539B;
  margin: 25px 0 0 0;
}
h3 span, h4 span {
  font-size: 16px;
}

/* Container */
body .container,
#sp-main-body-wrapper .container {
  background: none repeat scroll 0 0 white;
  border: 0px solid #eee;
  box-shadow: none;
}

/* SC Login overrides */
div.forgotPasswordLink {
  text-align: right;
}
#sp-topmenu .sclogin {
  font-size: 13px;
  line-height: 12px;
  padding: 0;
  display: block;
  margin: 0 10px 0 0;
}
#sp-topmenu .sclogin-modal-links {
  display: inline-block;
  float: left;
}
#sp-topmenu .sclogin-modal-links a,
#sp-topmenu .sclogout-text a {
  color: white;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  border-left: 0 solid #FFFFFF;
  padding: 9px;
  margin-top: 4px;
  background-color: #00539B;
}
#sp-topmenu .sclogout-text a {
  font-weight: 600;
}
#sp-topmenu span.sclogin-greeting,
#sp-topmenu span.sclogout-text {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}
#sp-topmenu .sclogin-modal-links a:hover,
#sp-topmenu .sclogout-text a:hover {
  background-color: white;
  color: #00539B;
}
.modal-backdrop {
  z-index: 1000;
}
/* HU: Bootstrap 2 ".modal.fade.in" is ".modal.fade.show" in Bootstrap 5 */
#login-modal.modal.fade.in,
#login-modal.modal.fade.show .modal-dialog {
  top: 20%;
}
#login-modal .modal-body {
  padding: 20px 0px 0px 0px;
}
#login-modal form {
  margin-bottom: 0;
}
#login-modal form div.control-group {
  margin-right: 15px;
  margin-left: 15px;
}
#login-modal .control-label {
  width: 100px;
}
@media (min-width: 480px) {
  #login-modal .controls {
    margin-left: 110px;
  }
}
#login-modal div.modal-footer {
  margin-top: 30px;
}
#login-modal div.forgotPasswordLink {
  margin-right: 20px;
}
#sp-component .loginModuleWrapper {
  margin-top: 20px;
  max-width: 400px;
}
#sp-component .loginModuleWrapper .modal-footer {
  background-color: white;
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  margin-bottom: 0;
  padding: 14px 0 15px;
  text-align: right;
}

/* Topmenu override */
#sp-top-wrapper {
  border-top: none;
  color: white;
  background-color: #00539B;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
#sp-top-wrapper div.container {
  padding: 0 20px;
  border-top: none;
  background-color: #00539B;
}
#sp-top-wrapper.topfixed {
  background-color: #00539B;
}
#sp-top-wrapper #sp-topmenu .ux-menu, .ux-menu ul {
  line-height: 1;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#sp-topmenu {
  position: relative;
}
#sp-topmenu .module {
  display: inline-block;
  float: left;
  margin-top: 0;
}
@media (min-width: 767px) {
  #sp-topmenu div.module.aritop {
    position: absolute;
    right: 0px;
  }
}
@media (max-width: 780px) {
  #sp-top-wrapper div.container {
    padding-left: 40px;
  }
}
#sp-top-wrapper #sp-topmenu .ux-menu-item-level-0 {
  color: white;
  display: block;
  margin: 0;
  border-left: none;
  padding: 0 1px !important;
  background-color: #00539B;
}
#sp-top-wrapper #sp-topmenu .ux-menu-item-level-1 {
  border-bottom: 1px solid #eee;
}
#sp-top-wrapper #sp-topmenu .ux-menu-sub {
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  box-shadow: 0 3px 7px #949494;
  margin-top: -1px;
  margin-left: 1px;
  padding-top: 1px;
  background-color: white;
}
#sp-top-wrapper #sp-topmenu .ux-menu a,
#sp-top-wrapper #sp-topmenu .ux-menu a.current {
  background-image: none;
}
#sp-top-wrapper #sp-topmenu .ux-menu li {
  padding: 0;
  margin: 0;
}
#sp-top-wrapper #sp-topmenu .ux-menu li a {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
  border: none;
  border-radius: 0px;
  padding: 10px;
}
#sp-top-wrapper #sp-topmenu li.ux-menu-item-level-0 a {
  padding: 9px;
  margin-top: 4px;
  background-color: #00539B;
  color: white;
  font-weight: normal;
}
#sp-top-wrapper #sp-topmenu li.ux-menu-item-level-1 a {
  margin-top: 0;
  background-color: white;
  color: #00539B;
  font-weight: normal;
  padding-right: 3em;
}
#sp-top-wrapper #sp-topmenu .ux-menu li.ux-menu-item-level-0 a:hover,
#sp-top-wrapper #sp-topmenu .ux-menu li.ux-menu-item-level-0 a.ux-menu-link-hover {
  background-color: white;
  color: #00539B;
}
#sp-top-wrapper #sp-topmenu .ux-menu li.ux-menu-item-level-1 a:hover,
#sp-top-wrapper #sp-topmenu .ux-menu li.ux-menu-item-level-1 a.ux-menu-link-hover {
  background-color: #00539B;
  color: white;
}
#sp-top-wrapper #sp-topmenu .ux-menu-arrow {
  display: none;
}

/* Search override */
#sp-search input#mod-search-searchword {
  font-size: 13px;
  background-color: white;
  border: 1px solid white;
  border-right: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: none;
  padding-top: 2px;
  padding-bottom: 2px;
  width: calc(100% - 14px - 45px);
}
#sp-search input#mod-search-searchword:focus {
  border: 1px solid white;
  border-right: 1px solid #ccc;
}
#sp-search {
  margin-top: 4px;
}
#sp-search form {
  margin-bottom: 0;
  width: 100%;
}
#sp-search div.search {
  margin-bottom: 4px;
  width: 99%;
}
#sp-search button.button.btn.btn-primary {
  margin-right: 0;
  margin-left: 0;
  padding: 2px 12px;
  background-color: white;
  border: 1px solid white !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#sp-search button.button i.icon-search {
  color: #00539B;
}
#sp-search button.button.btn.btn-primary:hover {
  background-color: #00539B;
  border-left-color: #00539B !important;
}
#sp-search button.button:hover i.icon-search {
  color: white;
}

/* Header */
#sp-header-wrapper {
  margin-top: 35px;
  padding-bottom: 0;
}
#sp-header-wrapper div.container {
  border-bottom: none;
  position: relative;
}
#sp-header-wrapper #sp-logo {
  padding-top: 8px;
}
#sp-header-wrapper #sp-phone {
  padding-top: 4px;
}
@media (min-width: 400px) {
  #sp-header-wrapper #sp-phone {
    position: absolute;
    right: 20px;
  }
}
@media (max-width: 399px) {
  #sp-header-wrapper #sp-phone {
    position: static;
    text-align: left;
    margin-top: 10px;
    margin-left: 5px;
  }
}
#sp-phone div.tableView {
  display: table;
  float: right;
}
#sp-phone div.tableRow {
  display: table-row;
}
#sp-phone div.tableCell {
  display: table-cell;
  padding-top: 3px;
}
#sp-phone div.tableCell.iconPadding {
  padding-right: 10px;
}

/* Breadcrumb override */
.breadcrumb > li > .divider {
  color: #aaa;
}

/* Main menu */
#sp-menu-wrapper div.container {
  border-top: none;
}
/* HU: #sp-menu-wrapper #menu */
#sp-menu-wrapper .container-inner {
  border-radius: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
}
#sp-menu-wrapper .container-inner #sp-menu {
  padding-left: 0;
}
/* HU: #sp-main-menu ul.level-0 > li */
#sp-menu .sp-megamenu-parent > li {
  margin: 0 0px 0 0;
  border-right: 1px solid #ccc;
  padding: 0;
}
#sp-menu .sp-megamenu-parent > li:hover,
#sp-menu .sp-megamenu-parent > li.active {
  border-bottom: none;
}
#sp-menu .sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-parent > li > span {
  padding: 9px 15px !important;
  font-size: 14px;
}
/* HU: #sp-main-menu ul.level-1 li.active a.active .menu-title */
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #aaa;
}
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 13px;
}

/* Mobile/Narrow menu (HU: offcanvas) */
a.sp-main-menu-toggler {
  position: fixed;
  top: 4px;
  left: 4px;
  width: 14px;
  border: 1px solid white;
  z-index: 110;
  background-color: #00539B;
  color: white;
  height: 22px;
  box-shadow: none;
  padding: 5px 10px 3px 10px;
  margin: 0;
}
a.sp-main-menu-toggler:active,
a.sp-main-menu-toggler:focus,
a.sp-main-menu-toggler:hover {
  background-color: #00539B;
  color: white;
}
.offcanvas-menu,
.offcanvas-menu .offcanvas-inner,
.offcanvas-menu .offcanvas-inner ul.menu {
  background-color: #00539B;
}
.offcanvas-menu .offcanvas-inner ul.menu {
  padding-top: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu li {
  background-color: #00539B;
  border-top: 1px solid #4A6E8C;
  padding: 0 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu li a,
.offcanvas-menu .offcanvas-inner ul.menu li span {
  color: white;
}

/* in content menu */
.nav.incontentmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav.incontentmenu li {
  padding-left: 1em;
}
.nav.incontentmenu li:before {
  content: "\25A0";
  padding-right: 10px;
  color: #00539B;
}
.nav.incontentmenu li a {
  display: inline-block;
  background: none;
}
.nav.incontentmenu li a:hover {
  text-decoration: underline;
}

/* Language switcher */
#sp-menumodule {
  height: 37px;
}
#sp-menumodule div.mod-languages {
  text-align: right;
  margin-top: 6px;
  padding-right: 8px;
}
#languageSwitcher {
  color: #00539B;
  font-size: 20px;
}
#sp-menumodule ul.dropdown-menu {
  border-radius: 0;
  left: auto;
  right: -8px;
}
#sp-menumodule div.mod-languages li {
  margin-left: 0;
  margin-right: 0;
}
#sp-menumodule ul.dropdown-menu > li > a {
  font-size: 12px;
  line-height: 16px;
  color: #00539B;
  padding: 8px 13px;
  border-top: 1px solid #EEEEEE;
}
#sp-menumodule ul.dropdown-menu > li > a:hover {
  color: white;
  background-color: #00539B;
  background-image: none;
}

/* Bottom Top */
#sp-bottom-top-wrapper {
  margin-top: 10px;
  margin-bottom: 0;
}
#sp-bottom-top-wrapper div.container {
  border: none;
  padding: 0;
  max-width: calc(100% + 40px);
}
#sp-bottomtop img {
  width: 100%;
  height: auto;
}

/* Slideshow */
#sp-slideshow-wrapper {
  margin-top: 10px;
}
#sp-slideshow-wrapper div.container {
  padding-top: 0;
}
#sp-slideshow-wrapper .camera_next > span, .camera_prev > span, .camera_commands > .camera_stop, .camera_commands > .camera_play {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
}
#sp-slideshow-wrapper .camera_next, .camera_prev, .camera_commands {
  background-color: rgba(200, 200, 200, 0.6);
}

/* Feature box */
#sp-feature-wrapper {
  margin-bottom: 0;
}
@media (min-width: 240px) and (max-width: 768px) {
  #sp-feature-wrapper {
    margin-top: 0px;
  }
}
@media (min-width: 769px) {
  #sp-feature-wrapper {
    margin-top: -55px;
  }
}
#sp-feature-wrapper div.container {
  padding-bottom: 0;
}
#sp-feature-2-wrapper div.container {
  padding-top: 0;
  padding-bottom: 0;
}
/* HU: #feature, #feature-2 */
#sp-feature-wrapper .container-inner div.mod-content,
#sp-feature-2-wrapper .container-inner div.mod-content {
  padding-top: 0;
  padding-bottom: 10px;
  background-color: white;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: #DDDDDD;
  border-bottom: none;
}
#sp-feature-wrapper .container-inner h3.head_title,
#sp-feature-2-wrapper .container-inner h3.head_title {
  float: none;
  border-bottom-width: 1px;
  font-size: 20px;
  line-height: 36px;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0 0 0 18px;
  width: 80%;
}
#sp-feature-wrapper .container-inner .space,
#sp-feature-2-wrapper .container-inner .space {
  padding-left: 18px;
  padding-right: 18px;
}
#sp-feature-wrapper .container-inner .btn-primary i,
#sp-feature-2-wrapper .container-inner .btn-primary i {
  border-radius: 0;
  border: none;
  background-color: inherit;
  color: white;
  font-size: 11px;
  height: auto;
  width: auto;
  padding: 4px 4px 3px 0;
}
#sp-feature-wrapper i,
#sp-feature-2-wrapper i {
  border: none;
  float: none;
  height: auto;
  width: auto;
  padding: 0;
}
#sp-feature-wrapper p,
#sp-feature-2-wrapper p {
  float: none;
  padding-top: 15px;
}

/* News */
#sp-feature-wrapper div.ns2-inner h1, #sp-feature-wrapper div.ns2-inner h2, #sp-feature-wrapper div.ns2-inner h3,
#sp-feature-wrapper div.ns2-inner h4, #sp-feature-wrapper div.ns2-inner h5, #sp-feature-wrapper div.ns2-inner h6 {
  border-bottom: none;
  font-size: 13px;
  margin: 5px 0 0 0;
}
#sp-feature-wrapper div.ns2-inner p {
  margin-top: 0;
  padding-top: 0;
}
#sp-feature-wrapper div.ns2-inner p:last-of-type {
  margin-bottom: 0;
}
#sp-feature-wrapper div.ns2-inner h4.ns2-title {
  margin-top: 15px;
}
#sp-feature-wrapper p.ns2-introtext {
  float: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#sp-feature-wrapper div.ns2-wrap {
  margin-bottom: 20px;
}
#sp-feature-wrapper div.ns2-created {
  display: block;
}
div.ns2-links-wrap {
  margin-top: 15px;
}
div.ns2-links-pages div.ns-title {
  margin-top: 5px;
}
div.ns2-links-pages div.ns-title div.link-date {
  color: #999;
}
div.ns2-links-pages div.ns-title span.link-title {
  color: #00539B;
}
a.ns2-readmore span {
  background-image: none;
  padding-left: 0;
}

/* Article actions */
ul.article-actions-menu {
  box-sizing: border-box;
  list-style-type: none;
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 0;
  float: right;
  text-align: right;
}
ul.article-actions-menu li {
  display: inline;
  margin-left: 5px;
}
ul.article-actions-menu li [class^="icon-"] {
  color: #ccc;
}
ul.article-actions-menu li:hover [class^="icon-"] {
  color: #00539B;
}

/* Article info */
div.article-info {
  margin-top: 5px;
}
dl.article-info {
  margin-top: 0;
}
dd.published {
  margin-left: 0;
}

/* Content */
#sp-main-body-wrapper div.container {
  border-top: none;
}
div.page-header {
  margin-bottom: 5px;
  border-color: #ccc;
}
div.item-page h3:first-of-type {
  margin-top: 0;
}

/* Infobox */
div.module.infoBox {
  margin-bottom: 40px;
}
div.module.infoBox h4 {
  margin-top: 0;
  font-size: 14px;
  border-bottom: 1px solid #00539B;
}
div.module.infoBox h4 [class^="icon-"] {
  font-size: 12px;
}
div.module.infoBox .content {
  margin-top: 10px;
  padding-left: 14px;
}
div.module.infoBox ul {
  margin: 0 0 15px 0;
}
div.module.infoBox li {
  list-style: none;
  margin-left: 0;
}
div.module.infoBox li [class^="icon-"] {
  color: #00539B;
}
div.module.infoBox .image img {
  width: 100%;
  height: auto;
}
div.module.infoBox .image span.caption {
  font-size: 11px;
  display: block;
  text-align: right;
}

/* Dashboard */
div.dashboard.infoBox .btn {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* Modals (HU: Bootstrap 5 - the dialog is .modal-dialog) */
.modal,
.modal .modal-content {
  border-radius: 0;
}
@media (min-width: 980px) {
  body .modal.wide .modal-dialog {
    max-width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body .modal.wide .modal-dialog {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  body .modal.wide .modal-dialog {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  body .modal.narrow .modal-dialog {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  body .modal.narrow .modal-dialog {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Context */
#sp-context-wrapper {
  margin-top: 10px;
}

/* bottom */
#sp-bottom-wrapper .container {
  background-color: white !important;
  padding: 0 20px;
  box-shadow: none;
}
#sp-bottom1 div.mod-languages {
  border-top: 1px solid #00539B;
  padding-top: 7px;
}

/* sigplus */
#boxplus .boxplus-thumbs > ul > li.boxplus-active > img, #boxplus .boxplus-thumbs > ul > li > img:hover {
  border: 1px solid #00539B !important;
}

/* Joomla login */
div.login div.page-header {
  border-bottom: 0;
  margin-top: 10px;
}

/* Footer */
/* HU: #footer */
#sp-footer-wrapper .container-inner {
  border-top: 1px solid #00539B;
}
#sp-footer-wrapper .sp-totop {
  display: none;
}
#sp-footer-wrapper ul.nav {
  padding: 25px 0 0;
}
#sp-footer-wrapper ul.nav li a,
#sp-footer-wrapper ul.nav li a:hover {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
  font-size: 13px;
}
#sp-bottom-wrapper a:not(.btn), #sp-footer-wrapper a:not(.btn) {
  color: #00539B;
}

/* Compatibility List */
div.compatibilityLogos {
  text-align: justify;
}
.manufacturerLogo {
  display: inline-block;
  line-height: 30px;
  font-size: 13px;
  border: 1px solid #ddd;
  margin: 0 10px 10px 0;
  padding: 5px;
  width: auto;
  height: 30px;
  cursor: pointer;
  vertical-align: middle;
  color: #666666;
  box-sizing: content-box;
}
.manufacturerLink {
  color: #AAA;
  padding-left: 5px;
}
.manufacturerLink a {
  color: #AAA;
  font-style: italic;
}
#compatibilityList {
  margin-top: 20px;
}
#compatibilityList .accordion-group {
  border-radius: 0;
  border: none;
  margin-bottom: 10px;
}
#compatibilityList .accordion-heading {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
#compatibilityList .accordion-heading .accordion-toggle {
  position: relative;
  top: 0;
  left: 0;
}
#compatibilityList .accordion-heading .accordion-toggle span.expandIcon {
  position: absolute;
  right: 8px;
  width: 20px;
  background-color: #ddd;
  text-align: center;
  display: inline-block;
}
#compatibilityList .accordion-heading .accordion-toggle span.expandIcon i.icon-chevron-down,
#compatibilityList .accordion-heading .accordion-toggle span.expandIcon i.icon-chevron-up {
  color: white;
}
#compatibilityList .accordion-inner {
  padding: 6px 0;
}
#compatibilityList .expandableGroupHeader > td {
  background-color: white;
  cursor: pointer;
}
#compatibilityList .modelColumn {
  min-width: 100px;
}

/* FAQ */
div.ifaq ul.article-actions-menu {
  margin: 5px 0;
  padding-right: 10px;
}

/* Password strengthify */
span.passStrengthify div span span {
  font-size: smaller;
}

/* BETA */
#sp-slideshow-wrapper .betaStartscreen h3.head_title {
  border-bottom: 2px solid #00539B;
  font-size: 20px;
  padding: 0 0 0 18px;
  line-height: 36px;
  margin-top: 5px;
  color: #00539B;
  font-weight: 400;
  width: 80%;
}
#sp-slideshow-wrapper .betaStartscreen .loginModuleWrapper {
  margin-top: 20px;
  max-width: 400px;
}
#sp-slideshow-wrapper .betaStartscreen .loginModuleWrapper .modal-footer {
  background-color: white;
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  margin-bottom: 0;
  padding: 14px 0 15px;
  text-align: right;
}
#sp-slideshow-wrapper .betaStartscreen .sclogin-greeting {
  padding-left: 18px;
}
#sp-slideshow-wrapper .betaStartscreen p.space {
  margin-top: 20px;
  padding: 0 0 0 18px;
}

/* Restricted Content Login + Login Startseite */
.restrictedContentLogin h3.head_title {
  border-bottom: 1px solid #00539B;
  font-size: 16px;
  padding: 0 0 0 18px;
  line-height: 36px;
  margin-top: 5px;
  color: #00539B;
  font-weight: normal;
  width: 80%;
}
.feature_main .loginModuleWrapper {
  margin-top: 15px;
  margin-right: 18px;
}
.restrictedContentLogin .loginModuleWrapper {
  margin-top: 20px;
  max-width: 400px;
}
.feature_main .loginModuleWrapper .modal-footer,
.restrictedContentLogin .loginModuleWrapper .modal-footer {
  background-color: white;
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  margin-bottom: 0;
  padding: 14px 0 15px;
  text-align: right;
}
.feature_main .loginModuleWrapper form.form-horizontal {
  margin-bottom: 0;
}
#sp-feature-wrapper .feature_main p.registrationText {
  padding: 0 18px 20px 18px;
}
.restrictedContentLogin p.spaceLeft {
  padding: 0 0 0 18px;
}
.restrictedContentLogin p.spaceTop {
  margin-top: 20px;
}

/* Module CamIQ Cloud Statistics */
.cloudstats {
  margin-top: 15px;
}
.cloudstats h5 {
  color: #00539B;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
}
.cloudstats .status {
  margin-bottom: 20px;
}
.cloudstats .status p {
  padding-top: 0 !important;
}
.cloudstats table {
  margin-bottom: 5px;
}
.cloudstats td.statValue {
  font-size: 15px;
  color: #00539B;
}
.cloudstats .timestamp {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

/* Support */
a.accordion-toggle {
  display: inline-block !important;
  box-sizing: border-box;
  width: 100%;
}
a.accordion-toggle:focus,
a.accordion-toggle:hover {
  text-decoration: none !important;
}
.accordion-toggle .support-ticket-header {
  color: #666666;
  display: inline-block;
  margin-top: 17px;
  margin-bottom: 0px;
}
a.older-messages-link {
  color: #666666;
}
a.older-messages-link i {
  color: #666666;
}
.status-bar {
  display: inline-block;
}
.status-bar .label {
  padding: 4px 20px;
}
.status-bar .status-group {
  display: inline-block;
  margin-top: -5px;
  text-align: center;
}
.status-bar .status-group .status-header {
  display: block;
  text-align: center;
  color: #666;
  font-size: 11px;
  font-style: italic;
}

/* Suche */
div.search dd.result-category {
  font-style: italic;
}
div.search dd.result-text {
  display: block;
  margin-bottom: 10px;
}

/* Pagination */
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-bottom-left-radius: 0;
  border-left-width: 1px;
  border-top-left-radius: 0;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination ul > li > a, .pagination ul > li > span {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #333333;
  margin-right: 1px;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:active,
.pagination ul > li > a:focus {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #333333;
}
.pagination li.pagination-active a,
.pagination li.pagination-active a:hover {
  background-color: #00539B;
  color: white;
  border-color: #00539B;
}

/* Google maps embedding */
.map img {
  max-width: inherit;
}
.mapsPopup {
  text-align: center;
}
.mapsPopup img {
  height: auto;
  width: 70px !important;
  padding-bottom: 5px;
}

/* DOCman */
.koowa .docman_category {
  display: none;
}
[class^="k-icon-"], [class*=" k-icon-"], .k-ui-namespace .footable.breakpoint .footable-toggle:after {
  font-family: 'k-icons' !important;
}
.k-toolbar {
  display: none;
}
.k-ui-namespace .koowa_header__image {
  height: 1em;
  width: 1em;
}

/* Blog Ansicht */
div.blog div.items-leading {
  margin-bottom: 20px;
}
div.blog div.items-more {
  margin-top: 20px;
}
div.blog div.pagination {
  margin-top: 40px;
}

/* Datatables */
table.dataTable th {
  background-color: white;
}
table.dataTable tr.group {
  font-weight: bold;
  color: #00539B;
}
div.dataTables_info {
  display: none;
}
div.dataTables_filter label {
  font-weight: bold;
}

/* Layout startpage */
body.featured #sp-main-body-wrapper {
  display: none;
}

/* CamIQ Loading spinner */
.loadingOverlayWrapper {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10001;
  background-color: white;
}
.loadingOverlayCenter p {
  text-align: center;
}
.camiqLoadingAnimation {
  opacity: 0.4;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  background-image: url("../images/loadingSpinner_small.png");
  animation: play .8s steps(24) infinite;
}
@keyframes play {
  from { background-position: 0px; }
  to { background-position: -768px; }
}