@font-face {
  font-family: "framework7-core-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, 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")
    format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.list .item-title {
  overflow: visible;
}

#acc-tabs .tabs {
  height: 65px;
}

.text-right,
.text-align-right {
  text-align: right !important;
}

.collection .collection-item.active {
  background-color: transparent;
  color: #fd7c16;
  border: 3px solid #fd7c16;
}

.dialog {
  z-index: 999999999 !important;
}

.card-reveal p {
  font-size: 14px;
}

.ug-pos {
  font-size: 12px;
}

.modal .modal-content {
  position: relative;
  background-color: #fff;
  border: 0px solid #999;
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.access .dropdown-content li {
  min-height: auto;
  padding: 5px;
  border-bottom: 1px dotted;
}

.dicht .card.small {
  height: auto;
  min-height: 100px;
}

.cursor-pointer {
  cursor: pointer;
}

#acc-tabs .tabs {
  height: 68px;
}

.list-group-title {
  padding: 5px;
  background: #eee;
}

.tabs {
  margin-bottom: 15px;
  margin-top: 15px;
}

.tabs .tab a {
  line-height: 50px;
}


#delivery_info_btn > div#eventTriger {
  display: none;
}

#eventTriger {
  position: absolute;
  width: 340px;
  top: 46px;
  left: -10px;
  margin: auto;
  background: #fff;
  border: 1px solid #337ab7;
  box-shadow: 0px 0px 5px #337ab7;
  z-index: 90000000;
  padding: 15px;
}

#delivery_info_btn:hover > div#eventTriger {
  display: block;
}

#preload {
  text-align: center;
  padding: 15px;
}

.card {
  border: 3px solid #fff;
}

.card.active {
  border: 3px solid #fd7c16;
}

.card.small.hoverable .card-content {
  padding: 15px;
}

.flex-container.row-10 {
  margin-bottom: 15px;
  border-bottom: 1px dotted;
}

.flex-container.row-10 > * {
  flex: calc(10% - 17px);
  margin-right: 5px;
}



.flex-container.row-10 .card.small img {
  max-width: 120px;
  margin: auto;
}

.flex-container.row-10 > *:last-child {
  margin-right: 0;
}

.card .card-title {
  font-size: 18px;
  line-height: 24px;
}

.card.small .card-title {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.card.small .card-title b {
  font-weight: 900;
  border-bottom: 1px dotted;
  margin-bottom: 3px;
  display: block;
  text-align: center;
}

.secondary-content {
  font-size: 14px;
}

.icon-radio {
  font-family: "framework7-core-icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: relative;
  box-sizing: border-box;
  display: block;
  flex-shrink: 0;
}

label.item-radio .icon-radio:after {
  font-family: "framework7-core-icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  width: 20px;
  height: 20px;
  line-height: 28px;
  font-size: 36px;
  content: "radio_ios";
    color: #fd7c16;
  opacity: 0;
}

.item-checkbox [type="checkbox"]:not(:checked),
.item-checkbox [type="checkbox"]:checked {
  position: relative;
  opacity: 1;
}

.item-radio input[type="radio"]:checked ~ .icon-radio:after {
  opacity: 1;
}

.item-radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #0b0b0b;
}

label.item-radio:not(.item-radio-icon-start) input[type="radio"] ~ .icon-radio {
  position: absolute;
  top: 50%;
  margin-top: -11px;
}

label.item-radio-icon-start > .icon-radio {
  margin-right: 10px;
}

label.item-radio.active-state {
  transition-duration: 0ms;
}

.list ul li {
  border-bottom: 1px dotted #f1f1f1;
}

.list .item-title {
  min-width: 30%;
  font-size: 14px;
  color: #000;
}

.list .item-after {
  white-space: normal;
  max-width: 70%;
}

.card .card-image {
  text-align: center;
}

.m-b {
  margin-bottom: 15px !important;
}

#result_save {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 50%;
  height: 20rem;
  background: #fff;
  padding: 25px;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
}

@media (max-width: 960px) {
  #result_save {
    width: 100%;
    height: 25rem;
  }
}

.nav-menu .card.small {
  min-height: 10px;
  height: 165px;
}

.nav-menu.fixed .card.small {
  min-height: 10px;
  height: 120px;
}

.nav-menu.fixed .card.small .card-image + .card-content {
  max-height: 60%;
}

.nav-menu.fixed .card.small .card-image {
  max-height: 40%;
}

