[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.webShopProductConf {
  margin-bottom: 40px;
  min-height: 640px;
  font-size: 15px;
}

.webShopProductConf h1 {
  line-height: 100px;
  margin: 0;
}

.webShopProductConf canvas {
  outline: none; 
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

tr.pt10 td { padding-top: 10px; }
tr.pt20 td { padding-top: 20px; }
tr.pt30 td { padding-top: 30px; }

#canvasContainer {
  position: relative;
  top: 0;
}

#canvasContainer.fixed3d {
  position: fixed;
}

#canvasContainer i {
  position: absolute;
  cursor: crosshair;
  top: 10px;
  right: 10px;
  padding: 5px;
  font-size: 30px;
  opacity: 0.6;
}

#canvasContainer img {
  pointer-events: none;
  position: absolute;
  top: 60px;
  right: 10px;
  width: 50px;
  opacity: 0.4;
}

#canvasContainer div {
  position: absolute !important;
  z-index: auto !important;
}

.isoButton {
  margin-top: 20px;
}

.isoButton:hover,
.isoButton:hover div {
  background-color: #006699;
  cursor: pointer;
}

.webShopProductConf .close {
  color: #006699;
}

.isoModal.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.isoModal .modal-dialog {
  /*width: 900px;*/
  background-color: #fff;
  color: #000;
}

.isoModal .modal-dialog .modal-simple {
  padding: 20px 20px 15px 20px;
}

.isoModal h3 {
  text-transform: uppercase;
  color: #006699;
  line-height: 70px;
  font-weight: bold;
  padding: 0 0 0 20px;
}

.isoModal .etabs {
  padding: 0 0 0 20px;
  flex-wrap: nowrap;
}

.isoModal .etabs span {
  flex-grow: 0;
  min-width: 120px;
}

.webShopProductConf .kachelblock {
  justify-content: space-between;
  padding: 10px;
}

.webShopProductConf .kachel {
  width: 250px;
  margin: 10px;
  cursor: pointer;
}

.webShopProductConf .kachel .cat-title {
  height: inherit;
  line-height: 50px;
  color: #fff;
}

.webShopProductConf .kachel .category_pic {
  height: inherit;
  border: 1px solid #ddd;
  border-top: 0;
  background-color: #f8f8f8;
  min-height: 100px;
  color: #000;
  font-size: 17px;
}

.webShopProductConf .kachel .category_pic.no-border-bottom {
  border-bottom: 0;
}

.webShopProductConf .kachel .category_pic img {
  padding: 20px 10px 10px 10px;
  height: 160px;
}

.webShopProductConf .kachel.selected .cat-title {
  text-decoration: underline;
}

.webShopProductConf .kachel:hover    .cat-title,
.webShopProductConf .kachel.selected .cat-title {
  color: #fff;
  background-color: #006699;
}

.webShopProductConf .kachel:hover    .cat-title::after,
.webShopProductConf .kachel.selected .cat-title::after {
  background-color: #006699;
}

.webShopProductConf .kachel:hover    .category_pic,
.webShopProductConf .kachel.selected .category_pic {
  border-color: #006699;
}

.webShopProductConf .kachel:hover    .category_link,
.webShopProductConf .kachel.selected .category_link {
  border-color: #006699;
}

.webShopProductConf .kachel .category_link:hover,
.webShopProductConf .kachel .category_link.selected {
  background-color: #006699;
  color: #fff;
}

.webShopProductConf .cp {
  cursor: pointer;
}

.webShopProductConf .fblue {
  color: #006699;
}

.webShopProductConf .fupper {
  text-transform: uppercase;
}

.webShopProductConf input {
  margin: 2px;
}

.webShopProductConf .text-input.mb20 {
  margin-bottom: 20px;
}

.webShopProductConf .text-input span:nth-child(1) {
  text-transform: uppercase;
  color: #006699;
  padding-right: 10px;
}

.webShopProductConf .text-input input {
  border-bottom: 1px solid #eee;
  width: 250px;
}

.webShopProductConf .text-input input.error {
  background-color: #fcc;
}

.webShopProductConf .well {
  display: block;
  position: relative;
  margin: 10px 0;
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: 0;
}

.webShopProductConf .well p {
  margin: 4px 0;
}

.webShopProductConf .well hr {
  margin-top:    10px;
  margin-bottom: 10px;
}

.webShopProductConf .well .edit {
  position: absolute;
  top: 5px;
  right: 7px;
  padding: 5px;
  cursor: pointer;
}

.webShopProductConf .product {
  margin: 10px 0;
  padding: 20px;
}

