<br />
<b>Warning</b>:  Undefined array key "color" in <b>/var/www/crm.wenzel-muc.de/admin/pages/api_css_handler.php</b> on line <b>9</b><br />
/* latin-ext */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  src: local("Oswald Bold"), local("Oswald-Bold"),
    url(/admin/fonts/TK3hWkUHHAIjg75-ohoTtM9CE5Q.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  src: local("Oswald Bold"), local("Oswald-Bold"),
    url(/admin/fonts/TK3hWkUHHAIjg75-ohoTus9C.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/admin/fonts/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/admin/fonts/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/admin/fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/admin/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/admin/fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/admin/fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(/admin/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(/admin/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url(/admin/fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url(/admin/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(/admin/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(/admin/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'IconMoon';
src: url('/admin/fonts/iconmoon.woff') format('woff');
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
background:#f7f7f7;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
color:#000;
}

strong,
b {
  font-weight: 700;
}

ol,
ul {
  padding: 0;
  margin: 0 20px 10px;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

input {
  margin: 0 1px 0 0;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

a,
.yellowNaviButton {
  color: #fdc62f;
  text-decoration: none;
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  outline:none;
}

a:hover,
a:active {
  color: #333;
  border-color: #333;
}

a:hover img,
a:active img {
  opacity: 0.8;
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

td {
  vertical-align: top;
}

td[valign="top"] {
  vertical-align: top;
}

td[valign="middle"] {
  vertical-align: middle;
}

td[valign="bottom"] {
  vertical-align: bottom;
}

hr{
margin:30px 0;
border:none;
border-top:1px solid #aaa;
}

a img {
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
}

a:hover img {
  opacity: 0.7;
}

fieldset {
  border: 1px solid #000;
  padding: 8px;
}

body::-webkit-scrollbar {
  width: 11px;
}
html, body, textarea, .orderPreview_content {
  scrollbar-width: thin;
  scrollbar-color: #1e3740 #CFD8DC;
}
body::-webkit-scrollbar-track {
  background: #CFD8DC;
}
body::-webkit-scrollbar-thumb {
  background-color:#1e3740;
  border-radius: 6px;
  border: 3px solid #CFD8DC;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
.select2-container--default .select2-selection--single,
textarea,
.trumbowyg-editor{
  width: 300px;
  border:none;
  color:#000;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 5px 0;
  font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  padding: 6px 10px;
  line-height: 18px;
  height: 36px;
  outline:none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
   background-color: #f7f7f7;
  background-image: linear-gradient(0deg, #fdc62f 2px, #9c27b000 0px), linear-gradient(0deg, #999 1px, #dedede00 0px);
  background-position: 50% 100%, 50% calc(100% - 1px);
  background-repeat: no-repeat, repeat;
  background-size: 0px 100%, 100% 100%;
  transition:background 0s ease-out;
  -moz-transition:background 0s ease-out;
  -webkit-transition:background 0s ease-out;
  -o-transition:background 0s ease-out;
  -ms-transition:background 0s ease-out;
}

.select2-container--default .select2-selection--single{
padding-top:4px;
padding-bottom:8px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
.select2-container--default.select2-container--open .select2-selection--single,
textarea:focus,
.trumbowyg-editor:focus,
.aEditorContent:focus{
border:none;
color:#000;
transition:background .3s ease-out;
-moz-transition:background .3s ease-out;
-webkit-transition:background .3s ease-out;
-o-transition:background .3s ease-out;
-ms-transition:background .3s ease-out;
background-size: 100% 100%, 100% 100%;
}

select[multiple] {
  height: 120px;
}

input[type="text"].date{
width:100px;
}

input[type="text"]:read-only, input[type="email"]:read-only, input[type="tel"]:read-only, input[type="password"]:read-only, input[type="number"]:read-only, textarea:read-only{
cursor:not-allowed;
}

.select2-container--default .select2-selection--single{
margin:0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
color:inherit;
padding-left:0;
}

.select2.select2-container.select2-container--default{
margin:5px 0;
}

.produkt + .select2{
width:300px !important;
}

.produkt + .select2 small, .select2-results__option small{
font-size:11px;
line-height:13px;
}

textarea{
  height: 100px;
}

textarea.autosize{
  height:56px;
}

.trumbowyg-box{
margin:0;
}

.trumbowyg-editor{
height:auto;
padding:5px;
width:100%;
}

.trumbowyg-textarea{
margin:0;
}

.trumbowyg-box, .trumbowyg-editor{
min-height:60px;
border:none;
}

.trumbowyg-button-pane{
display:none;
}

input[type="submit"],
button[type="submit"],
button.right,
button.normal,
a.button,
.filterShow {
  background-color: #fdc62f;
  color: #fff;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  padding: 6px 9px;
  display:inline-block;
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 17px;
  width: auto;
  min-width: 150px;
  margin: 5px 0;
  text-align: center;
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
  border-radius:3px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

a.button{
  padding:6px 9px;
  min-width:auto;
}

input[type="submit"].left,
button[type="submit"].left,
a.button.left {
  float: left;
}

input[type="submit"].abort,
button[type="submit"].abort,
button.normal.abort,
a.button.abort,
a.subnaviButton.abort svg,
.filterShow {
  background: #333;
  color: #fff;
}

button.right,
a.button.right,
input[type="submit"].back,
button.back,
a.button.back {
  float: right;
  background: #fdc62f;
  padding-right: 10px;
  position: relative;
  border-radius:3px 0 0 3px;
  margin-right:16px;
  overflow:initial;
}

button.right::after,
a.button.right::after,
button.back::after,
a.button.back::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;   
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 1em solid;
  right: -16px;
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
}
button.right::after,
a.button.right::after{
z-index: 2;
border-left-color: #fdc62f;
}

button.right:hover::after,
a.button.right:hover::after{
border-left-color:#1e3740 !important;
}

input[type="submit"].special,
button[type="submit"].special,
a.button.special,
a.subnaviButton.special svg{
  background: #177ee5;
  color: #fff;
}

button.right.special::after,
a.button.right.special::after{
border-left-color:#177ee5;
}

button.right.secondButton,
a.button.right.secondButton{
border-radius:3px;
}

button.right.secondButton::after,
a.button.right.secondButton::after{
border:none !important;
position:initial !important;
}

button.normal{
float:none;
}
button.normal + button.normal{
margin-left:10px;
}

input[type="submit"].back,
button.back,
a.button.back {
  float:left;
  border-radius:0 3px 3px 0;
  margin-left:16px;
  padding-left:10px;
  margin-right:0;
}

button.back::after,
a.button.back::after{
z-index: 2;
border-right: 1em solid;
border-right-color: #fdc62f;
right:auto;
left:-16px;
border-left:0;
}

button.back:hover::after,
a.button.back:hover::after{
border-right-color:#1e3740;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
button:hover,
a.button:hover {
  background: #1e3740;
}

input[type="submit"].abort:hover,
button[type="submit"].abort:hover,
button.abort:hover,
a.button.abort:hover,
.filterShow:hover {
  color: #fff;
  background: #fdc62f;
}

a.button svg{
width:auto;
height:15px;
vertical-align:middle;
padding:0 10px;
}

a.button svg *{
fill:#fff;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 10px 0;
}

h2 input[type="checkbox"]{
margin:0;
}

input[type="submit"].flyingSaveButton, button[name="submit"].flyingSaveButton, .submitButton.flyingSaveButton{
position:fixed;
top:90px;
right:15px;
z-index:10;
}

input[type="submit"].flyingSaveButton.withSubnavi, button[name="submit"].flyingSaveButton.withSubnavi, .submitButton.flyingSaveButton.withSubnavi{
top:145px;
}

.orderPreview input[type="submit"].flyingSaveButton, .orderPreview button[type="submit"].flyingSaveButton, .orderPreview .submitButton.flyingSaveButton{
top:130px;
right:100px;
}

.orderPreview input[type="submit"].flyingSaveButton.withSubnavi, .orderPreview button[type="submit"].flyingSaveButton.withSubnavi, .orderPreview .submitButton.flyingSaveButton.withSubnavi{
top:195px;
}

label.error,
tr.error,
td.error {
  color: #dc3f2e;
}

label.warning,
tr.warning,
td.warning {
  color: #e07700;
}

span.error{
  color:#dc3f2e;
  display:inline-block;
  width:100%;
  font-size:12px;
}

span.ok{
  color:#7db427;
  display:inline-block;
  width:100%;
  font-size:12px;
}

.green{
  color:#7db427;
}


.red{
  color:#dc3f2e;
}

label.error input,
label.error select,
label.error textarea,
input.error,
select.error,
select.error ~ .select2-container--default .select2-selection--single,
textarea.error {
  border: 1px solid #dc3f2e;
  margin-bottom:0;
}

button.fileuploader_delete{
display:none;
}

.imagePreview img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  border:1px solid #eaeaea;
}

#login{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100vh;
background:url(/admin/images/login_bg.jpg) no-repeat center top #fff;
background-size:cover;
}

#login.loginPopup{
position:fixed;
top:0;
left:0;
z-index:9999998;
display:none;
}

#login #content, #login .loginContent{
position:relative;
background:#fff;
box-shadow:0 20px 40px 0 #00000014;
-moz-box-shadow:0 20px 40px 0 #00000014;
-webkit-box-shadow:0 20px 40px 0 #00000014;
-o-box-shadow:0 20px 40px 0 #00000014;
-ms-box-shadow:0 20px 40px 0 #00000014;
padding:50px 35px 35px;
width:370px;
max-width:90%;
margin:0;
border-radius:10px;
border:1px solid #eaeaea;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

#login #content div, #login .loginContent div{
margin:10px 0;
}

#login #content h1, #login #content div, #login #content p, #login .loginContent h1, #login .loginContent div, #login .loginContent p{
text-align:center;
}

#login #content span.explanation, #login #content p, #login .loginContent span.explanation, #login .loginContent p{
font-size:13px;
}

#login #content p, #login .loginContent p{
color:#888;
}

#login #content button, #login .loginContent button{
width:100%;
}

#login .notice{
line-height:17px;
}

#login h2{
text-align:center;
padding:0
}

#header {
  float: left;
  width: 100%;
  height: 68px;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  color: #666;
  z-index: 997;
  box-shadow:0 0 10px 0 #0000001a;
}

#nav{
position:fixed;
left:0;
top:68px;
width:60px;
height:calc(100vh - 68px);
height:-moz-calc(100vh - 68px);
height:-webkit-calc(100vh - 68px);
height:-o-calc(100vh - 68px);
height:-ms-calc(100vh - 68px);
background:#1e3740;
z-index:998;
transition:ease .5s;
-moz-transition:ease .5s;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-ms-transition:ease .5s;
}

.navActive #nav{
left:0;
}
.navActive #content{
position:absolute;
left:300px;
}

#nav a{
display:inline-block;
width:100%;
padding:10px 15px;
margin:2px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
cursor:pointer;
}

#nav span.bottom_holder{
position:absolute;
bottom:0;
left:0;
display:inline-block;
width:100%;
cursor:pointer;
}

#nav a svg{
width:100%;
height:auto;
}

#nav a svg *{
fill:#b8b7b6;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}

#nav a.current{
background:#152d35;
}

#nav a:hover svg *, #nav a.current svg *{
fill:#fff;
}

#nav a span{
display:none;
}

#navButton{
float:right;
width:68px;
height:68px;
user-select:none;
display:none;
cursor:pointer;
transition:ease .5s;
-moz-transition:ease .5s;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-ms-transition:ease .5s;
position:relative;
}
#navButton:hover, .navActive #navButton{
background:#1e3740;
}
#navButton span{
background:#1e3740;
display:block;
height:2px;
width:30px;
transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
position:absolute;
top:31px;
left:19px;
transform:none;
}
#navButton span:first-child{
top:20px;
transform-origin:bottom left;
}
#navButton span:last-child{
top:42px;
transform-origin:top left;
}
body.navActive{
overflow:hidden;
}
#navButton:hover span, .navActive #navButton span{
background:#fff;
}
.navActive #navButton span{
left:20px;
}
.navActive #navButton span:first-child{
transform:rotate(45deg);
}
.navActive #navButton span:last-child{
transform:rotate(-45deg);
}
.navActive #navButton span:nth-child(2n){
opacity:0;
}
#navBackground{
background:rgba(255,255,255,0);
z-index:997;
width:100%;
height:100%;
display:none;
position:fixed;
top:0;
left:0;
transition:ease .5s;
-moz-transition:ease .5s;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-ms-transition:ease .5s;
}
.navActive #navBackground{
background:rgba(0,0,0,.5);
display:block;
}
.navActive .orderPreview{
left:350px;
}

#content {
  left:0;
  float: left;
  width: 100%;
  padding: 0 30px 30px 90px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 100px;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  transition:ease .5s;
-moz-transition:ease .5s;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-ms-transition:ease .5s;
}

#content.isInnerWindow{
  margin:0;
  padding-left:15px;
}

#content.isInnerWindow .breadcrumb{
  display:none;
}

