/* (c) 2015 Ramis Wachtler */
/* Imports */
@import "icons.min.css";
/* (c) 2015 Ramis Wachtler */
/*
 * Applies a text-shadow
 * @property color - shadow color
 * @property offsetX - horizontal shadow offset
 * @property offsetY - vertical shadow offset
 * @property blurRadius - radius of the shadow blur effect
 */
/*
 * Applies a box-shadow
 * @property color - shadow color
 * @property offsetX - horizontal shadow offset
 * @property offsetY - vertical shadow offset
 * @property blurRadius - radius of the shadow blur effect
 */
/*
 * Applies a transition to a given property, with a given duration
 * @property property - property of transition
 * @property duration - the time value for the transition execution
 */
/*
 * Applies a transform operation to an element
 * @property string - represents a transform string (e.g. translate3d(x,y,z);)
 */
/*
 *
 *
 */
/* Resets */
.no-boxshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.no-textshadow {
  text-shadow: none;
}
.reset-anchor {
  border: none;
  text-decoration: none;
  outline: none;
}
.reset-anchor:focus,
.reset-anchor:hover,
.reset-anchor:active {
  border: none;
  text-decoration: none;
  outline: none;
}
.reset-button {
  border: none;
  text-decoration: none;
  outline: none;
}
.reset-button:focus,
.reset-button:hover,
.reset-button:active {
  border: none;
  text-decoration: none;
  outline: none;
}
/* @author: Mario Kurzweil */
/*BASE COLORS*/
/*LST*/
/* APP COLORS */
/* REACT */
/* Custom mixins */
/* Fonts */
/* === General === */
html,
body {
  height: 100%;
  font-size: 16px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
body {
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: Verdana;
}
body div#no-script-warning {
  background: #E73704;
  color: #FFFFFF;
  width: 100%;
  z-index: 10000;
  margin-top: 28px;
}
body div#old-browser-warning {
  background: #E73704;
  color: #FFFFFF;
  width: 100%;
  z-index: 10000;
  display: none;
  margin-top: 28px;
}
body.view-forcepasswordchange {
  overflow: hidden;
}
body div.pagination ul {
  list-style: none;
}
body div.pagination ul li {
  display: inline-block;
}
img {
  max-width: 100%;
  height: auto;
  padding-bottom: 3px;
}
a.modal {
  display: block;
  position: relative;
}
a.chzn-single {
  height: 32px !important;
  line-height: 32px !important;
}
div.chzn-container-single .chzn-single div b {
  background-position: 0px 8px !important;
}
div.chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position: -18px 8px !important;
}
.chzn-results {
  max-height: 100px !important;
}
#filter_search {
  padding: 5px;
  margin-top: 1px;
}
div.btn-toolbar {
  margin: 0px 5px 10px 5px;
}
div.btn-toolbar div.btn-wrapper {
  display: inline-block;
}
div.js-stools-container-bar {
  padding: 0 5px;
}
nav {
  padding-top: 20px;
}
nav.navbar-inverse {
  background-image: none;
  background-color: #FFFFFF;
  display: block;
}
nav.navbar-inverse div.navbar-border {
  border-bottom: 4px solid #F37536;
  margin-bottom: 3px;
}
nav .navbar-brand {
  padding-top: 0;
}
nav .navbar-brand > img {
  max-height: 50px;
}
div#login-form {
  height: 400px;
  position: absolute;
  top: 50%;
  margin-top: -200px;
  width: 500px;
  margin-left: -250px;
  left: 50%;
}
div#login-form > form {
  background: rgba(255, 255, 255, 0.8);
  width: 500px;
  margin: 0 auto;
  border: 1px solid #777777;
  padding: 10px;
}
div#login-form > form input[type='text'],
div#login-form > form input[type='password'] {
  width: 100%;
}
div#login-form > form button {
  width: 100%;
}
div#filter {
  font-size: 10pt;
}
div#filter ul.breadcrumb {
  padding-top: 12px;
}
div#menu-1 ul > li {
  display: inline-block;
  height: 50px;
}
div#menu-1 ul > li a {
  background-color: transparent;
  font-size: 12pt;
  padding: 14px 15px;
  color: #5A5A5A;
}
div#menu-1 ul > li a:hover {
  background-color: transparent;
  color: #000000;
}
div#menu-1 ul > li a:focus {
  color: #118cdc;
}
div#menu-1 ul > li.active a {
  color: #118cdc;
}
div#menu-5 {
  font-size: 8.5pt;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: white;
  overflow: scroll;
}
div#menu-5 ul {
  list-style: none;
  padding: 0;
  color: #5A5A5A;
}
div#menu-5 ul li {
  display: inline-block;
}
div#menu-5 ul li a {
  text-decoration: none;
  color: #5A5A5A;
}
div#menu-5 ul li a:hover {
  color: #555555;
}
div#anmeldedaten {
  margin-top: 10px;
}
div#anmeldedaten .login-data-simulation {
  border: 5px double #F37536;
  padding: 4px;
  min-width: 300px;
  right: 200px;
  position: absolute;
}
div#anmeldedaten .login-data-simulation::before {
  content: "SIMULATION";
  color: #F37536;
  font-weight: bold;
}
div#anmeldedaten form {
  display: inline-block;
}
div#anmeldedaten form div {
  display: inline-block;
  font-size: 10pt;
}
div#anmeldedaten form .btn-default {
  border: none;
  text-decoration: none;
  outline: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background: transparent;
}
div#anmeldedaten form .btn-default:focus,
div#anmeldedaten form .btn-default:hover,
div#anmeldedaten form .btn-default:active {
  border: none;
  text-decoration: none;
  outline: none;
}
div#sprachauswahl {
  display: inline-block;
}
div.wrapper {
  margin-top: 20px;
}
div#system-messages {
  margin: 0 auto;
}
div#system-messages div.alert {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
}
div#system-messages div.alert-message {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
div#system-messages div.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
div#system-messages div.alert-warning {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
}
div#system-messages div.alert-notice {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
div#content-area {
  font-size: 10pt;
  width: 100%;
  height: 100%;
}
div#content-area button {
  font-size: 10pt;
}
div#content-area form.form-horizontal .control-label {
  text-align: left;
}
div#content-area form#user-activation-privacy-policy {
  height: 400px;
  overflow-y: auto;
}
div#content-area form#user-activation-privacy-policy div.control-group div.control-label,
div#content-area form#user-activation-privacy-policy div.control-group div.controls {
  display: inline-block;
}
div#content-area div.item-page {
  margin-bottom: 50px;
  background: #FFFFFF;
}
div.sbox-content-iframe#sbox-content {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
div#edit-modal {
  border-top: 4px solid #118cdc;
  border-radius: 0px;
  overflow: inherit;
  font-size: 10pt;
}
div#edit-modal input[type="radio"] {
  margin-left: 5px;
}
div#edit-modal legend.user_header:hover {
  cursor: move;
}
div#edit-modal legend.modal-username {
  font-size: 12pt;
  text-align: center;
  color: #118cdc;
  font-weight: bold;
}
div#edit-modal div.control-label {
  color: #555555;
}
div#edit-modal div.controls {
  color: #777777;
}
/*#edit-modal{
  &:hover{
    cursor: default;
  }
}*/
.tooltip {
  z-index: 65558;
}
/* Modal fixes */
div.modal {
  position: fixed;
  top: 5%;
  left: 0;
  z-index: 1050;
  min-height: 350px;
  max-height: 90%;
  width: 1084px;
  max-width: 100%;
  /*margin-left: -542px;*/
  margin: auto;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  bottom: auto;
}
.tab-content {
  overflow-y: auto;
  overflow-x: hidden;
}
/*.modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}*/
.modal-backdrop {
  bottom: 0;
  position: fixed;
  z-index: 1031;
}
#edit-modal {
  height: 570px;
  overflow-y: scroll;
}
.modal-dialog {
  width: auto;
  margin: 0;
}
.modal-dialog .modal-content {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.modal-dialog .modal-content .modal-body footer {
  display: none;
}
div.modal.fade.in {
  top: 5%;
}
button.btn-success,
button.btn-success:hover,
button.btn-success:focus {
  background: #118cdc;
  color: #fff;
  border: 1px solid #555;
}
.btn-success:disabled,
.btn-success[disabled] {
  background-color: #555;
  border-color: #555;
}
/* Alert bar */
.alert {
  position: relative;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#message-progress {
  height: 2px;
  width: 100%;
  background: red;
  position: absolute;
  left: 0;
  top: 0;
}
/* spinner */
.logout-spinner-wrapper {
  width: 20px;
  height: 20px;
  position: relative;
  background: transparent;
  vertical-align: middle;
}
.logout-spinner-wrapper .spinner-outer {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.logout-spinner-wrapper .spinner-fill {
  height: 50%;
  width: 1px;
  background: red;
  transform-origin: bottom center;
  position: absolute;
  left: calc(50% - 0.5px);
}
#logout-timer div.tooltip {
  top: 3px !important;
}
#confirmModal {
  width: 35%;
  margin: 0 auto;
  left: 0;
}
span.active {
  color: #5AA700;
}
span.pointer {
  cursor: pointer;
}
span.overview-menu {
  overflow: hidden;
}
span.alertinline {
  color: #E73704;
  float: right;
  margin-left: 10px;
}
div.alerttext {
  color: #E73704;
  margin-left: 10px;
}
div.pagination div.pull-right {
  visibility: hidden;
}
div#share-form-request form#share-form ul#myTabTabs {
  visibility: hidden;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_FK_AnlagenID_text {
  position: absolute;
  top: 100px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_customer_id {
  position: absolute;
  top: 130px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_customer_text {
  position: absolute;
  top: 130px;
  left: 400px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_user_id {
  position: absolute;
  top: 160px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_mail_text {
  position: absolute;
  top: 190px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_duration_hours {
  position: absolute;
  top: 250px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_duration_unlimited {
  position: absolute;
  top: 290px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_customer_allusers {
  position: absolute;
  top: 330px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_email_expired {
  position: absolute;
  top: 370px;
}
div#share-form-request form#share-form div#myTabContent #jform_customer_id-lbl {
  display: none;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_user_text {
  position: absolute;
  top: 160px;
  left: 400px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_wlanAktiv {
  position: absolute;
  right: 20%;
  top: 100px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_wlanAktiv div.control-label {
  width: 300px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_gpsAktiv {
  position: absolute;
  right: 20%;
  top: 130px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_gpsAktiv div.control-label {
  width: 300px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_singleUserInAuthorization {
  position: absolute;
  right: 20%;
  top: 160px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_singleUserInAuthorization div.control-label {
  width: 300px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_useIfFacpIsInAuthorization {
  position: absolute;
  right: 20%;
  top: 190px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_useIfFacpIsInAuthorization div.control-label {
  width: 300px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_useIfMoreThanOneEvent {
  position: absolute;
  right: 20%;
  top: 220px;
}
div#share-form-request form#share-form div#myTabContent div#share-jform_useIfMoreThanOneEvent div.control-label {
  width: 300px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_wlanAktiv {
  position: absolute;
  right: 20%;
  top: 100px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_wlanAktiv div.control-label {
  width: 300px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_gpsAktiv {
  position: absolute;
  right: 20%;
  top: 130px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_gpsAktiv div.control-label {
  width: 300px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_singleUserInAuthorization {
  position: absolute;
  right: 20%;
  top: 160px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_singleUserInAuthorization div.control-label {
  width: 300px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_useIfFacpIsInAuthorization {
  position: absolute;
  right: 20%;
  top: 190px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_useIfFacpIsInAuthorization div.control-label {
  width: 300px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_useIfMoreThanOneEvent {
  position: absolute;
  right: 20%;
  top: 220px;
}
div#share-form-edit form#share-form div#myTabContent div#general div#share-jform_useIfMoreThanOneEvent div.control-label {
  width: 300px;
}
#singlefacpoverview .btn {
  width: 250px !important;
  margin: 2px;
}
#singlefacpoverview input {
  width: 250px !important;
  margin: 2px;
}
input:-moz-read-only {
  /* For Firefox */
  border: 0px none !important;
}
input:read-only {
  border: 0px none !important;
}
#filter_year_chzn,
#filter_month_chzn {
  width: 100px !important;
}
#filter_year_chzn ul,
#filter_month_chzn ul {
  margin-left: 0px !important;
}
#filter_maintenance_chzn {
  width: 150px !important;
}
#filter_maintenance_chzn ul {
  margin-left: 0px !important;
}
#list_limit_chzn {
  width: 100px !important;
}
#list_fullordering_chzn {
  width: 200px !important;
}
#filter_systemtype_chzn {
  width: 100px !important;
}
#customerofuser_chzn,
#powersupply_chzn,
#otherdevice_chzn,
#otheralarmdevice_chzn {
  width: 600px !important;
}
#filter_country_chzn,
#filter_systemtype_chzn,
#filter_active_chzn,
#filter_state_chzn {
  width: 200px !important;
}
#filter_range_chzn {
  width: 300px !important;
}
.react-info-window {
  min-width: 150px;
  height: 20px;
  text-align: center;
}
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents15] {
  position: absolute;
  top: -10px;
  left: 375px;
  z-index: 100;
  width: 125px;
}
#jform_profilelst_controlpanelevents_tts_details {
  top: 24px;
}
/* pushes for more detailed message selection */
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents4],
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents5],
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents6],
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents8],
#jform_profilelst_controlpanelevents label[for=jform_profilelst_controlpanelevents11] {
  left: 20px;
}
div#templateid_chzn {
  width: 200px !important;
}
div#search {
  margin-top: 12px;
}
div#search input {
  border: 1px solid #555555;
  border-radius: 4px;
  font-size: 10pt;
  width: 80%;
}
.js-stools-container-filters {
  position: relative;
  left: 55px;
}
div.js-stools-field-filter {
  float: left;
  display: block !important;
}
div.js-stools-field-filter label {
  margin: 1px 10px 2px 5px !important;
}
.react-filter-group {
  display: block;
  float: left;
}
.react-field-filter {
  display: block;
  clear: both;
}
span.reactPaymentType {
  top: 85px;
  right: 5px;
  position: fixed;
}
div.webshop-menu-right {
  text-align: right;
}
div.webshop-menu-left {
  text-align: left;
}
div.vm-product-rating-container {
  display: none;
}
/* product details */
.product-container {
  padding: 10px;
}
.product-container h1 {
  font-size: 20px;
  font-weight: bold;
}
/* cart */
#checkoutForm {
  padding: 10px;
}
.vm-cart-header-container {
  padding: 10px;
}
/* thank you page */
.vm-wrap {
  padding: 10px;
}
/*
div.vm-product-media-container{ // for tesing purpose don't display image
display:none;
}*/
div.vm-details-button {
  display: none;
}
/* checkout button and checkout error, to see above footer menu */
#checkoutFormSubmit {
  position: relative;
  bottom: 45px;
}
#checkoutFormSubmitError {
  position: relative;
  bottom: 45px;
}
/* order details tab for items button */
#ui-tabs ul#tabs li.current {
  visibility: hidden;
}
.vm-cart-header-container {
  padding: 0px 10px 0px 10px;
}
.vm-cart-header-container .vm-cart-header {
  padding: 0px;
}
.vm-cart-header-container .vm-cart-header h1 {
  margin: 0px;
}
.cart-view .billto-shipto {
  padding: 0px;
  margin: 0px;
}
.cart-view .cart-summary .vm-cart-item-tax {
  min-width: 100px;
}
.cart-view .cart-summary tr.blankline {
  font-size: 0px;
}
.cart-view .cart-summary h4 {
  margin: 5px;
}
.vmCartPaymentLogo img {
  max-width: 100%;
  height: 20px;
  padding-bottom: 3px;
}
#field-filter-filter_range {
  display: flex !important;
  flex-direction: column;
}
#filter_range-lbl {
  order: 1;
}
#filter_range_chzn {
  order: 2;
}
@media print {
  a:link:after,
  a:visited:after {
    content: "" !important;
  }
  nav.navbar {
    display: none !important;
  }
}
/* Popup box BEGIN */
.hover_bkgr_react_de,
.hover_bkgr_react_en,
.hover_bkgr_react_impressum_de,
.hover_bkgr_react_impressum_en {
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: none;
  height: 100%;
  position: fixed;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10000;
}
.hover_bkgr_react_de .helper,
.hover_bkgr_react_en .helper,
.hover_bkgr_react_impressum_de .helper,
.hover_bkgr_react_impressum_en .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hover_bkgr_react_de > div,
.hover_bkgr_react_en > div,
.hover_bkgr_react_impressum_de > div,
.hover_bkgr_react_impressum_en > div {
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: inline-block;
  height: auto;
  max-width: 650px;
  min-height: 100px;
  vertical-align: middle;
  text-align: justify;
  width: 60%;
  position: relative;
  border-radius: 8px;
  padding: 15px;
}
.popupCloseButton {
  background-color: #fff;
  border: 3px solid #999;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 25px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
}
.popupCloseButton:hover {
  background-color: #ccc;
}
.pointerCursor {
  cursor: pointer;
}
/* Popup box END */
/* Typedefinition CSS */
.red-border {
  border: red 2px solid;
  border-radius: 2px;
}