.azh_config_item {
  padding: 128px 0 0;
  .inner.aci_inner {
    box-shadow: none;
  }

  &.aci_background {
    background: left center no-repeat;
    background-size: cover;
    padding: 128px 0 64px;
    .inner {
      box-shadow: none;
      &.aci_inner {
        background: transparent;
      }
    }
  }
  .filterBox {
    &.centered {
      width:66.66666666667%!important;
      margin:0 auto!important;
      clear:both;
      float:none;
    }
    &.nofloat {
      float:none!important;;
    }
  }

 .calculator-box {
   padding-left: 16px;
   padding-right: 16px;
   width:66.66666666667%;
   //@include grid-span(8,3);
   margin:16px auto;
   box-sizing: border-box;
   .inner {
     text-align: center;
     box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
     &.noshadow {
       box-shadow: none;
     }
   }

 }
  .aci_calcslider {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top:32px;
    .slider-container {
     width: 40%;
      float:none;
    }
  }


  .showBoxes {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    .grid-item {
      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
      justify-content: space-between;
      .inner {
        height:auto;
      }
    }

    h2 {
      max-height:64px;
      font-size:14px;
      background: $aqua;
      color:#fff;
      margin:-16px -16px 0 -16px;
      padding: 16px;
      box-sizing: border-box;
      .small {
          font-weight: normal;
      }
    }
    .bundle-price {
      text-align: center;
      padding:32px 0 0;
      font-size:48px;
      font-weight: normal;
      line-height:48px;
      .medium {
        font-size:32px;
      }
      .small {
        font-size: 14px;
      }
    }
    .bundle_buttonwrapper {
      text-align: center;
      margin:0 auto;
      float:none;
      clear:both;
      margin-bottom:64px;
      button {
        margin: 0;
      }
    }
    ul {
      list-style-type: disc;
      li {
        &:before {
          display: none;
        }
      }
    }
  }
}
.aci_virtualtable {
  margin-top:64px;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  left:0;
  top:0;
  z-index:43;
  box-sizing: border-box;
  width: 95%;
  margin:0 auto;
  //@include grid-span(12,1);
  //@include grid-span(6,1);
  display: block;
  &::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
  }
    .vt_legend {
    width:100%;
    min-width:1480px;
    left:0;
    top:0;
    position: absolute;
    z-index: 45;
    background: $aqua;
    color:#fff;
    padding: 16px;
    font-weight:bold;
    box-sizing: border-box;
  }

  .vt_row {
    width:90%;
    min-width:1480px;
    position: relative;
    left:0;
    top:0;
    z-index:48;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: flex-start;
    box-sizing: border-box;

    .vt_inner {
      position: relative;
      left:0;
      top:0;
      z-index:50;
      padding:16px;
      margin: 0 16px;
      background: #f2fafa;
      box-sizing: border-box;
      text-align: center;
      h2 {
        font-weight:normal;
      }
      .vt_price {
        font-size: 32px;
        line-height: 32px;
        margin-top:48px;
      }
    }
    &.headerrow {
      .vt_inner {
        box-shadow: inset 0 5px 5px -5px rgba(36, 61, 81, 0.6);
      }
    }
    &.contentrow {
      .vtcol1 {
        .vt_inner {
          text-align: left;
          font-weight: bold;
        }
        .rowoverlay {
          position: absolute;
          z-index: 50;
          box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
          background: fade_out(#f2fafa,0.5);
          left:2px;
          right:16px;
          top:0;
          bottom: 16px;
          display: flex;
          flex-flow: row nowrap;
          align-items: stretch;
          justify-content: flex-start;
          box-sizing: border-box;
          .rowlegend {
            cursor: pointer;
            width:40%;
            font-weight: bold;
            .rl_arrow {
              display: inline-block;
              background: $aqua;
              color:#fff;
              position: relative;
              left:0;
              top:0;
              padding: 4px;
              font-size:24px;
              line-height:20px;
              margin-right:12px;
            }
            .rl_title {
              display: inline-block;
              position: relative;
              top: -2px;
            }
          }
          .checkcol2,
          .checkcol3,
          .checkcol4,
          .checkcol5 {
            padding: 8px;
            width:17.5%;
            display: flex;
            flex-flow: row nowrap;
            align-items: stretch;
            justify-content: center;
            box-sizing: border-box;
            text-align: center;
            color:$grass;
          }
        }
        .rowdesc {
          position: relative;
          left:0;
          top:20px;
          display: none;
          padding:42px 42px 64px 42px;
          z-index:60;
        }
      }
    }
  }
  .vtcol {
    //float:left;
    &.vtcol1 {
      width:40%;
      z-index:50;
    }
    &.vtcol2,
    &.vtcol3,
    &.vtcol4,
    &.vtcol5    {
      width:17.5%;
      z-index:40;
      display: flex;
      flex-flow: row nowrap;
      align-items: stretch;
      justify-content: center;
      box-sizing: border-box;
      .vt_inner {
        flex-grow: 1;
      }
    }
  }
}


/// SLIDERS

.slider.slider-horizontal .slider-track {
  height:6px;
  margin-top: -3px;
}