#content.isInnerWindow #basket{
top:0;
right:-20px;
}

#content h1, .orderPreview_content h1 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 25px;
  line-height:29px;
}

#subnavi{
position:fixed;
top:80px;
right:15px;
width:auto;
z-index:980;
}

.subnaviButton{
display:inline-block;
width:60px;
padding:15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
background:#fff;
margin-left:7px;
text-align:center;
font-size:10px;
line-height:12px;
color:#888;
vertical-align:top;
border-radius:50px;
box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;
border:1px solid #e2e2e2;
vertical-align:middle;
position:relative;
}

.subnaviButton span{
width:100%;
display:none;
position:absolute;
top:55px;
left:0;
}

.subnaviButton svg{
width:100%;
height:auto;
vertical-align:middle;
}

.subnaviButton, .subnaviButton svg, .subnaviButton svg *{
  transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3;
-ms-transition:ease .3s;
}

.subnaviButton:hover, .subnaviButton:active{
color:#1e3740;
background:#1e3740 !important;
}

.subnaviButton:hover svg *, .subnaviButton:active svg *, .subnaviButton.special svg *, .subnaviButton.abort svg *{
fill:#fff;
}

.subnaviButton:hover svg text{
fill:#1e3740
}

.orderPreview_content h1, #dialog{
display:none;
}

.orderPreview_content .infoPanel h1{
display:block;
}

div.error,
div.done,
div.notice,
div.warning {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  background: #dc3f2e;
  color: #fff;
  font-size: 17px;
  padding: 5px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

div.done {
  background: #7db427;
}

div.notice {
  background: #0090e0;
}

div.warning {
  background: #e07700;
}

div.error a, div.done a, div.notice a, div.warning a{
  color:#fff;
  text-decoration:underline;
}

div.error a:hover, div.done a:hover, div.notice a:hover, div.warning a:hover{
  text-decoration:none;
}

#order_table div.error, #order_table div.done, #order_table div.notice, #order_table div.warning{
padding:2px;
font-size:13px;
margin:0;
}

#header #logo {
  float: left;
  width: auto;
  height:100%;
}

#header #logo svg, .logo svg, #header #logo img, .logo img {
	width: auto;
	max-width: 100%;
	height: 68px;
}


#header .topButton {
float:right;
width:68px;
text-align:center;
height:54px;
font-size:10px;
line-height:12px;
background:#eaeaea;
padding:7px 0;
color:#1e3740;
border-right:1px solid #fff;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}

#header .topButton.currentUser{
background:#1e3740;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
color:#b8b7b6;
border-right:none;
font-size:14px;
line-height:14px;
}

#header .topButton svg {
width:35px;
height:auto;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}

#header .topButton.currentUser svg {
width:25px;
height:auto;
border-radius:20px;
border:2px solid #b8b7b6;
padding:5px;
}

#header .topButton svg *{
fill:#1e3740;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}

#header .topButton.currentUser svg *{
fill:#b8b7b6;
}

#header .topButton.currentUser:hover svg, #header .topButton.currentUser:active svg{
border-color:#fff;
}

#header .topButton:hover svg *, #header .topButton:active svg *{
fill:#fdc62f;
}

#header .topButton.currentUser:hover svg *, #header .topButton.currentUser:active svg *{
fill:#fff;
}

#header .topButton:hover, #header .topButton:active{
color:#fdc62f;
}

#header .topButton.currentUser:hover, #header .topButton.currentUser:active{
color:#fff;
}

#header .topButton.currentUser[style*="background-image"]:hover, #header .topButton.currentUser[style*="background-image"]:active{
opacity:.7;
}

.gridButton {
  width: 140px;
  height: 142px;
  border: 1px solid #fff !important;
  border-bottom:5px solid #fff !important;
  border-radius: 7px;
  text-align: center;
  display:inline-block;
  color: #212121;
  background: white;
  font-size: 14px;
  position:relative;
  text-decoration: none;
  font-weight: 500;
  margin:7px 14px 7px 0;
  padding: 10px 5px 5px;
  line-height:18px;
  cursor:pointer;
  overflow: hidden;
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  hyphens:auto;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hypens:auto;
  -ms-hyphens:auto;
}

.groupBox .gridButton{
  border-color:#eaeaea !important;
}

.gridButton img {
  margin-bottom: 5px;
  width:64px;
  opacity:1 !important;
}

a.gridButton:hover,
a.gridButton:active {
  border-bottom: 5px solid #fdc62f !important;
  color: #fdc62f;
}

a.gridButton .inGridButton{
position:absolute;
top:0;
right:0;
width:25px;
height:25px;
border-radius:7px;
padding:4px;
background:#1e3740;
transition: 0.5s ease;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}

a.gridButton .inGridButton svg{
width:100%;
height:auto;
}

a.gridButton .inGridButton svg *{
fill:#fff;
}

a.gridButton .inGridButton:hover{
background: #fdc62f;
}

a.delete {
  width: 110px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 7px;
  text-align: center;
  float: left;
  color: #57a3df;
}

a.delete:hover,
a.delete:active {
  border: 1px solid #57a3df;
  color: #333;
}

.breadcrumb {
  font-size: 13px;
  margin-bottom: 10px;
  width: 100%;
}

table.list, .dashboard-column div.chart, .blockTable-600{
  margin-top: 15px;
  background:#fff;
  box-shadow:0 0 10px 0 #0000001a;
  padding-bottom:20px;
  color:#000;
}

.blockTable-600.noBackground{
background:none !important;
box-shadow:none;
}
.blockTable-600.noBackground td{
background:none !important;
border:none;
}

.dashboard-column div.chart{
overflow:hidden;
}

table.list, .blockTable-600{
  width: 100%;
  position:relative;
}

/*#tablePlanOrderSelection tr.header, 
table.list:not(.headerTable) tr:first-child,
table.list:not(.headerTable) tr:not(.noHover):first-child:hover td,
table.list:not(.headerTable) tr:first-child td.hover,
table.list tr.title,
table.list tr.title:hover td,
table.list tr.title td.hover,
table.list.headerTable thead tr:first-child,
table.list.headerTable thead tr:not(.noHover):first-child:hover td,
table.list.headerTable thead tr:first-child td.hover,
table.list tr:hover tr.title td,
table.list td.hover tr.title td {
  background: #212121 !important;
  color: #fff !important;
}*/

table.list tr:not(.title):not(.header):hover td,
table.list td.hover,
table.list tr.selected:not(.title):not(.header) td, .blockTable-600 tr:hover td {
  background: #ffefc4;
  border-color:#fff;
}

table.list.productTable tr {
  border-bottom: 1px solid #000;
}

table.list.productTable tr:first-child {
  border: none;
}

table.list td, .blockTable-600 td{
padding:8px 4px;
font-size:12px;
border-top:1px solid #eaeaea;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.blockTable-600 td{
font-size:15px;
}

table tr.title td, table.list tr.header td {
padding:16px 4px;
font-size:15px;
font-weight:700;
border-bottom:1px solid #eaeaea;
background:#fff;
}

table tr.title td:first-child, table.list tr td:first-child{
padding-left:20px;
}

table tr.title td td:first-child, table.list tr td td:first-child{
padding-left:0;
border:none;
}

table tr.title td:last-child, table.list tr td:last-child{
padding-right:20px;
}

table tr.title td td:last-child, table.list tr td td:last-child{
padding-right:0;
}

td.w50-50, td.w33x3, td.w25x4{
width:49%;
padding-top:15px;
}
td.w33x3{
width:33%;
}
td.w25x4{
width:24.5%;
}
td.w300px{
width:340px;
}

td.w300px-auto{
width:auto;
}
td.w50-50:first-child, td.w300px:first-child, td.w300px-auto:first-child, td.w33x3:first-child, td.w25x4:first-child{
margin-top:0;
}

td.wspacer{
width:30px;
min-width:20px;
}

tr.newCommentRow{
background:#eaeaea !important;
}

table tr.title td:only-child, h2, #order_addresses h2 select{
padding:24px;
font-size:16px;
text-transform:uppercase;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #151515;
font-weight:bold;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

table tr.title td:only-child{
padding:8px 20px;
}

table.list tr:first-child td{
border-top:none;
}

table.list tr.strong_border td{
border-top:1px solid #1e3740 !important;
}

table.list tr.strong_double_border td{
border-top:3px double #1e3740 !important;
}

table tr.title.important,
table.list tr.title.important {
  background: #dc3f2e !important;
}

a.title,
span.title,
a.important,
span.important,
a.notice,
span.notice {
  background: #dc3f2e !important;
  color: #fff;
  padding: 3px;
  text-align: center;
  float: left;
  width: 100%;
  font-weight: bold;
}

table tr.title.notice,
table tr td span.title.notice,
a.notice,
span.notice,
table.list tr.title.notice {
  background: #0090e0 !important;
}

a.title,
span.title {
  background: #000 !important;
}

.dataTable.bordered td {
  border: 1px solid #bbb;
}

.dataTable .header.rotated td {
  height: 150px;
  white-space: nowrap;
  overflow: hidden;
}

.dataTable .header.rotated td > div {
  transform: translate(0, 132px) rotate(-90deg);
  -webkit-transform: translate(0, 132px) rotate(-90deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 20px;
}

.dataTable .header.rotated td > div > b {
  padding: 0px 8px;
}

.dataTable .header td{
position:sticky;
top:68px;
z-index:10;
}

.isInnerWindow .dataTable .header td, .orderPreview .dataTable .header td{
top:0;
}

tr.clickableRow{
cursor:pointer;
}

td[width="160"]{
width:50%;
}

input.number {
width: 110px;
text-align: right;
}

input.time {
width: 30px;
}

span.explanation {
font-size: 12px;
}

.list td span.explanation, .dataTable td span.explanation{
font-size:10px;
}

.extensibleFormRemove {
  cursor: pointer;
  margin: 5px 0;
  vertical-align:top;
}

#service_plan img.paid_status, #service_plan img.service{
width:10px;
padding:5px 1px;
vertical-align:middle;
}

#service_plan a.block_hour img,#service_plan a.unblock_hour img{
cursor:pointer;
width:13px;
padding:1px 0;
vertical-align:middle;
}

#service_plan span.blocked_reason{
font-style:italic;
}

#service_plan .info tr.blocked{
color:#bbb;
}

.calendar {
  float: left;
  width: 100%;
  border-collapse: collapse;
  margin:15px 0;
}

.calendar td {
  text-align: left;
  vertical-align: top;
  border: 2px solid #eaeaea;
  font-size: 12px;
  height: 25px;
  background: #fff;
}

.calendar td.weekend:nth-child(7n) {
  background: #fff3d8;
}

.calendar td.weekend:nth-child(8n) {
  background: #ffd9d8;
}

.calendar td.empty {
  background:none;
}

.calendar td.past,
.calendar td.past span {
  background:none;
}

.calendar .head td {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  padding: 5px;
  height: auto;
  border: none;
  background:none;
  text-align: center;
}

.calendar .head td span{
  margin:0 30px;
}

.calendar .weekday td {
  background: #eaeaea !important;
  color: #000;
  font-weight: bold;
  height: auto;
  padding: 10px;
  font-size: 20px;
  text-align: center;
}

.calendar .week {
  background: #eaeaea;
  color: #000;
  text-align: center;
  font-size: 20px;
  vertical-align: top;
  padding:9px 10px;
}
.calendar td span.dayNumber {
  float: left;
  width: 34px;
  height: 25px;
  color: #333;
  padding: 10px;
  font-size: 20px;
  background: #fff;
  text-align: center;
}

.calendar td span.important, .calendar td span.notice{
  width:auto;
}

.calendar .dayNumber {
  float: left;
  width: 34px;
  padding: 10px;
  height: 25px;
  background: #fdc62f;
  color: #000;
  text-decoration: none;
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
  font-size: 20px;
  text-align: center;
  margin:0 5px 5px 0;
}
.calendar td a, .calendar .dayNumber {
  float: left;
  width: 34px;
  padding: 10px;
  height: 25px;
  background:#1e3740;
  color: #fff;
  text-decoration: none;
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
  font-size: 20px;
  text-align: center;
}
.calendar .day a {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 34px;
  padding: 10px;
  height: 25px;
  transition: all 1s ease;
  background: none;
}
.calendar a.next, .calendar a.prev {
  float:none;
  display:inline-block;
  padding:8px 8px 8px 2px;
  background:#fdc62f;
  width:38px;
  height:30px;
  text-align:center;
  border-radius:50px;
}
.calendar .head a svg{
  width:auto;
  height:100%;
}
.calendar .head a svg *{
fill:#fff;
}
.calendar td a.next:hover,
.calendar td a.prev:hover {
  background: #1e3740;
}
.calendar .day a:hover {
  background: #efefef;
  opacity: 0.1;
}
.calendar td a.next {
  transform:rotate(180deg);
}

.calendar .info{
  width:100%;
}

.calendar .info tr td:first-child {
  word-break: keep-all;
}