.webShopProductConf .product.hover {
  border-color: #006699;
  background-color: #eee;
}

.webShopProductConf .product-active {
  border-color: #006699;
  background-color: #eee;
}

.webShopProductConf .product .edit {
  top: 10px;
  right: 13px;
}

.webShopProductConf .product .position {
  font-size: 17px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
}

.webShopProductConf .product .name {
  font-size: 17px;
}

.webShopProductConf .product img {
  border: 1px solid #f8f8f8;
  height: 100px;
}

.webShopProductConf .product.hover img {
  border: 1px solid #ddd;
}

.webShopProductConf .flex-center {
  text-align: center;
}

.webShopProductConf .btnReady img {
  height: 100px !important;
  /*border-radius: 50px;
  border: 5px solid #006699;/**/
  margin: 20px 10px 10px 10px;
  padding: 0 !important;
}

.isoAccordion .panel {
  border-radius: 0;
  border: 0;
  box-shadow: 0;
}

.isoAccordion .panel-heading {
  background-color: #006699;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0;
  font-size: 17px;
}

.isoAccordion .panel-heading i {
  float: right;
  padding-top: 3px;
  opacity: 0.6;
}

.isoAccordion .panel-heading .nr {
  font-weight: bold;
  margin-right: 20px;
}

.isoAccordion .panel-collapse {
  border: 1px solid #006699;
  border-top: 0;
}

.isoAccordion .panel-body {
  border: 0 !important;
  font-size: 17px;
}

.isoAccordion .isoButton {
  margin: 0;
}

.isoAccordion .isoButton div {
  font-size: 17px;
  line-height: 40px;
}

.isoAccordion .isoButton div i {
  font-size: 22px;
  line-height: 40px;
  top: initial;
}

.mass {
  display: inline-block;
  width: 100px;
}

.fenster_OLD {
  display: inline-block;
  width: 160px;
  height: 160px;
  margin: 6px 10px;
  background-color: lightblue;
  border: 4px solid #444;
}

.tableWindow {
  width: 95%; 
  max-width: 400px;
}

.tableWindow td.rowName {
  font-weight: bold;
}

.window {
  position: relative;
  margin: 5px;
  background-image: url('/img/webShopProductConf/window.jpg');
  background-position: center;
  background-repeat: no-repeat;
  height: 160px;
}

.window span {
  position: absolute;
  text-align: center;
  display: block;
  top:   45px;
  left:  10px;
  right: 10px;
  pointer-events: none;
}

#mass-f-l {
  margin-top: 65px;
}

#mass-f-r {
  margin-top: 65px;
  float: right;
}

#mass-f-u {
  margin-bottom: 20px;
}

#img-mass {
  display: none;
  position: absolute;
  top: 0;
  left: 15px;
  /*margin-left: 40px;*/
  width: 300px;
  height: 300px;
  border: 1px solid #aaa;
  background-color: #f0f0f0;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(138,138,138,1);
  -moz-box-shadow:    10px 10px 5px 0px rgba(138,138,138,1);
  box-shadow:         10px 10px 5px 0px rgba(138,138,138,1);
}

.msgError {
  color: red;
}

.projectCodeContainer {
  text-align: center;
  font-size: 18px;
  color: #444;
}

.projectCode {
  text-transform: uppercase;
  font-family: monospace;
  letter-spacing: 4px;
  padding: 0 10px;
}



@media only screen and (max-width: 780px) {
  .webShopProductConf h1 { line-height: 60px; font-size: 26px; }
  #canvasContainer.fixed3d { position: relative !important; top: 0 !important; }
  .isoModal .modal-dialog { width: 95%; }
  .webShopProductConf .kachelblock { justify-content: center; }
  .webShopProductConf .product { padding: 15px; }
  .webShopProductConf .well .edit { top: 5px; right: 7px; padding: 5px; }
  .webShopProductConf .product .position { font-size: 14px; }
  .webShopProductConf .product .name { font-size: 14px; }
  .webShopProductConf .product img { height: 60px; }
  .isoAccordion .isoButton div   { font-size: 14px; line-height: 30px; }
  .isoAccordion .isoButton div i { font-size: 28px; line-height: 30px; }
  .webShopProductConf .text-input input { width: 160px; }
}














div.selection {
  width: 320px;
  float: left;
}

.btnSelection {
  display: block;
  padding: 10px 10px 10px 30px;
  background-color: #edeef0;
  color: #006699;
  cursor: pointer;
  border-top: 1px solid #ccc;
}

.btnSelection:nth-child(2) {
  border-top: 0;
}