.nav-container {
  height: 187px;
}

.nav-menu.fixed {
  position: fixed;
  top: 66px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  left: 0;
}

.main-result {
  height: auto;
}

.collection.fixed {
  position: fixed;
  top: 122px;
  left: 7px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  z-index: 9999;
  width: calc(25% - 14px);
}

@media screen and (max-width: 1024px) {
  .collection.fixed {
    top: 96px;
    width: calc(33.33% - 14px);
  }
}

#info {
  position: fixed;
  width: 80%;
  height: 400px;
  top: 0px;
  border: 1px solid #ccc;
  padding: 15px;
  bottom: 0px;
  background: #fff;
  z-index: 9999999;
  margin: auto;
  left: 0;
  right: 0;
  box-shadow: -5px 5px 15px #828080, 5px 5px 15px #828080;
}

.nav-menu .card.small.active:after {
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  border-top: 2px solid #fd7c16;
  border-right: 2px solid #fd7c16;
  background: transparent;
  position: absolute;
  top: 45%;
  right: -20px;
}

.nav-menu .card.small.active:before {
  content: " ";
  width: 12px;
  height: 17px;
  border-top: 2px solid #fd7c16;
  border-left: 2px solid #fd7c16;
  border-bottom: 2px solid #fd7c16;
  background: transparent;
  position: absolute;
  top: 46%;
  right: -13px;
}

.tabs .tab {
  border: 1px solid #fd7c16;
}

.tabs .tab a.active {
  background: #fd7c16;
  color: white;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background: #fd7c16;
  color: white;
}

.nav-menu .card.small .card-content {
  padding: 10px;
}

.card .card-content.overflow {
  overflow: auto;
}

#tab-10 .card.small {
  height: auto;
}

@media (max-width: 1280px) {
  .card .card-reveal {
    padding: 14px;
  }

  .card-reveal p {
    font-size: 12px;
  }
}

@media (max-width: 1025px) {
  .card {
    min-height: 335px;
  }
  .nav-menu .card.small {
    height: 110px;
  }

  .nav-menu .card.small .card-content {
    padding: 5px;
  }

  .nav-container {
    height: auto;
  }

  .main-result {
    height: auto;
  }

  .mobile-hidden {
    display: none !important;
  }

  .card .card-reveal {
    padding: 10px;
  }

  .card-reveal p {
    font-size: 11px;
  }

  .list-group.access {
    padding: 0px !important;
    margin: 0px;
  }

  .list-group.access .list-group-title {
    margin: 0px;
  }

  .list-group.access .dropdown-content {
    display: block;
    position: relative;
    opacity: 1;
  }

  .list-group.access .dropdown-trigger {
    display: none;
  }

  .list-group.access .dropdown-content .current {
    border: 2px solid red;
  }
}

@media (max-width: 640px) {
  .card .card-reveal {
    padding: 24px;
  }

  .card-reveal p {
    font-size: 16px;
  }
}

.red-text input {
  color: red !important;
  border-bottom: 2px solid red !important;
}

.red-text label.active {
  color: red !important;
}

.modal {
  z-index: 99991003 !important;
}

.collection.bottom {
  top: 350px;
  position: absolute;
  z-index: 14;
  right: 10px;
}

.collection .collection-item a.active {
  color: #fd7c16
}

@media (max-width: 640px) {
  .card .text-left{
    font-size:1.3rem !important;
  }
  .card .card-reveal{
    padding-right:10px !important;
    padding-left:10px !important;
  }
  .card .card-content{
    padding:13px !important;
  }
}

@media (max-width: 1024px) {
  .card .text-left{
    font-size:1.3rem !important;
  }
  .card .card-reveal{
    padding-right:10px !important;
    padding-left:10px !important;
  }
  .card .card-content{
    padding:13px !important;
  }
}

#windows-size .input-field > label {
  font-size: 20px !important;
  color: #000 !important;
}

#windows-size input {
  font-size: 24px;
  height: auto;
  max-height: 100px;
  padding: 8px;
  font-weight: 600;
  margin-top: 10px;
}

.product-item.active{
  border:1px solid #11B76B;
}
@media (min-width: 1024px) {


  #main-app {
    margin-top: 15px;
  }

  #current-component::-webkit-scrollbar {
    display: none;
  }
}
.left{
  left:0px !important;
  right:auto !important;
}

.prev-next-block .product-title{
  text-align: center;
  border-bottom: 1px dotted #118768;
  padding: 11px;
}