.calendar .info tr td {
  vertical-align: top;
  border: none;
  height: auto;
  background: none;
  padding: 6px 2px;
}
.calendar .info tr td:first-child{
  padding-left:3px;
}

.calendar .info tr td.calendarEntry{
padding:1px 2px;
}

.calendar .info tr td span,
.calendar .info tr td a {
  font-size: 12px;
  float: none;
  width: auto;
  padding: 5px 0;
  background: none;
  position:initial;
  height:auto;
  display:inline-block;
  text-align:left;
}

.calendar .info tr td a.block_hour, .calendar .info tr td a.unblock_hour {
width:13px;
height:13px;
}

.calendar .info tr td a{
color:#0090e0;
}

.calendar .info tr {
  cursor: pointer;
  transition: 1s ease;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
}

.calendar .info tr td span.available {
  color: #7db427;
}

.calendar .info tr td span.unavailable {
  color: #dc3f2e;
}

.calendar .clickable {
  cursor: pointer;
}

.calendar .clickable:hover {
  background: #fdc62f;
}

#basket {
  float: right;
  width: 316px;
  margin-right: 25px;
  position: fixed;
  top: 80px;
  right: -10px;
  z-index: 991;
}

#basket .price_box {
  position: relative;
}

#basket .fixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: 275px;
}

#basket #priceSum1 {
  border: 1px #000 solid;
  border-bottom: none;
  background-image: url(/admin/images/hg-price.jpg);
  background-repeat: no-repeat;
  background-color: #ffffff;
  overflow: hidden;
}

#basket #priceSum1 .title2 {
  color: black;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  background-color: #e3e3e3;
  cursor: pointer;
}

#basket #priceSum1 .title2 img {
  margin-right: 10px;
  margin-bottom: -2px;
}

#basket #priceSum1 .title2 .sumSmall {
  float: right;
  text-decoration: underline;
}

#basket #priceSum1 #priceAll {
  margin: 8px;
  font-size: 12px;
  color: black;
  display: block;
}

#basket #priceSum1 #priceAll tr {
  line-height: 16px;
}

#basket #priceSum1 #priceAll tr.spacer {
  display: inline-block;
  margin-top: 5px;
}

#basket #priceSum2 {
  height: 40px;
  padding-top: 30px;
  border: 1px #000 solid;
  border-top: none;
  background: url(/admin/images/hg-price.jpg) no-repeat top center #fff;
  text-align: center;
  color: black;
  cursor: pointer;
}

#basket .sumBig {
  text-decoration: underline;
  font-size: 30px;
}

#basket .button {
  width: 45%;
  float: left;
  padding: 0;
  min-width: 45%;
}

#basket .button.abort {
  float: right;
}

#basket .indent {
  padding-left: 10px;
}

#basket a:not(.button) {
  color: #000;
}

#basket .discount a,
table tr.discount {
  color: #f00;
}

#basket a:not(.button):hover,
#basket .discount a:hover {
  color: #fdc62f;
}

.highlight {
  transition: 0.8s background;
  -moz-transition: 0.8s background;
  -webkit-transition: 0.8s background;
}

.highlight.highlightActive {
  background: #fdc62f !important;
}

.orderPreview {
  display: none;
}

.orderPreview.orderView,
body.orderPreview_fullscreen .orderPreview {
  display: block;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  padding:68px 5% 30px;
  background:rgba(0, 0, 0, 0.4);
  z-index:990;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

body.orderPreview_fullscreen{
  overflow:hidden;
}

.orderPreview_spacer,
.orderPreview_resizeBorder,
.orderPreview_iframe, .orderPreview_contentHolder {
  float: left;
  width: 100%;
}

.orderPreview_spacer {
  height:0
}

.orderPreview_iframe, .orderPreview_contentHolder {
height:calc(100vh - 68px - 30px - 56px);
height:-moz-calc(100vh - 68px - 30px - 56px);
height:-webkit-calc(100vh - 68px - 30px - 56px);
height:-o-calc(100vh - 68px - 30px - 56px);
height:-ms-calc(100vh - 68px - 30px - 56px);
  background: url(/admin/images/loading.gif) no-repeat center center #fff;
  border: none;
  border:1px solid #eaeaea;
  border-radius:0 0 5px 5px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

.orderPreview_contentHolder {
background:#fff;
padding:12px;
position:relative;
}

.orderPreview_contentHolder .preloader{
position:absolute;
}

.orderPreview_content{
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
}

.orderPreview_content .breadcrumb span:first-child, .visible_innerWindow{
display:none;
}

.orderPreview_content .visible_innerWindow, .orderPreview_content .visible_innerWindow span:first-child, .invisble_innerWindow, .invisble_innerWindow .span:first-child {
display:inline-block !important;
}

.orderPreview_content .invisible_innerWindow{
display:none !important;
}

.orderPreview_resizeHelper {
  background: none;
  z-index: 10000000000;
  display: none;
}

.orderPreview_resizeBorder {
  background: #1e3740;
  border:1px solid #1e3740;
  color: #fff;
  border-radius:5px 5px 0 0;
  padding: 7px 10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  padding: 12px;
  font-size: 16px;
text-transform: uppercase;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.notCloseable .orderPreview_resizeBorder a.orderPreview_close{
display:none;
}

.orderPreview_resizeBorder a.orderPreview_close {
  cursor: pointer;
}

.orderPreview_resizeBorder a.orderPreview_close svg{
width:24px;
height:auto;
float:right;
}

.orderPreview_resizeBorder a.orderPreview_close svg *, .ui-dialog .ui-dialog-titlebar-close svg *{
fill:#b8b7b6;
transition:ease .3s;
  -moz-transition:ease .3s;
  -webkit-transition:ease .3s;
  -o-transition:ease .3s;
  -ms-transition:ease .3s;
}

.orderPreview_resizeBorder a.orderPreview_close:hover svg *, .ui-dialog .ui-dialog-titlebar-close:hover svg *{
fill:#fff;
}

.orderDetailsPaymentForm input[name="datum"]{
width:100px;
}
.orderDetailsPaymentForm input[name="betrag"]{
width:100px;
}

.orderDetailsPaymentForm select, .orderDetailsPaymentForm input[name="kommentar"]{
width:calc(50% - 106px);
width:-moz-calc(50% - 106px);
width:-webkit-calc(50% - 106px);
}

.hallMap, .hallMapRelative {
  position: relative;
  user-select: none;
}

.hallMap img {
  width: 1600px;
  float: left;
  z-index: 10;
  position: relative;
  user-select: none;
}

.hallMap span.table {
  position: absolute;
  border: 3px dashed #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: left;
  z-index: 989;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
}

.hallMap span.table.selected {
  border: 3px dashed #f00;
}

.hallMap span.table span.title {
  float: left;
  width: auto;
  padding: 2px 4px;
  background: #666 !important;
  color: #fff;
  font-weight: bold;
}

.hallMap span.table.selected span.title {
  display: none;
}

.hallMap span.table.printable {
  border: 3px solid #666;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}

.hallMap span.table.printable table {
  font-size: 12px;
  width: 100%;
}

.hallMap span.seat {
  float: left;
  width: 26px;
  height: 26px;
  border: 3px solid #666;
  border-radius: 50%;
  background: #f7f7f7;
  z-index: 990;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.hallMap span.seat.new {
  border-color: #0090e0;
}

.hallMap span.seat.reserved {
  background: #666;
}

.hallMap span.seat.selected {
  border-color: #fdc62f !important;
  background: #fdc62f !important;
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  -ms-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
}

.hallMap span.seat.new.selected {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  50% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hallMap span.seat.new.selected {
  cursor: move;
}

#clientName {
  float: left;
  width: 100%;
  z-index: 990;
  position: fixed;
  top: 80px;
  left: 0;
  text-align: center;
}

#clientName span {
  float: none;
  width: auto;
  display: inline-block;
  padding: 3px 10px;
}

.print {
  display: none;
}

#ui-datepicker-div {
  z-index: 999 !important;
}

.ui-tooltip-content {
  font-size: 15px;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.tagesabrechnung {
  width: 180mm;
}

table.tagesabrechnung td {
  border: 1px solid #000;
  padding: 8px;
  font-size: 14px;
}

#tracking_hover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.site_handler {
  float: left;
  width: 100%;
  margin: 7px 0 4px;
}

.site_handler span.text {
  display: none;
}

.site_handler span,
.site_handler a {
  float: left;
  padding: 4px 6px;
  border: 1px solid #ddd;
  margin:5px 10px 5px 0;
  min-width: 15px;
  text-align: center;
  color: #000;
  border-radius:3px;
}

.site_handler span.current,
.site_handler a:hover,
.site_handler a:active {
  font-weight: bold;
  background: #000;
  border-color: #000;
  color: #fff;
}

.site_handler + table {
  margin-top: 0;
}

#tablePlanOrderSelection tr {
  border-bottom: 3px solid #fff;
  height: 35px !important;
  background: rgba(220, 63, 46, 0.2) !important;
  cursor: pointer;
  color: inherit !important;
}

#tablePlanOrderSelection tr td {
  vertical-align: middle;
  line-height: 14px;
}

#tablePlanOrderSelection tr:hover,
#tablePlanOrderSelection tr.selected.complete,
#tablePlanOrderSelection tr.selected {
  background: url(/admin/images/arrow-yellow-start.jpg) no-repeat left center #fdc62f !important;
  font-weight: bold;
}

#tablePlanOrderSelection tr.complete {
  background: rgba(125, 180, 39, 0.2) !important;
}

table.list:not(.headerTable) .trWrapper tr:first-child {
  background: inherit !important;
  color: inherit !important;
}

table.list:not(.headerTable) .trWrapper tr:first-child:hover td {
  background: #fce29a !important;
  color: rgb(0, 0, 0) !important;
}

.infoPanel{
  position:fixed;
  top:68px;
  right:0;
  width:300px;
  font-size:14px;
  line-height:18px;
  height:calc(100vh - 68px);
  height:-moz-calc(100vh - 68px);
  height:-webkit-calc(100vh - 68px);
  height:-o-calc(100vh - 68px);
  height:-ms-calc(100vh - 68px);
  padding:30px 25px 15px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;  
  -ms-box-sizing:border-box;
  background:#eaeaea;
  overflow-y:auto;
}

.infoPanel .holder{
  width:100%;
  overflow:initial;
  scrollbar-width:thin;
}

.orderPreview_content .infoPanel, .order_details_view .infoPanel{
position:relative;
top:0;
right:0;
float:right;
height:auto;
}

.leftInfoPanel{
display:inline-block;
width:calc(100% - 305px);
width:-moz-calc(100% - 305px);
width:-webkit-calc(100% - 305px);
width:-o-calc(100% - 305px);
width:-ms-calc(100% - 305px);
}

.leftInfoPanel #subnavi{
right:325px;
}

.orderPreview_content #subnavi{
right:110px;
top:130px;
}

.orderPreview_content .leftInfoPanel #subnavi{
right:400px;
}

.order_info_field{
background-color:#177ee52a;
padding:30px;
float:left;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
border-radius:5px;
}

.order_details_view{
padding-top:40px;
float:left;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
position:relative;
}

.order_details_view .breadcrumb{
display:none;
}

.order_details_view .leftInfoPanel #subnavi{
position:absolute;
top:40px;
}

@media print {
  body{
    background:#fff;
  }
  .print {
    display: block;
  }

  td.print {
    display: table-cell;
  }

  tr.print {
    display: table-row;
  }

  table.print {
    display: table;
  }

  .noPrint,
  .breadcrumb,
  #basket,
  #logged_in,
  #nav,
  .preloader,
  #header .currentUser,
  #header #navButton,
  #header #searchbar{
    display: none !important;
  }

  #header {
    position: absolute;
    height: 46px;
    box-shadow: none;
  }

  #header #logo svg, .logo svg, #header #logo img, .logo img{
    height:52px;
  }

  #header img {
    height: 30px;
  }

  #content {
    margin-top: 60px;
    padding:30px;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-row-group;
  }

  tr {
    page-break-inside: avoid;
  }

  .hallMap span.table.printable table {
    font-size: 11px;
  }
  b.printNotBold{
    font-weight:400;
  }
  .dataTable *, table.filterList *{
    font-size:12px !important;
  }
}

.on-767,
.ontr-767,
.ontr-600,
.on-600,
.ontr-1199,
.ontr-600,
.ontr-480,
.displaytc-1199,
.displaytc-979,
.displaytc-767,
.displaytc-600,
.off,.navButton  {
  display: none;
}
.on-1199, .on-979, .on-480 {
  display: none !important;
}
.displayb {
  display: block;
}

.lowgrey {
  background-color: #efefef !important;
}

#dateSelector .date-1 {
  width: 100px !important;
}
#dateSelector .date-2 {
  width: 70px !important;
}

.filterShow {
  display: none;
  width: auto;
  margin: 10px 0;
}

.filterShow.showAlways{
display:inline-block;
}

.w100 {
  width: 100% !important;
}