.btnSelection.main {
  background-color: #006699;
  color: #fff;
  border-top: 0;
  text-transform: uppercase;
  padding-left: 15px;
}

.selectionInfo {
  font-size: 12px;
  color: #444;
  text-align: left;
  display: block;
}

.selectionInfo i {
  display: none;
  float: right;
}

.selectionLabel {
  display: block;
}

.selectionLabel li {
  text-align: left;
  font-size: 12px;
}

.btnSelection:hover .selectionInfo i {
  display: initial;
}

div.choices {
  margin-left: 360px;
}

div.etabs span.active a {
  cursor: default;
}

.productDetails {
  display: none;
  margin-bottom: 40px;
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #eee;
  width: 80%;
}




/* ---------------------------------------------------

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

---------------------------------------------------- */


.webShopProductConf .checkbox.checbox-switch {
  padding-left: 0;
}

.webShopProductConf .checkbox.checbox-switch label,
.webShopProductConf .checkbox-inline.checbox-switch {
  display: inline-block;
  position: relative;
  padding-left: 0;
}
.webShopProductConf .checkbox.checbox-switch label input,
.webShopProductConf .checkbox-inline.checbox-switch input {
  display: none;
}
.webShopProductConf .checkbox.checbox-switch label span,
.webShopProductConf .checkbox-inline.checbox-switch span {
  width: 40px; /* 37 */
  border-radius: 20px;
  height: 23px; /* 18 */
  border: 1px solid #dbdbdb;
  background-color: rgb(255, 255, 255);
  border-color: rgb(223, 223, 223);
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.webShopProductConf .checkbox.checbox-switch label span:before,
.webShopProductConf .checkbox-inline.checbox-switch span:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(255,255,255);
  content: " ";
  top: 0;
  position: relative;
  left: 2px; /* 0 */
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.webShopProductConf .checkbox.checbox-switch label > input:checked + span:before,
.webShopProductConf .checkbox-inline.checbox-switch > input:checked + span:before {
  left: 20px; /* 17 */
}


/* Switch Default */
.webShopProductConf .checkbox.checbox-switch label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch > input:checked + span {
  background-color: rgb(180, 182, 183);
  border-color: rgb(180, 182, 183);
  box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch > input:checked:disabled + span {
  background-color: rgb(220, 220, 220);
  border-color: rgb(220, 220, 220);
  box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch label > input:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch > input:disabled + span {
  background-color: rgb(232,235,238);
  border-color: rgb(255,255,255);
}
.webShopProductConf .checkbox.checbox-switch label > input:disabled + span:before,
.webShopProductConf .checkbox-inline.checbox-switch > input:disabled + span:before {
  background-color: rgb(248,249,250);
  border-color: rgb(243, 243, 243);
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.webShopProductConf .checkbox.checbox-switch.switch-light label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-light > input:checked + span {
  background-color: rgb(248,249,250);
  border-color: rgb(248,249,250);
  box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.webShopProductConf .checkbox.checbox-switch.switch-dark label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
  background-color: rgb(52,58,64);
  border-color: rgb(52,58,64);
  box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
  background-color: rgb(100, 102, 104);
  border-color: rgb(100, 102, 104);
  box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.webShopProductConf .checkbox.checbox-switch.switch-success label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-success > input:checked + span {
  background-color: rgb(40, 167, 69);
  border-color: rgb(40, 167, 69);
  box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
  background-color: rgb(153, 217, 168);
  border-color: rgb(153, 217, 168);
  box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.webShopProductConf .checkbox.checbox-switch.switch-danger label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
  background-color: rgb(200, 35, 51);
  border-color: rgb(200, 35, 51);
  box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
  background-color: rgb(216, 119, 129);
  border-color: rgb(216, 119, 129);
  box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
  background-color: rgb(0, 105, 217);
  border-color: rgb(0, 105, 217);
  box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
  background-color: rgb(109, 163, 221);
  border-color: rgb(109, 163, 221);
  box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.webShopProductConf .checkbox.checbox-switch.switch-info label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-info > input:checked + span {
  background-color: rgb(23, 162, 184);
  border-color: rgb(23, 162, 184);
  box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
  background-color: rgb(102, 192, 206);
  border-color: rgb(102, 192, 206);
  box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.webShopProductConf .checkbox.checbox-switch.switch-warning label > input:checked + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
  background-color: rgb(255, 193, 7);
  border-color: rgb(255, 193, 7);
  box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.webShopProductConf .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.webShopProductConf .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
  background-color: rgb(226, 195, 102);
  border-color: rgb(226, 195, 102);
  box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}