#paymentForm table{
width:65% !important;
float:left;
}

#paymentForm table:nth-of-type(2n){
width:33% !important;
float:right;
}

#paymentForm table input, #paymentForm table select{
width:100%;
}

#paymentForm table input[type="checkbox"], #paymentForm table input[type="radio"]{
width:auto;
}

#paymentForm .currencyHolder, .orderDetailsPaymentForm .currencyHolder{
position:relative;
}

#paymentForm table span.currency, .orderDetailsPaymentForm span.currency{
top:0;
left:10px;
z-index: 2;
position: absolute;
color:#bbb;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
-ms-user-select:none;
}

.filterDate {
  float: left;
}
.filterDate-1, .filterDate-2  {
  float: left;
}
.filterDate-1 {
  margin-right: 5px;
}

.filterDate-1 input, .filterDate-2 input {
  width: 105px;
}

table.list:not(.headerTable) .rowContainer tr:first-child,table.list:not(.headerTable) .rowContainer tr:first-child td:hover,  table.list:not(.headerTable) .rowContainer tr:not(.noHover):first-child:hover td {
  background: transparent !important;
  color: inherit !important;
}

.ui-tooltip.nav{
position:fixed;
}

.ui-tooltip{
background:#0f171a;
border-radius:2px;
border:none !important;
box-shadow:0 0 10px 0 #80808026;
color:#efefef;
}

.ui-tooltip div.arrow{
position:absolute;
width:0;
content:" ";
font-size:0;
line-height:0;
display:inline-block;
}

.ui-tooltip div.arrow.left, .ui-tooltip div.arrow.right{
top:50%;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
}

.ui-tooltip div.arrow.left{
left:-7px;
border-right:8px solid #0f171a;
}

.ui-tooltip div.arrow.right{
right:-7px;
border-left:8px solid #0f171a;
}

.ui-widget-overlay{
opacity:.3;
background:#000;
z-index:996 !important;
}

.ui-dialog{
position:fixed;
top:50% !important;
left:50% !important;
z-index:997 !important;
max-width:90%;
padding:0;
transform:translateX(-50%) translateY(-50%);
border:none !important;
border-radius:5px;
max-height:90vh;
}

.ui-dialog .ui-dialog-titlebar{
padding:10px 15px;
text-transform:uppercase;
border-radius:5px 5px 0 0;
font-size:16px;
font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight:400;
height:27px;
}

.ui-dialog .ui-dialog-titlebar-close{
right:15px;
background:none;
border:none;
}

.ui-dialog .ui-dialog-titlebar-close svg{
width:100%;
height:auto;
}

.ui-dialog .ui-dialog-content{
padding:15px;
max-height:calc(90vh - 47px - 100px) !important;
max-height:-moz-calc(90vh - 47px - 100px) !important;
max-height:-webkit-calc(90vh - 47px - 100px) !important;
max-height:-o-calc(90vh - 47px - 100px) !important;
max-height:-ms-calc(90vh - 47px - 100px) !important;
}

.ui-dialog .ui-dialog-content ul{
margin-top:15px;
}

.ui-dialog .ui-dialog-content ul li span.error{
display:inline;
}

.ui-dialog .ui-dialog-buttonpane{
padding:10px 15px;
border-radius:5px;
}

.ui-dialog .ui-dialog-buttonpane button:last-child{
margin-right:0;
}

.ui-dialog .ui-dialog-buttonpane button:first-child{
background:#fdc62f;
border-color:#fdc62f;
color:#fff;
}

.ui-dialog .ui-dialog-buttonpane button:first-child:hover{
opacity:.7;
}

.ui-dialog input, .ui-dialog select, .ui-dialog textarea{
width:100%;
}

.ui-widget-header{
background:#1e3740;
color:#fff;
border:none;
}

.ui-widget-header .ui-icon{
background-image:url(/admin/js/images/ui-icons_ffffff_256x240.png);
}

.dashboard-masonry{
columns:400px 3;
column-gap:24px;
margin-top:15px;
}

.dashboard-column{
width:32%;
width:calc(33.33% - 12px);
width:-moz-calc(33.33% - 12px);
width:-webkit-calc(33.33% - 12px);
width:-o-calc(33.33% - 12px);
width:-ms-calc(33.33% - 12px);
display:inline-block;
vertical-align:top;
padding-right:12px;
}

.dashboard-column:nth-of-type(3n){
padding-right:0;
}

.dashboard-masonry .dashboard-column{
width:100%;
padding-right:0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
position:relative;
}

.dashboard-column .clickableRow .explanation{
font-size:10px;
}

.dashboard-masonry .dashboard-column .buttonHolder{
position: absolute;
top:20px;
right:-14px;
width:35px;
z-index:1;
}

.dashboard-masonry .dashboard-column:first-child .buttonHolder .up, .dashboard-masonry .dashboard-column:last-child .buttonHolder .down, .dashboard-column.hidden table.list .clickableRow{
display:none;
}

.dashboard-column.hidden div.chart, .dashboard-column.hidden table.list, .dashboard-column.hidden table.list td{
background:#eaeaea;
filter:grayscale(1);
}

/*.dashboard-column:first-child table.list, .dashboard-column:first-child  div.chart{
margin-top:0;
}*/
.dashboard-column table.list .explanation{
word-break:break-all;
}
div.chart{
page-break-inside:avoid;
}
.ct-chart {
position: relative;
}
.ct-bar{
stroke-width:5px;
}
.pie-chart .ct-golden-section > svg{
transform:translateX(-15%);
}
.ct-legend {
position: relative;
z-index: 10;
list-style: none;
text-align: center;
font-size:12px;
line-height:16px;
}
.pie-chart .ct-legend{
max-width:30%;
text-align:right;
}
.bar-chart .ct-legend {
position: absolute;
bottom:0;
width:100%;
margin:0;
padding:0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.ct-legend li {
position: relative;
padding:3px 0 3px 23px;
margin-right: 10px;
margin-bottom: 3px;
cursor: pointer;
display: inline-block;
}
.pie-chart .ct-legend li{
padding-left:0;
padding-right:23px;
}
.ct-legend li:before {
width: 12px;
height: 12px;
position: absolute;
left: 0;
content: '';
border: 3px solid transparent;
border-radius: 2px;
}
.pie-chart .ct-legend li:before{
left:auto;
right:0;
}
.ct-legend li.inactive:before {
background: transparent;
}
.ct-legend.ct-legend-inside {
position: absolute;
top: 0;
right: 0;
}
.ct-legend.ct-legend-inside li{
display: block;
margin: 0;
}
.ct-bar,.ct-line,.ct-point,.ct-slice-donut{stroke:#ccc}
.ct-area,.ct-slice-donut-solid,.ct-slice-pie{fill:#ccc}
.ct-legend li:before {
background-color: #ccc;
border-color: #ccc;
}
.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#1e3740}
.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{fill:#1e3740}
.ct-legend .ct-series-0:before {
background-color: #1e3740;
border-color: #1e3740;
}
.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#ffd86c}
.ct-series-b .ct-brea,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{fill:#ffd86c}
.ct-legend .ct-series-1:before {
background-color: #ffd86c;
border-color: #ffd86c;
}
.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#a35c00}
.ct-series-c .ct-crea,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{fill:#a35c00}
.ct-legend .ct-series-2:before {
background-color: #a35c00;
border-color: #a35c00;
}
.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#fdc62f}
.ct-series-d .ct-drea,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{fill:#fdc62f}
.ct-legend .ct-series-3:before {
background-color: #fdc62f;
border-color: #fdc62f;
}
.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}
.ct-series-e .ct-erea,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{fill:#453d3f}
.ct-legend .ct-series-4:before {
background-color: #453d3f;
border-color: #453d3f;
}
.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#eea13d}
.ct-series-f .ct-erea,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{fill:#eea13d}
.ct-legend .ct-series-5:before {
background-color: #eea13d;
border-color: #eea13d;
}

.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#d17905}
.ct-series-g .ct-erea,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{fill:#d17905}
.ct-legend .ct-series-6:before {
background-color: #d17905;
border-color: #d17905;
}
.ct-legend .ct-series-7:before {
background-color: #6b0392;
border-color: #6b0392;
}
.ct-legend .ct-series-8:before {
background-color: #f05b4f;
border-color: #f05b4f;
}
.ct-legend .ct-series-9:before {
background-color: #dda458;
border-color: #dda458;
}
.ct-legend .ct-series-10:before {
background-color: #eacf7d;
border-color: #eacf7d;
}
.ct-legend .ct-series-11:before {
background-color: #86797d;
border-color: #86797d;
}
.ct-legend .ct-series-12:before {
background-color: #b2c326;
border-color: #b2c326;
}
.ct-legend .ct-series-13:before {
background-color: #6188e2;
border-color: #6188e2;
}
.ct-legend .ct-series-14:before {
background-color: #a748ca;
border-color: #a748ca;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 5em;
  padding: .5em;
  background: #fdc62f;
  color: #fff;
  font-family: Oxygen,Helvetica,Arial,sans-serif;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #fdc62f;
}
.chartist-tooltip.tooltip-show {
    opacity: 1;
}

.ct-area, .ct-line {
  pointer-events: none;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end, .ct-label.ct-vertical.ct-start{
  font-size:10px;
}
/*.visitorChart .ct-label.ct-horizontal.ct-end{
  transform: translate(20px, -18px) rotate(-90deg);
  -webkit-transform: translate(20px, -18px) rotate(-90deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  justify-content:right;
}*/
.chartist-tooltip-meta, .chartist-tooltip-value{
white-space:nowrap;
font-size:12px;
line-height:14px;
}
.ui-autocomplete{
z-index:995 !important;
}
.ui-autocomplete .ui-menu-item-wrapper{
padding:8px 5px 8px 25px;
border-bottom:1px solid #eaeaea;
}
.ui-autocomplete .ui-menu-item-wrapper.isAccount{
background-image:url(/admin/images/lock.png);
background-repeat:no-repeat;
background-position:left 5px center;
background-size:auto 15px;
}
.tabMenu{
padding-bottom:15px;
}
.tabMenu a{
display:inline-block;
width:auto;
padding:5px 15px;
text-transform:uppercase;
color:#333;
margin-right:7px;
transition:.3s ease;
-moz-transition:.3s ease;
-webkit-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease;
}
.tabMenu a:last-child{
margin:0;
}
.tabMenu a.selected{
color:#fdc62f;
}
.tabMenu a.selected, .tabMenu a:hover, .tabMenu a:active{
border-bottom:3px solid #fdc62f;
}

table#orderDetails{
  width:100%;
  margin-top:20px;
}

table#orderDetails td.spacer{
  width:15px;
}

table#orderDetails td.generalDataColumn{
  width:28%;
}

table#orderDetails td.buttonColumn{
  width:60px;
}

table#orderDetails td.buttonColumn .subnaviButton{
  margin:0 0 10px;
}

table#orderDetails td.buttonColumn .subnaviButton span{
display:inline-block;
}

.groupBox{
box-shadow:0 0 10px 0 #0000001a;
background:#fff;
margin-bottom:20px;
padding:0 20px 20px;
width:100%;
position:relative;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.groupBox tr:not(.title) td{
padding:8px 4px;
}

.groupBox tr.title td{
padding-left:4px;
padding-right:4px;
}

.groupBoxActions{
position:absolute;
top:15px;
right:15px;
white-space:nowrap;
}

.list .groupBoxActions{
top:20px;
right:20px;
}

.groupBoxActions .svgListShortcut{
width:22px;
height:22px;
}

.groupBox h2{
padding-left:0;
padding-right:0;
}

.responsiveTable {
    width: 100%;
}

img.svgButton {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.buttonArea{
  margin-top:10px;
  width:100%;
  float:left;
}

.bottom_window{
display:none;
position:fixed;
bottom:0;
right:0;
background:#1e3740;
width:calc(100vw - 60px);
width:-moz-calc(100vw - 60px);
width:-webkit-calc(100vw - 60px);
width:-o-calc(100vw - 60px);
width:-ms-calc(100vw - 60px);
height:25vh;
padding:10px 0 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.bottom_window h2{
margin:0;
padding:0 0 5px 0;
font-size:15px;
line-height:15px;
text-align:center;
color:#fff;
}
.bottom_window .holder{
height:calc(100% - 20px);
height:-moz-calc(100% - 20px);
height:-webkit-calc(100% - 20px);
height:-o-calc(100% - 20px);
height:-ms-calc(100% - 20px);
width:100%;
overflow-x:none;
overflow-y:auto;
scrollbar-width: thin;
scrollbar-color: #1e3740 #CFD8DC;
background:#fff;
padding:0 15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.bottom_window .client_row{
padding:7px 0;
border-top:1px solid #bbb;
}
.bottom_window_spacer{
display:none;
width:100%;
height:25vh;
float:left;
}

.svgListShortcut{
width:16px;
height:16px;
margin-left:8px;
padding:6px;
display:inline-block;
vertical-align:middle;
}

.svgListShortcut svg, .svgListShortcut img{
width:100%;
height:auto;
}

.svgListShortcut svg *{
fill:#1e3740;
transition:.3s ease;
-moz-transition:.3s ease;
-webkit-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease;
}

.svgListShortcut.red svg *{
fill:#ff0000;
}

.svgListShortcut:hover svg *, .svgListShortcut:active svg *{
fill:#fdc62f;
}

.listShortcuts{
white-space:nowrap;
width:53px;
display:inline-block;
overflow:visible;
}

.listShortcutHolder{
white-space:nowrap;
width:auto;
float:right;
}

.flyingLabel{
position:relative;
display:inline-block;
padding:7px 0;
vertical-align:top;
overflow:hidden;
width:100%;
}
span.flyingLabel{
width:100%;
}
.flyingLabel .labelText{
position:absolute;
top:18px;
left:10px;
color:#9ca1a4;
font-size:15px;
white-space:nowrap;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
-ms-user-select:none;
transition:.3s ease;
-moz-transition:.3s ease;
-webkit-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease;
}
.flyingLabel .labelText.right{
text-align:right;
display:inline-block;
width:100%;
}
.flyingLabel .required ~ .labelText::after{
font-weight:bold;
content:"*";
}
.flyingLabel .labelText, span.flyingLabel .labelText, .flyingLabel input:focus ~ .labelText, .flyingLabel input.filled ~ .labelText, .flyingLabel select ~ .labelText, .flyingLabel textarea:focus ~ .labelText, .flyingLabel textarea.filled ~ .labelText{
font-size:11px;
top:-3px;
left:0;
color:#495057;
}
.firstname_probabilities, .vat_id_check_result{
margin-top:-10px;
padding-bottom:5px;
display:block !important;
}

.changingBackground{
padding:15px;
}

.changingBackground:nth-of-type(2n){
background:#eaeaea;
}

.extensibleForm a.delete{
border:none;
padding:0;
width:36px;
height:36px;
float:none;
display:inline-block;
}

.extensibleForm a.delete img{
width:100%;
height:100%;
}

.inputHolder{
display:inline-block;
vertical-align:top;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
padding-right:20px;
}

.oneInputInRow .inputHolder{
width:100%;
}

.twoInputsInRow .inputHolder{
width:49.5%;
}

.threeInputsInRow .inputHolder{
width:33%;
}

.fourInputsInRow .inputHolder{
width:24.5%;
}

.fiveInputsInRow .inputHolder{
width:19.5%;
}

.oneInputInRow .inputHolder, .twoInputsInRow .inputHolder:nth-of-type(2n), .threeInputsInRow .inputHolder:nth-of-type(3n), .fourInputsInRow .inputHolder:nth-of-type(4n), .fiveInputsInRow .inputHolder:nth-of-type(5n){
padding-right:0;
}

.inputHolder .flyingLabel{
width:100%;
}

.inputHolder.dateTime .time{
width:80px !important;
}

.inputHolder.dateTime .date{
width:calc(100% - 84px) !important;;
}

.input-street-house .flyingLabel{
width:23%;
}

.input-street-house .flyingLabel:first-child{
width:75%;
}

.input-zip-city .flyingLabel{
width:75%;
}

.input-zip-city .flyingLabel:first-child{
width:23%;
}

.inputHolder input[type="text"], .inputHolder input[type="password"], .inputHolder input[type="email"], .inputHolder input[type="number"], .inputHolder input[type="tel"], .inputHolder input[type="text"], .inputHolder select, .inputHolder .select2-container--default .select2-selection--single, .inputHolder textarea{
width:100% !important;
vertical-align:top;
}

.inputHolder input.number{
max-width:100%;
vertical-align:top;
}

.inputHolder .explanation{
display:inline-block;
width:100%;
}

.inputHolder .info.icon{
display:inline-block;
width:18px;
height:18px;
background:url(/admin/svg/info.svg?color=1e3740);
background-size:contain;
background-repeat:no-repeat;
cursor:pointer;
vertical-align:middle;
}

.inputHolder .info.icon:hover{
opacity:.7;
}

.nobr{
white-space:nowrap;
}

input.inclDeleteButtonSpacer{
width:260px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
top:5px;
}

input[type="text"].costs, select.costs{
background-color:#f4b7b7;
background-image:linear-gradient(0deg, #E45050 2px, #9c27b000 0px), linear-gradient(0deg, #999 1px, #dedede00 0px);
}
nobr.costs{
color:#f4b7b7;
}

.input_loader{
position:absolute;
margin-top:10px;
}

#kalkulator{position:relative;float:left;width:100%;}
#kalkulator table tr td{vertical-align:middle;padding:4px 0}
#kalkulator table.innerTable tr td:nth-of-type(1){width:5px;vertical-align:top}
#kalkulator input[type=checkbox],#kalkulator input[type=radio],#kalkulator table td input[type=text]{margin-right:8px}
#kalkulator input[type=checkbox]{margin-right:5px}
#kalkulator input[name="breite"], #kalkulator select[name="breite"],#kalkulator input[name="hoehe"],#kalkulator select[name="hoehe"],#kalkulator input[name=menge]{width:25% !important;min-width:70px;display:inline-block;}
#kalkulator .zubehoer_menge{width:30px;float:left;margin:0 2% 3px 0}
#kalkulator input[type=number],#kalkulator input[type=text]{padding:2px;line-height:13px}
#kalkulator #preis span.mini{font-size:13px;color:#636363}
#kalkulator table label{width:auto}
#kalkulator table td{vertical-align:middle}
#kalkulator #preis .angebot,#kalkulator #preis .error{line-height:25px;text-align:center}
#kalkulator #preis .error{color:#872927}
#kalkulator .format .col-xs-9{text-align:right;}
#kalkulator .product_preview{float:right;max-width:40%;width:120px;margin:24px 0 10px}
#kalkulator #preis #price-per-piece{
  display:block;
  width:100%;
  font-size:11px;
  color:#333;
  text-align:right;
  font-weight:400;
  margin-top:-3px;
}

#kalkulator input[name="breite"], #kalkulator select[name="breite"],#kalkulator input[name="hoehe"],#kalkulator select[name="hoehe"]{
width:100%;
min-width:none;
margin:0;
}

#kalkulator .flyingLabel{
width:25px;
min-width:70px;
margin:5px 0;
padding:0;
vertical-align:middle;
overflow:visible;
}

#kalkulator .flyingLabel .labelText{
top:-8px;
}

#kalkulator #preis .client-discount{
color:#0090e0;
border-bottom:1px solid #000;
padding-bottom:4px;
margin-bottom:4px;
}

#kalkulator #preisbox .shop-uploadbutton{
padding:0;
}

#kalkulator .page-loader{
    position:absolute;
    display:none;
    z-index:500;
    background:rgba(255,255,255,.8);
}
#kalkulator .page-loader .loader{
    display:block !important;
}
#kalkulator .typ-checkbox.form-group, #kalkulator .typ-checkbox_select.form-group, #kalkulator .typ-checkbox_select_simple.form-group{
  margin-bottom:5px;
}
#kalkulator .typ-number, #kalkulator .typ-multiple_numbers{
display:inline-block;
width:100%;
}
#kalkulator .typ-number input, #kalkulator .typ-multiple_numbers input{
  min-width:70px;
  width:20%;
  float:right;
  margin:0;
}

#kalkulator .typ-note{
border:1px solid #0090e0;
background:#f3fbff;
padding:13px 10px;
}

#kalkulator td.w33x3{
  vertical-align:top;
}

#kalkulator .form-group select, #kalkulator .form-group input[type="text"]{
  width:100%;
}

#kalkulator .form-group label{
  font-weight:bold;
}

#kalkulator .form-group .col-xs-3, #kalkulator .form-group .col-xs-9, #kalkulator .form-group .col-xs-8, #kalkulator .form-group .col-xs-4{
  width:25%;
  display:inline-block;
  vertical-align:top;
}

#kalkulator .form-group .col-xs-9{
  width:74%;
}

#kalkulator .form-group .col-xs-8{
  width:66%;
  float:left;
}
#kalkulator .form-group .col-xs-4{
  width:33%;
  float:right;
}

#kalkulator #preis .col-xs-8{
  font-weight:bold;
}

#kalkulator #preis .col-xs-4{
  text-align:right;
}

#kalkulator .options-list .hidden{
display:none;
}

#kalkulator .options-list .form-group.is_changeable_price, #kalkulator .options-list .form-group.is_changeable_price .input_holder{
padding-right:140px;
box-sizing:border-box;
position:relative;
min-height:36px;
}

#kalkulator .options-list .form-group.is_changeable_price .holder{
width:calc(100% + 140px);
width:-moz-calc(100% + 140px);
width:-webkit-calc(100% + 140px);
width:-o-calc(100% + 140px);
width:-ms-calc(100% + 140px);
}

#kalkulator .options-list .form-group.is_changeable_price .changeable_price{
width:65px;
min-width:auto;
position:absolute;
top:0;
right:0;
margin-right:0;
}

#kalkulator .options-list .form-group.is_changeable_price.typ-checkbox .changeable_price{
margin:0;
}

#kalkulator .options-list .form-group.is_changeable_price .changeable_price.unit{
right:67px;
}

#kalkulator .options-list .form-group.is_changeable_price.priceChanged .changeable_price, #kalkulator .options-list .form-group.is_changeable_price .priceChanged .changeable_price, #order_table tr.price_changed input.einzelpreis, #order_table tr.price_changed input.preis, #order_table textarea.description_changed, #order_table div.trumbowyg-editor.description_changed, #order_table div.aEditor.description_changed .aEditorContent, #order_table tr.discount_changed input.einzelrabatt, #order_table tr.discount_changed select.einzelrabatt_prozent {
background-color:#83d0fa;
}

#kalkulator .options-list .reset_price{
display:none;
}

#kalkulator .options-list .priceChanged .reset_price{
position:absolute;
top:10px;
right:-15px;
display:inline-block;
color:#f00;
font-size:18px;
cursor:pointer;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
-ms-user-select:none;
}

#kalkulator .groupBox h2{
position:relative;
}
#kalkulator .groupBox span.changeable_price_title{
position:absolute;
top:-2px;
right:2px;
text-transform:none;
font-size:9px;
color:#495057;
z-index:1;
}

#kalkulator .groupBox span.changeable_price_title:nth-of-type(1){
right:69px;
}

#kalkulator .panel {
  border:1px solid #f7f7f7;
  border-radius: 2px;
  margin-bottom: 20px;
  border:none;
}

#kalkulator .panel-heading {
  border-bottom: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #f7f7f7;
  background-image: linear-gradient(0deg, #60b55b 2px, #9c27b000 0px), linear-gradient(0deg, #999 1px, #dedede00 0px);
  background-position: 50% 100%, 50% calc(100% - 1px);
  background-repeat: no-repeat, repeat;
  background-size: 0px 100%, 100% 100%;
  transition: background 0s ease-out;
  -moz-transition: background 0s ease-out;
  -webkit-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  -ms-transition: background 0s ease-out;
}

#kalkulator .collapsed .panel-heading{
transition: background .3s ease-out;
-moz-transition: background .3s ease-out;
-webkit-transition: background .3s ease-out;
-o-transition: background .3s ease-out;
-ms-transition: background .3s ease-out;
background-size: 100% 100%, 100% 100%;
}

#kalkulator .panel-title a:link, #kalkulator .panel-title a:visited {
  text-decoration: none;
  padding:6px 10px;
  display: block;
  color:#000
}

#kalkulator .pull-right {
  float: right !important;
  margin-right:-5px;
}

#kalkulator .panel-title a img{
width:10px;
height:10px;
}

#kalkulator .collapse {
  display: none;
  visibility: hidden;
}

#kalkulator .collapse.in {
  display: block;
  visibility: visible;
}

#kalkulator .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height , visibility;
  -o-transition-property: height , visibility;
  transition-property: height , visibility;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

#kalkulator .panel .row {
  margin-left: -15px;
  margin-right: -15px;
}

#kalkulator .panel .col-xs-6 {
  float:left;
  width: 50%;
  position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing:border-box;
}

#kalkulator .panel-body{
  padding:10px;
  border:5px solid #f7f7f7;
  border-top:none;
}

#kalkulator .row::before, #kalkulator .row::after, #kalkulator .panel-body::after, #kalkulator .panel-body::before {
  content: " ";
  display: table;
}

#kalkulator .panel-body::after, #kalkulator .row::after {
  clear: both;
}

#kalkulator .panel-body label {
  cursor: pointer;
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%;
  font-weight: 700;
  font-size:13px;
}

#kalkulator label.radio img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

#kalkulator .panel-opt-input {
  display: block;
  margin-top: 10px;
  cursor:pointer;
}

#order_table select[name="no_ust"]{
  width:110px;
}

#order_table #order_bottom tr td:first-child{
border:none !important;
}

#order_table #rabatt_row td{
background:#ffffa0;
}

#order_table #rabatt_row td:first-child{
background:none;
}

#order_table textarea.verarbeitung{
  width:100%;
}

#order_table tr.optional td, #order_table tr.alternative td{
background:#bed9f8;
}

#order_table tr.alternative td.einzelwerte, #order_table tr.alternative td.gesamtpreis{
font-style:italic;
}

#order_table tr.hidden td{
background:#eaeaea;
}

#order_table td.buttonHolder .svgListShortcut{
margin:0 0 5px;
padding:8px 10px;
}

#order_table td.buttonHolder .svgListShortcut img{
width:100%;
height:auto;
}

#order_table #positions tr.extensibleFormRow:first-child .up, #order_table #positions tr.extensibleFormLastRow .down{
display:none !important;
}

#order_table #positions .image .imgHolder{
display:inline-block;
width:100%;
text-align:center;
background:url(/admin/images/loader_tiny.gif) no-repeat top center;
min-height:20px;
position:relative;
margin-bottom:10px;
}

#order_table #positions .image .imgHolder .buttonHolder{
position:absolute;
top:0;
right:0;
display:inline-block;
width:20px;
}

#order_table #positions .image .imgHolder .buttonHolder *{
width:20px;
height:auto;
}

#order_table #positions .image .imgHolder .buttonHolder img{
background:rgba(255, 255, 255, 0.7);
border-radius:2px;
}

#order_table #positions .description_reset_button{
width:15px;
position:absolute;
top:-7px;
right:0;
z-index:12;
}

#order_table #positions .aEditor .description_reset_button{
top:0;
}

#order_table #positions .description_reset_button img{
width:15px;
height:auto;
}

#order_table #positions .image .imgHolder .details, #order_table #positions .image .imgHolder .details .error{
display:inline-block;
width:100%;
font-size:10px !important;
line-height:12px !important;
}

#order_table #positions .image .imgHolder .preview_more_images{
display:flex;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(30,55,64,.75);
color:#fff;
text-align:center;
font-weight:bold;
font-size:22px;
justify-content:center;
align-items:center;
}

#order_table .image .printdata, #order_table .image .productImage{
max-width:100%;
width:150px;
}

#order_table #positions .extensibleFormNewRow .svgListShortcut, #order_table #positions .extensibleFormNewRow  .uploadPrintData{
display:none;
}

#order_table #versand .select2-container--default .select2-selection--single .select2-selection__rendered{
font-weight:bold;
}

#order_table .is_fixed_product .hide_fixed_product{
display:none !important;
}

#order_table .is_fixed_product .select2{
pointer-events:none;
user-select:none;
}

#order_table .tax_sum.no_vat{
background-color:#a4d2ff
}

#order_table .hide_rabatt_checkbox{
display:none;
}

#order_table td.hide_discount{
background:#bbb;
}

#calc_log{
float:left;
width:100%;
padding:15px;
background:#eaeaea;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

img.loading{
display:none;
float:right;
position:relative;
right:0;
}

.flyingLabel img.loading{
margin-top:-33px;
}

img.loading.with_padding{
right:-10px;
}

.flyingLabel img.loading{
right:3px;
top:20px;
position:absolute;
margin-top:0;
}

#order_addresses{
padding-top:15px;
}

#order_addresses .adressBox{
display:inline-block;
vertical-align:top;
width:calc(33% - 20px);
margin-right:30px;
cursor:pointer;
}

#order_addresses .adressBox:nth-of-type(3n){
margin-right:0;
}

#order_addresses .address{
display:none;
}

#order_addresses .addressPreview .editIcon{
float:right;
margin-left:5px;
margin-bottom:5px;
}

#order_addresses h2 select{
padding:0;
background:none;
margin:0;
height:24px;
width:calc(100% - 30px) !important;
width:-moz-calc(100% - 30px) !important;
width:-webkit-calc(100% - 30px) !important;
width:-o-calc(100% - 30px) !important;
width:-ms-calc(100% - 30px) !important;
vertical-align:top;
}

#order_addresses h2 .delete{
border:none;
width:24px;
height:24px;
display:inline-block;
float:none;
vertical-align:top;
margin:0;
}

#dropzone {
display: none;
z-index: 9999;
overflow: hidden;
width: 100%;
height: 100%;
position: fixed;
text-transform: uppercase;
left: 0;
top: 0;
background-color: #000;
opacity: 0.7;
}
#dropzone.active {
display: block;
}
#dropzone > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 26px;
color: white;
}
.groupBox #documents{
width:calc(100% + 40px);
width:-moz-calc(100% + 40px);
width:-webkit-calc(100% + 40px);
width:-o-calc(100% + 40px);
width:-ms-calc(100% + 40px);
margin-left:-20px;
}
#documents .dz-preview, .dz-file-preview {
display: none;
}
#documents .progress {
background: #fff;
border-radius: 2px;
}
#documents .progress [data-dz-uploadprogress] {
background-color: #60b55b;
text-align: center;
}
#documents .documentWrapper, #documents .documentGroup, #documents .documentGroupTitle{
cursor: pointer;
background: #fff;
transition: 0.25s;
position: relative;
padding: 10px 48px 10px 20px;
border-bottom: 1px solid #eaeaea;
}
#documents .documentGroupTitle{
padding-right:30px;
font-weight:bold;
border:none;
position:relative;
}
#documents .documentGroupTitle:before{
position:absolute;
right:15px;
top:8px;
content:url(/admin/svg/arrow-down.svg?color=000000);
width:9px;
height:9px;
}
#documents .documentGroup.opened .documentGroupTitle:before{
content:url(/admin/svg/arrow-up.svg?color=000000);
}
#documents .documentGroup{
padding:0;
}
.help #documents .documentWrapper{
padding-left:35px;
padding-right:20px;
}
#documents .documentWrapper:first-of-type{
border-bottom:1px solid #eaeaea;
}
#documents .documentGroupContent{
display:none;
}
#documents .documentWrapper:last-of-type, #documents .documentGroup:last-of-type{
border-bottom: none;
margin-bottom: 0px;
}
#documents .documentWrapper > a {
color: #000000;
}
#documents .documentWrapper > b{
word-break: break-all;
}
#documents .documentWrapper:hover, #documents .documentWrapper.selected, #documents .documentGroupTitle:hover{
background-color: #ffefc4;
}
#documents .documentDownloadWrapper {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#documents .documentHandler {
width: 28px;
position: absolute;
top:10px;
right:20px;
}
#document_preview {
padding-top: 20px;
}
#document_preview .imgHolder{
text-align:center;
background:url(/admin/images/loader_tiny.gif) no-repeat center center;
}
#document_preview img {
max-width: 100%;
max-height: 100%;
}
#document_preview iframe {
width: 100%;
height: 900px;
}

#searchbar{
float:right;
width:400px;
margin-right:10px;
}

#searchbar input{
width:100%;
height:68px;
margin:0;
font-size:20px;
line-height:24px;
}

#searchbar img.loading{
margin-top:-43px;
}

#searchresults{
display:none;
position:fixed;
overflow-y:auto;
scrollbar-width:thin;
top:68px;
right:78px;
width:calc(100% - 200px);
width:-moz-calc(100% - 200px);
width:-webkit-calc(100% - 200px);
width:-o-calc(100% - 200px);
width:-ms-calc(100% - 200px);
background:#efefef;
border:1px solid #eaeaea;
border-top:none;
z-index:996;
padding:30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
min-height:100px;
max-height:calc(100vh - 100px);
max-height:-moz-calc(100vh - 100px);
max-height:-webkit-calc(100vh - 100px);
max-height:-o-calc(100vh - 100px);
max-height:-ms-calc(100vh - 100px);
box-shadow:0 0 10px 0 #0000001f;
}

#searchresults .all{
font-weight:normal;
font-size:14px;
}

#searchresults h2{
padding-bottom:5px;
}

#searchresults table.entries{
margin:0;
background:none;
box-shadow:none;
}

#searchresults table.entries .template{
display:none;
}

#searchresults table.entries td{
border-color:#ddd;
}

#header select[name="project"]{
border: none !important;
background: none;
font-weight: 700;
margin: 33px 30px 0 15px;
padding-bottom: 0;
padding-top: 8px;
font-size: 16px;
}

.largeUploader{
cursor:pointer;
}

.largeUploader, .editorOuterBox{
width:100%;
height:calc(100vh - 130px);
position:relative;
background:#fff;
box-shadow:0 0 10px 0 #0000001a;
}

.orderPreview_content .largeUploader{
height:100%;
}

.tinyUploader{
width:100%;
position:relative;
border:1px solid #ccc;
background:#efefef;
color:#000 !important;
padding:10px 15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
cursor:pointer;
}

.largeUploader .info, .editorOuterBox .info{
position:absolute;
top:50%;
left:50%;
font-size:25px;
transform:translateX(-50%) translateY(-50%);
text-align:center;
font-family:Oswald,Arial,sans-serif;
font-weight:bold;
color:#bbb;
transition:ease 0.3s;
-moz-transition:ease 0.3s;
-webkit-transition:ease 0.3s;
-o-transition:ease 0.3s;
-ms-transition:ease 0.3s;
}

.largeUploader .info .explanation, .editorOuterBox .info .explanation{
font-size:15px;
}

.tinyUploader .info .explanation{
font-size:13px;
}

.largeUploader input[type="file"], .tinyUploader input[type="file"]{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
margin:0;
opacity:0;
-ms-filter:'alpha(opacity=0)';
filter:'alpha(opacity=0)';
font-size:200px !important;
direction:ltr;
cursor:pointer;
}

.largeUploader .progressing, .tinyUploader .progressing{
display:none;
}

.largeUploader .progress, .tinyUploader .progress{
width:100%;
height:17px;
margin-top:6px;
}

.largeUploader .progress-bar, .tinyUploader .progress-bar{
height:100%;
background:#5cbc68;
width:0%;
border-radius:3px;
transition:ease 0.2s;
-moz-transition:ease 0.2s;
-webkit-transition:ease 0.2s;
-o-transition:ease 0.2s;
-ms-transition:ease 0.2s;
}

.tinyUploader .progress-bar-status{
text-align:center;
width:100%;
display:inline-block;
}

.largeUploader .progress-bar-status .left, .tinyUploader .progress-bar-status .left{
float:left;
width:auto;
}

.largeUploader .progress-bar-status .right, .tinyUploader .progress-bar-status .right{
float:right;
width:auto;
}

#productEdit .extensibleFormRow.extensibleFormNewRow{
overflow:visible !important;
}
#productEdit .extensibleFormRow.isDisabled, #productEdit .extensibleFormRow.isDisabled *{
color:#bbb;
}
#productEdit a.extensibleFormRemove{
cursor:pointer;
margin-left:15px;
transition:.3s ease;
-moz-transition:.3s ease;
-webkit-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease;
}
#productEdit a.extensibleFormRemove:hover{
opacity:.7;
}
#productEdit .extensibleForm a.delete {
margin-bottom:0px;
margin-top:0px;
margin-left:5px;
height: auto;
}
#productEdit input.preis.isFormel, #productEdit input.kosten.isFormel{
width:300px !important;
}
#productEdit table tr td, #productEdit .priceTable div{
padding:7px 10px;
}
#productEdit .priceTable div.trumbowyg-box, #productEdit .priceTable div.trumbowyg-button-group {
padding:0;
}
#productEdit .priceTable div.trumbowyg-button-pane{
padding:0 5px;
}
#productEdit .extensibleFormRow{
background-color: #fff;
}
#productEdit .extensibleFormRow:nth-of-type(even) {
background-color: #efefef;
}
#productEdit .fieldBlock{
padding-left:50px;
}
#productEdit .fieldBlockTitle img{
margin-right:5px;
vertical-align:middle;
width:20px;
height:auto;
}
#productEdit .calc_typ, #productEdit .kosten_calc_typ, #productEdit #normal_preis .menge_typ, #productEdit #price_options .menge_typ{
width:210px !important;
}
#productEdit #price_options .extensibleForm{
padding-left:50px;
}
#productEdit #price_options .extensibleForm > div::before{
position: absolute;
top: 36px;
left:0;
width: 20px;
border-bottom: 1px solid #bbb;
content: '';
display: inline-block;
}
#productEdit #price_options .extensibleForm > div {
position: relative;
border-left: 1px solid #bbb;
padding-left:10px;
}
#productEdit #price_options .extensibleForm > div.extensibleFormNewRow{
height:37px;
margin-bottom:25px;
}
#productEdit #price_options .typ-preisaufschlag .no-preisaufschlag,
#productEdit #price_options .typ-nachlass .no-nachlass,
#productEdit #price_options .typ-checkbox .no-checkbox,
#productEdit #price_options .typ-select .no-select,
#productEdit #price_options .typ-checkbox_select_simple .no-checkbox_select_simple,
#productEdit #price_options .typ-checkbox_select .no-checkbox_select,
#productEdit #price_options .typ-number .no-number,
#productEdit #price_options .typ-multiple_numbers .no-multiple_numbers,
#productEdit #price_options .typ-text .no-text,
#productEdit #price_options .typ-uploader .no-uploader,
#productEdit #price_options .typ-note .no-note,
#productEdit #price_options [class*="typ-global_option_"] .extensibleForm,
#productEdit #price_options .typ-preisaufschlag .extensibleForm .extensibleForm,
#productEdit #price_options .typ-nachlass .extensibleForm .extensibleForm,
#productEdit #price_options .typ-number .extensibleForm .extensibleForm,
#productEdit #price_options .typ-multiple_numbers > .extensibleForm .extensibleForm .text,
#productEdit #price_options .typ-multiple_numbers > .extensibleForm .extensibleForm .hilfe,
#productEdit #price_options .typ-multiple_numbers > .extensibleForm .extensibleForm .extensibleForm,
#productEdit #price_options .typ-text .extensibleForm .extensibleForm,
#productEdit #price_options .typ-uploader .extensibleForm .extensibleForm,
#productEdit #price_options .typ-note .extensibleForm .extensibleForm,
#productEdit #price_options .typ-checkbox > .extensibleForm > .extensibleFormRow > div > .imageButton,
#productEdit #price_options .typ-checkbox .extensibleForm .extensibleForm,
#productEdit #price_options .typ-checkbox_select_simple .extensibleForm .extensibleForm .extensibleForm,
#productEdit #price_options .typ-checkbox_select > .extensibleForm > .extensibleFormRow > div > .imageButton,
#productEdit #price_options .typ-checkbox_select > .extensibleForm > .extensibleFormRow > div > .text,
#productEdit #price_options .typ-checkbox_select > .extensibleForm > .extensibleFormRow > div > .sort,
#productEdit #price_options .typ-checkbox_select > .extensibleForm > .extensibleFormRow > div > .preselected,
#productEdit #price_options .typ-checkbox_select_simple > .extensibleForm > .extensibleFormRow > div > .preselected,
#productEdit #price_options .typ-checkbox_select > .extensibleForm > .extensibleFormRow > div > .hilfe,
#productEdit #price_options .typ-checkbox_select_simple .extensibleForm .extensibleForm .hilfe,
#productEdit #price_options .override_thickness_weight,
#productEdit #price_options .global_option .extensibleForm,
#productEdit #price_options .only-note{
display:none;
}
#productEdit #price_options .activates-override_thickness_weight .override_thickness_weight{
display:inline;
}
#productEdit #price_options > .extensibleFormRow > div{
position:relative;
}
#productEdit #price_options .clean_name_holder{
position:absolute;
top:-2px;
font-size:11px;
}
#productEdit #price_options .sort{
cursor:move;
margin-left:15px;
vertical-align:middle;
width:25px;
height:auto;
}
#productEdit #price_options .extensibleFormNewRow .sort{
display:none;
}
#productEdit #price_options .name, #productEdit #price_options .text, #productEdit #price_options .hilfe, #productEdit #price_options .bedingung{
width:230px;
}
#productEdit #price_options .activates_function{
width:260px;
}
#productEdit #price_options .trumbowyg-box{
width:280px;
display:inline-block;
margin:5px 0;
vertical-align:top;
}
#productEdit #price_options .extensibleFormNewRow > div {
height:55px;
overflow:hidden;
}
#productEdit #price_options .typ-number .only-number, #productEdit #price_options .typ-multiple_numbers .only-number, #productEdit #price_options .typ-text .only-text, #productEdit #price_options .typ-uploader .only-uploader{
display:inline !important;
}
#productEdit #price_options .typ-number option.only-number, #productEdit #price_options .typ-multiple_numbers option.only-number, #productEdit #price_options .typ-text option.only-text, #productEdit #price_options .typ-uploader option.only-uploader{
display:block !important;
}
#productEdit #price_options .typ-note .only-note{
display:inline-block !important;
}
#productEdit .imageButton {
padding:2px 5px;
vertical-align:middle;
min-width:auto;
}
#productEdit .imageButton img{
max-width:250px;
max-height:100%;
vertical-align:baseline;
}
#productEdit #price_options .imageButton {
float:none;
display:inline-block;
width:auto;
height:34px;
line-height:30px;
font-weight:400;
padding-top:3px;
padding-bottom:3px;
}
#productEdit #price_options .imageButton img{
max-width:150px;
}
#productEdit #price_options textarea{
vertical-align:top;
}
#productEdit #price_options .option-import{
background:#1e3740;
color:#fff;
padding:5px 10px;
}
#productEdit #default_formats input[type="text"].breite, #productEdit #default_formats input[type="text"].hoehe{
width:100px;
}
#productEdit #default_formats input[type="text"]{
width:500px;
}
#productEdit #normal_preis input[type="text"].menge, #productEdit #price_options input[type="text"].menge{
width:100px;
}
#productEdit .help:before {
content: "\f059";
font-family: custom-icons;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
#productEdit fieldset{
background-color: #fff;
border:1px solid #C8C8C8;
}

#storage_result{
text-align:center;
}

.bigDisplayBox{
text-align:center;
margin:15px 0;
}

.bigDisplayBox{
font-size:30px;
font-weight:bold;
display:inline-block;
padding:30px;
background:#1e3740;
color:#fff;
}

.orderInfoBubble {
position:fixed;
top:47px;
left:50%;
transform:translateX(-50%);
z-index:997;
border:1px solid #eaeaea;
border-radius:20px;
padding:5px 15px;
background:#fff;
font-size:24px;
font-weight:bold;
color:#1e3740;
white-space:nowrap;
}

.orderPreview .orderInfoBubble{
top:93px;
}

.orderInfoBubble svg{
height:20px;
vertical-align:middle;
}

.orderInfoBubble svg *{
transition:.3s ease;
-moz-transition:.3s ease;
-webkit-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease;
}

.orderInfoBubble svg:hover *{
fill:#1e3740
}

.loadingTime{
margin-top:20px;
font-size:12px;
color:#aaa;
text-align:right;
float:left;
width:100%;
}

.break-words{
word-break:break-word;
}

#order_history{
display:none;
box-shadow:0 0 10px 0 #0000001a;
background:#fff;
margin:15px 0;
}

#order_history .title{
text-align:center;
font-weight:bold;
margin:0;
}

#order_history .history_holder{
width:100%;
height:400px;
}

#order_history .history_holder iframe{
width:100%;
height:100%;
}

.language_select{
float:right;
width:82px;
background:#fff;
box-shadow:0 0 10px 0 #0000001a;
height:34px;
margin-top:-30px;
overflow:hidden;
position:relative;
z-index:100;
display:flex;
flex-direction:column;
}

.language_select:hover, .language_select:active, .language_select:focus{
overflow:visible;
}

.language_select a{
display:inline-block;
width:100%;
height:100%;
background:#fff;
border-bottom:1px solid #eaeaea;
background:#fff;
color:#000;
padding:5px 8px;
border:1px solid #eaeaea;
box-sizing:border-box;
order:1;
cursor:default;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.language_select a[href]{
cursor:pointer;
}
.language_select a:hover, .language_select a:active, .language_select a.selected:hover, .language_select a.selected:active{
background-color:#1e3740;
border-color:#1e3740;
color:#fff;
}

.language_select a.selected{
order:0;
}
.language_select a.selected:before{
position:absolute;
right:9px;
top:5px;
content:url(/admin/svg/arrow-down.svg?color=aaaaaa);
width:9px;
height:9px;
}

.language_select:hover a.selected{
position:relative;
background-color:#fff;
border-color:#eaeaea;
color:#000;
}

.language_select a img{
vertical-align:middle;
width:30px;
}
.language_select a:hover img, .language_select a:active img{
opacity:1;
}

.order_storage_search{
float:right;
width:280px;
}

.order_storage_search + .site_handler{
width:auto;
}

.hasEditorTextPreview textarea, .hasEditorTextPreview .trumbowyg-box{
display:none;
}
.editorTextPreview .svgListShortcut{ 
position:absolute;
top:20px;
right:20px;
}

.editorTextPreview svg{
width:16px;
height:auto;
}

.editorTextPreview{
word-wrap:break-word
}

.editCosts svg{
width:12px;
height:12px;
}

@media screen and (max-height:790px){
    #nav span.bottom_holder{
      position:relative;
    }
    #nav{
      overflow-y:auto;
      scrollbar-width:thin;
      scrollbar-color:#CFD8DC #fff;
    }
}


.documentPage{
background:#fff;
padding:60px 60px;
box-shadow:0 2px 24px 0 #00000085;
margin-top:30px;
page-break-inside:avoid;
}

.documentPage h1{
margin:30px 0;
line-height:44px;
}

.documentPage h2{
margin:20px 0;
padding:0;
font-size:20px;
line-height:23px;
font-weight:400;
}

.documentPage p{
margin:10px 0;
}

.documentPage ol{
margin:20px 0;
padding-left:30px;
counter-reset: list;
page-break-inside:auto;
}

.documentPage ol li{
margin:20px 0;
page-break-inside:auto;
list-style:none;
}

.documentPage ol li::before{
content: counter(list, lower-alpha) ") ";
counter-increment: list;
width:16px;
margin-left:-20px;
display:inline-block;
}

.documentPage .leftHalf{
display:inline-block;
width:48%;
}

.documentPage .rightHalf{
float:right;
width:48%;
}

.documentPage .explanation{
font-size:11px;
}

.documentPage p, .documentPage td{
page-break-before:auto;
page-break-after:auto;
page-break-inside:avoid;
}

.signatureImage{
max-width:100%;
}

.sigPad {
  margin: 0;
  padding: 0;
  width: 200px;
}

.sigPad label {
  display: block;
  margin: 0 0 0.515em;
  padding: 0;
  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,serif;
}

.sigPad label.error {
  color: #f33;
}

.sigPad input {
  margin: 0;
  padding: 0.2em 0;
  width: 198px;
  border: 1px solid #666;
  font-size: 1em;
}

.sigPad input.error {
  border-color: #f33;
}

.sigPad button {
  margin: 1em 0 0 0;
  padding: 0.6em 0.6em 0.7em;
  background-color: #ccc;
  border: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #555;
  font: bold 1em/1.375 sans-serif;
  text-align: left;
}

.sigPad button:hover {
  background-color: #333;
  color: #fff;
}

.sig {
  display: none;
}

.sigNav {
  display: none;
  height: 2.25em;
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

.sigNav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

.sigNav a,
.sigNav a:link,
.sigNav a:visited {
  display: block;
  margin: 0;
  padding: 0 0.6em;
  border: 0;
  color: #333;
  font-weight: bold;
  line-height: 2.25em;
  text-decoration: underline;
}

.sigNav a.current,
.sigNav a.current:link,
.sigNav a.current:visited {
  background-color: #666;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;
  color: #fff;
  text-decoration: none;
}

.sigNav .typeIt a.current,
.sigNav .typeIt a.current:link,
.sigNav .typeIt a.current:visited {
  background-color: #ccc;
  color: #555;
}

.sigNav .clearButton {
  bottom: 0.2em;
  display: none;
  position: absolute;
  right: 0;

  font-size: 0.75em;
  line-height: 1.375;
}

.sigWrapper {
  clear: both;
  height: 55px;

  border: 1px solid #ccc;
}

.sigWrapper.current {
  border-color: #666;
}

.signed .sigWrapper {
  border: 0;
}

.pad {
  position: relative;
  cursor: url("/admin/js/signature.pen.cur"), crosshair;
  cursor: url("/admin/js/signature.pen.cur") 16 16, crosshair;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.typed {
  height: 55px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  z-index: 90
  cursor: default;
  color: #145394;
  font: normal 1.875em/50px "Journal",Georgia,Times,serif;
}

.typeItDesc,
.drawItDesc {
  display: none;
  margin: 0.75em 0 0.515em;
  padding: 0.515em 0 0;
  border-top: 3px solid #ccc;
  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,serif;
}
.groupBox .language_select{
margin-top:-53px;
}


.switch input, .customCheckbox input{ 
opacity: 0;
width: 0;
height: 0;
margin:0 !important;
padding:0 !important;
border:none;
outline:none;
}

.switch .slider {
position:relative;
cursor: pointer;
width:50px;
height:28px;
vertical-align:middle;
display:inline-block;
background-color: #ccc;
border-radius: 34px;
margin-left:-8px;
transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
}

.switch .slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition:all .4s, background-color .2s;
-moz-transition:all .4s, background-color .2s;
-webkit-transition:all .4s, background-color .2s;
-o-transition:all .4s, background-color .2s;
-ms-transition:all .4s, background-color .2s;
}

.switch input:checked + .slider {
background-color: #5cbc68;
}

.switch input:focus + .slider {
box-shadow: 0 0 1px #5cbc68;
}

.switch input:checked + .slider:before {
transform: translateX(22px);
-moz-transform: translateX(22px);
-webkit-transform: translateX(22px);
-o-transform: translateX(22px);
-ms-transform: translateX(22px);
}

.switch:hover .slider::before {
background-color: #eee;
}
.netBrutSwitch{
padding-bottom:6px;
}
.netBrutSwitch .slider{
margin:-11px 5px 0 3px;
width:43px;
height:20px;
}
.netBrutSwitch .slider:before{
width:15px;
height:15px;
}
.switch input:checked + .slider {
background-color: #ff8801;
}
.direct_debit_agreement{
border:1px solid #177ee5;
background:#deefff;
font-size:13px;
line-height:17px;
}
#order_table.show_gross_prices .price{
border:2px solid #ff8801
}
.formFilters .select2-container{
width:100% !important;
}
#order_table td.image i.info_box{
background:#f6f6f6;
padding:10px;
width:110px;
height:110px;
display:inline-block;
max-width:100%;
}

#order_table td.image i.info_box span{
display:inline-block;
vertical-align:middle;
}

#order_table td.image i.info_box:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.editor_content_holder{
float: left;
width: calc(100% - 320px);
width:-moz-calc(100% - 320px);
width:-webkit-calc(100% - 320px);
width:-o-calc(100% - 320px);
width:-ms-calc(100% - 320px);
padding:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: 'Roboto Condensed',Arial,sans-serif;
font-size: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
overflow: hidden
}
.editorOuterBox .info.editorOptions {
width: 100%;
}
.editorOuterBox .editorOption {
display: inline-block;
width:calc(100% - 50px);
width:-moz-calc(100% - 50px);
width:-webkit-calc(100% - 50px);
width:-o-calc(100% - 50px);
width:-ms-calc(100% - 50px);
max-width: 500px;
border: 1px solid #bbb;
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
vertical-align: top;
margin:8px;
}
.editorOuterBox .editorOption .explanation {
display: inline-block;
width: 100%;
line-height:19px;
}
.editorOuterBox .editorOption .button{
font-weight:400;
min-width:150px;
}
.editorPages{
text-align:center;
}
.editorPages .editorPage{
display:inline-block;
width:23%;
max-width:272px;
padding:20px 15px;
border:1px solid #bbb;
background:#efefef;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
margin:7px;
cursor:pointer;
}
.editorPages .editorPage.black{
background:#000;
color:#fff;
border:1px solid #000;
}
.editorPages .editorPage:hover, .editorPages .editorPage.black:hover{
background:#fdc62f;
color:#fff;
border:1px solid #fdc62f;
}
.editorPages .editorPage img{
max-width:100%;
margin-bottom:15px;
}
#binding_popup{
display:none;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0, 0, 0, 0.5);
padding:30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.infoPanel a.button{
width:100%;
float:left;
margin-top:5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
position:relative;
margin:1px 0;
}
.infoPanel .options_holder{
float:left;
width:100%;
height:calc(100vh - 350px);
height:-moz-calc(100vh - 350px);
height:-webkit-calc(100vh - 350px);
height:-o-calc(100vh - 350px);
height:-ms-calc(100vh - 350px);
overflow-x:hidden;
overflow-y:auto;
}
.infoPanel .buttons_holder{
float:left;
width:100%;
overflow:hidden;
padding-top:10px;
}
.infoPanel a.button.bottom_button, .infoPanel input[type="submit"].bottom_button{
position:absolute;
bottom:0;
right:15px;
}
.infoPanel a.svgButton{
display:inline-block;
padding:2px;
background:#fdc62f;
border-radius:3px;
}
.infoPanel a.svgButton:hover{
background:#333;
}
.infoPanel a.svgButton svg{
width:16px;
height:16px;
}
.infoPanel a.svgButton path{
fill:#fff;
}
.infoPanel .additional_options{
display:inline-block;
width:100%;
background:url(/images/gray-line.png) repeat-x center center;
margin:15px 0 10px;
}
.infoPanel .additional_options b{
margin-left:15px;
background:#efefef;
padding:0 3px;
color:#666;
}
.infoPanel select{
max-width:100%;
}
.infoPanel button{
width:100%;
}
.infoPanel a.notice{
font-weight:400
}
div.clear{
clear:both;
}
.orderPreview_content .infoPanel {
height: 100%;
}
.orderPreview_content .leftInfoPanel{
height:100%;
overflow-y:auto;
}
.infoPanel .options_holder{
height:calc(100vh - 410px);
height:-moz-calc(100vh - 410px);
height:-webkit-calc(100vh - 410px);
height:-o-calc(100vh - 410px);
height:-ms-calc(100vh - 410px);
}
.labelGenerator #order_addresses{
padding:0;
}
.labelGenerator .adressBox{
width:100%;
margin-right:0;
padding-top:20px;
padding-right:40px;
margin-bottom:20px;
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}
.labelGenerator .adressBox:hover, #shipping_service .gridButton:hover{
background-color:#efefef;
border-color:#efefef !important;
}
.labelGenerator .adressBox .rightArrow{
width:20px;
height:25px;
position:absolute;
right:20px;
top:18px;
transform:rotate(180deg);
transition:ease .3s;
-moz-transition:ease .3s;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-ms-transition:ease .3s;
}
.labelGenerator .adressBox .rightArrow svg{
max-width:100%;
max-height:100%;
}
#shipping_service .gridButton{
height:auto;
margin-bottom:3px;
margin-top:3px;
margin-right:10px;
}
#shipping_service .gridButton.selected, .labelGenerator .adressBox.selected{
background:#fdc62f;
border-color:#fdc62f !important;
color:#fff;
}

.separate_one_time_surcharge {
margin-top:-10px;
display:inline-block;
margin-bottom:15px;
line-height:12px;
}

.labelGenerator .adressBox.selected .rightArrow svg *{
fill:#fff;
}

.labelGenerator h2{
padding-left:0 
}

.break-words{
word-wrap:break-word;
}

#client_paywall .payments, #client_paywall .payment_methods{
width:1040px;
max-width:100%;
margin:40px auto;
}

#client_paywall .receipt_holder{
width:1040px;
transform-origin:top left;
margin:0 auto;
box-shadow:3px 3px 3px #bbbbbbee
}

#client_paywall .receipt_holder2{
width:100%;
max-width:100%;
}

#client_paywall .payment_methods .groupBox{
padding-top:15px;
}

.bank_transfer_qr_code{
float:right;
width:120px;
padding:12px;
text-align:center;
font-size:12px;
line-height:14px;
border:1px solid #999;
border-radius:10px;
margin-top:10px;
margin-bottom:10px;
background:#fff
}

#trumbowyg-icons, .aEditorTemplateHolder, .aEditor textarea.aEditor{
display:none;
}

.aEditor{
min-width:280px;
}

.aEditorToolbar {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
width:100%;
min-height: 36px;
background: #ecf0f1;
border-bottom: 1px solid #d7e0e2;
margin: 0;
padding: 0 5px;
position: relative;
list-style-type: none;
line-height: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 11;
align-items: center;
font-size: 12px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.aEditor.active .aEditorToolbar{
display:flex;
}

.aEditorToolbar button{
display: block;
position: relative;
width: 35px;
height: 35px;
padding: 1px 6px !important;
margin-bottom: 1px;
border: none;
cursor: pointer;
background: 0 0;
vertical-align: middle;
-webkit-transition: background-color 150ms,opacity 150ms;
transition: background-color 150ms,opacity 150ms;
}

.aEditorToolbar button svg{
width: 17px;
height: 100%;
color: #222;
fill: #222;
}

.aEditorToolbar button:hover, .aEditorToolbar button.active, .aEditorToolbar .aEditorDropdownWrapper.open > button{
background-color: #fff;
outline: 0;
}

div.aEditorDropdown {
position: absolute;
top: 35px;
left:0;
display: none;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
border: 1px solid #d7e0e2;
border-top: none;
background: #fff;
color: #222;
margin-left: -1px;
-webkit-box-shadow: rgba(0,0,0,.1) 0 2px 3px;
box-shadow: rgba(0,0,0,.1) 0 2px 3px;
z-index: 12;
}

.aEditorDropdownWrapper.open div.aEditorDropdown{
display:block;
}

div.aEditorFontSizes{
max-width:150px;
}

div.aEditorDropdown button:focus, div.aEditorDropdown button:hover, div.aEditorDropdown button.active {
background: #ecf0f1;
}

div.aEditorDropdown button {
display: block;
width: 100%;
height: 35px;
line-height: 35px;
text-decoration: none;
background: #fff;
padding: 0 20px 0 10px;
color: #222;
border: none;
cursor: pointer;
text-align: left;
font-size: 15px;
-webkit-transition: all 150ms;
transition: all 150ms;
}

div.aEditorColorDropdown{
left:auto;
right:0;
width:197px;
}

div.aEditorColorDropdown button{
display: block;
position: relative;
float: left;
text-indent: -9999px;
height: 20px;
width: 20px;
border: 1px solid #333;
padding: 0;
margin: 2px;
}

div.aEditorColorDropdown button:focus::after, div.aEditorColorDropdown button:hover::after, div.aEditorColorDropdown button.active::after{
content: " ";
display: block;
position: absolute;
top: -5px;
left: -5px;
width: 27px;
height: 27px;
background: inherit;
border: 1px solid #fff;
-webkit-box-shadow: #000 0 0 2px;
box-shadow: #000 0 0 2px;
z-index: 10;
}

button.aEditorDropdown::after {
display: block;
content: " ";
position: absolute;
top: 27px;
right: 3px;
height: 0;
width: 0;
border: 3px solid transparent;
border-top-color: #555;
}

.aEditorDropdownWrapper {
position: relative;
}

.aEditorContent {
border: none;
padding:6px 10px;
min-height: 30px;
font-size:15px;
line-height:18px;
color:#000;
outline:none;
background-color:#f7f7f7;
background-image: linear-gradient(0deg, #60b55b 2px, #9c27b000 0px), linear-gradient(0deg, #999 1px, #dedede00 0px);
background-position:50% 100%, 50% calc(100% - 1px);
background-repeat: no-repeat, repeat;
background-size: 0px 100%, 100% 100%;
transition:background 0s ease-out;
-moz-transition: background 0s ease-out;
-webkit-transition:background 0s ease-out;
-o-transition: background 0s ease-out;
-ms-transition: background 0s ease-out;
}

.paymentMethodContainer.errorPage .separator.row:first-of-type{border-color:transparent}
.paymentMethodContainer{margin:24px 0px 24px 0px;padding:0;font-family:Arial;color:#3f3f3f;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.paymentMethodContainer.insideContinueButton{margin-top:24px;margin-bottom:24px}
.paymentMethodContainer a{font-weight:normal}
.paymentMethodContainer .paymentMethodRow{padding:0px 8px 0px 8px;overflow:hidden;background-color:#fff}
@media (min-width:400px){.paymentMethodContainer .paymentMethodRow{padding:0px 16px 0px 16px}}
.paymentMethodContainer .paymentMethodRow .right{float:right}
.paymentMethodContainer .paymentMethodRow .clear{clear:both}
.paymentMethodContainer .paymentMethodRow div.nameRow{height:64px;display:table;width:100%}
.paymentMethodContainer .paymentMethodRow div.nameRow .methodName{display:table-cell;vertical-align:middle}
.paymentMethodContainer .paymentMethodRow div.nameRow .methodIcon{display:table-cell;vertical-align:middle;width:125px}
.paymentMethodContainer .paymentMethodRow div.nameRow img.paymentMethodIcon{max-width:100px;max-height:30px}
.paymentMethodContainer .paymentMethodRow div.paymentMethodDetails{display:none;font-style:normal}
.paymentMethodContainer .paymentMethodRow img.thirdPartyImage{max-width:100px;max-height:30px}
.paymentMethodContainer .paymentMethodRow.selected{background:#f9f9f9}
.paymentMethodContainer .paymentMethodRow.selected div.nameRow{font-weight:bold}
.paymentMethodContainer .paymentMethodRow.selected div.checkMark{background-image:url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png");background-repeat:no-repeat;background-position:right;height:50px;width:25px}
.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails{display:block}
.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a{font-weight:normal;color:#0070ba}
.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a:hover,.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a:focus,.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a:active{text-decoration:underline;color:#005ea6}
.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails button{margin-bottom:20px;font-family:Arial;font-weight:bold;font-size:12px;width:120px;height:36px}
@media (min-width:400px){.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails button{margin-left:125px}}
@media (min-width:699px){.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails button{margin-top:16px}}
@media (min-width:699px){.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .btn-inline{margin-top:0;line-height:64px}}
.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .detailsText{font-size:11px;color:#3f3f3f;font-family:Arial;margin-bottom:12px;padding-right:8px}
@media (min-width:400px){.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .detailsText{padding-left:125px;padding-right:45px}}
@media (min-width:699px){.paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .detailsTextWithContinueButton{padding-right:140px}}
.paymentMethodContainer .paymentMethodRow:hover{background:#f9f9f9;cursor:pointer;cursor:hand}
.paymentMethodContainer .separator{border-top:none;border-bottom:1px solid #dfdfdf;padding:0;margin:0}
.paymentMethodContainer .paymentMethodRow .nameRow{font-size:12px;}