/*! angularjs-slider - v7.0.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2019-03-06 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 15px 0 20px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.noanimate * {
  transition: none !important;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
    line-height: 11px;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
  transition: all linear 0.3s;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 5px;
  background: #efefef;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #133950;
  border-radius: 2px;
  transition: background-color linear 0.3s;
}

.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -9px;
  z-index: 3;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #a2a2a3;
  border-radius: 16px;
  transition: all linear 0.3s;
}

.rzslider .rz-pointer:focus{outline: inherit; box-shadow: none;}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #fff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #353535;
  cursor: default;
  transition: all linear 0.3s;
}

.rzslider .rz-bubble.rz-limit {
  color: #353535;
  transition: none;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 2px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #fff;
  border-radius: 0;
  transition: background-color linear 0.3s;
}

.rzslider .rz-tick.rz-selected {
  background: #fff;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px!important;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -9px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: 0px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
 

/*-----*/
.minmax-value{display: flex; align-items: center; justify-content: space-between;}
.minvalue{position: relative; max-width:107px; display: flex; align-items: center;}
.minvalue span{background: #efefef; padding: 5px 6px; color: #6b6b6b; font-weight: normal; min-width: 25px; margin-right: 5px;  text-align: center; border-radius: 3px 0 0 3px; text-align: center;}
.minvalue .valueinput{width: calc(100% - 30px);}
.minvalue .valueinput input{border: none; box-shadow: none; width: 100%; }
.minvalue .valueinput input:focus{outline: inherit; box-shadow: none;}
 
.price_slider .caption span {width: inherit;}
 

.verticalClarity{height: 200px;}
.verticalTransparency {height: 100px;}
.lwRatio {display: flex; justify-content: space-between; height: 194px;}
.lwRatio .minmax-value{flex-wrap: wrap; max-width: 114px;}
.lwRatio .minmax-value .vminvalue,
.lwRatio .minmax-value .vmaxvalue{max-height: 33px; display: flex;}

.lwRatio .minmax-value .vminvalue .minvalue{display: block;}
.lwRatio .minmax-value .vminvalue .minvalue span,
.lwRatio .minmax-value .vmaxvalue .maxvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6; width: 36px; top: 0; left: 0;}

.lwRatio .minmax-value .vmaxvalue .minvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6;width: 36px; top: 0; left: 0;}

.lwRatio .minmax-value .valueinput {width: 100%; padding-left: 30px; height: 31px;}
.lwRatio .minmax-value .valueinput input{height: 31px; line-height: 31px;}


.weightmobile {display: flex; justify-content: space-between; height: 124px;}
.weightmobile .minmax-value{flex-wrap: wrap; max-width: 88px;}
.weightmobile .minmax-value .vminvalue,
.weightmobile .minmax-value .vmaxvalue{max-height: 33px; display: flex;}

.weightmobile .minmax-value .vminvalue .minvalue{display: block;}
.weightmobile .minmax-value .vminvalue .minvalue span,
.weightmobile .minmax-value .vmaxvalue .maxvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6; width: 36px; top: 0; left: 0;}

.weightmobile .minmax-value .vmaxvalue .minvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6;width: 36px; top: 0; left: 0;}

.weightmobile .minmax-value .valueinput {width: 100%; padding-left: 30px; height: 31px;}
.weightmobile .minmax-value .valueinput input{height: 31px; line-height: 31px;padding: 10px;}

.pricemobile {display: flex; justify-content: space-between; height: 124px;}
.pricemobile .minmax-value{flex-wrap: wrap; max-width: 88px;}
.pricemobile .minmax-value .vminvalue,
.pricemobile .minmax-value .vmaxvalue{max-height: 33px; display: flex;}

.pricemobile .minmax-value .vminvalue .minvalue{display: block;}
.pricemobile .minmax-value .vminvalue .minvalue span,
.pricemobile .minmax-value .vmaxvalue .maxvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6; width: 36px; top: 0; left: 0;}

.pricemobile .minmax-value .vmaxvalue .minvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6;width: 36px; top: 0; left: 0;}

.pricemobile .minmax-value .valueinput {width: 100%; padding-left: 0px; height: 31px;}
.pricemobile .minmax-value .valueinput input{height: 31px; line-height: 31px;}


.widthmobile {display: flex; justify-content: space-between; height: 124px;}
.widthmobile .minmax-value{flex-wrap: wrap; max-width: 88px;}
.widthmobile .minmax-value .vminvalue,
.widthmobile .minmax-value .vmaxvalue{max-height: 33px; display: flex;}

.widthmobile .minmax-value .vminvalue .minvalue{display: block;}
.widthmobile .minmax-value .vminvalue .minvalue span,
.widthmobile .minmax-value .vmaxvalue .maxvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6; width: 36px; top: 0; left: 0;}

.widthmobile .minmax-value .vmaxvalue .minvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6;width: 36px; top: 0; left: 0;}

.widthmobile .minmax-value .valueinput {width: 100%; padding-left: 0px; height: 31px;}
.widthmobile .minmax-value .valueinput input{height: 31px; line-height: 31px;}

.lengthmobile {display: flex; justify-content: space-between; height: 124px;}
.lengthmobile .minmax-value{flex-wrap: wrap; max-width: 88px;}
.lengthmobile .minmax-value .vminvalue,
.lengthmobile .minmax-value .vmaxvalue{max-height: 33px; display: flex;}

.lengthmobile .minmax-value .vminvalue .minvalue{display: block;}
.lengthmobile .minmax-value .vminvalue .minvalue span,
.lengthmobile .minmax-value .vmaxvalue .maxvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6; width: 36px; top: 0; left: 0;}

.lengthmobile .minmax-value .vmaxvalue .minvalue span{display: inline-flex; height: 31px; padding: 0; align-items: center;  justify-content: center; position: absolute; line-height: 1.6;width: 36px; top: 0; left: 0;}

.lengthmobile .minmax-value .valueinput {width: 100%; padding-left: 0px; height: 31px;}
.lengthmobile .minmax-value .valueinput input{height: 31px; line-height: 31px;}





@media(max-width: 989px) {
  .mobWeight{display: flex; height: 100%; height: 365px; justify-content: space-between;}

    .mobWeight .minmax-value{height: 100%; flex-wrap: wrap;justify-content: flex-end; position: relative; width: 100px;}
    .mobminvalue{position: absolute; top: 0; right: 0; max-width: 90px; display: flex; align-items: center; border: 1px solid #d2d2d2;}
    
    .mobminvalue  span{background: #efefef; padding: 5px 6px; color: #6b6b6b; font-weight: normal; min-width: 25px; text-align: center; border-radius: 3px 0 0 3px; font-size: 12px; font-weight: 500; color: #353535; }    
    .mobminvalue .valueinput { width: calc(100% - 30px);}
    .mobminvalue .valueinput input{width: 100%; border: none; font-size: 11px; font-weight: 500; color: #353535;  }
    
    .mobiminvalue{position: absolute; right: 0; bottom:0; max-width: 90px; display: flex; align-items: center; border: 1px solid #d2d2d2; }
    .mobiminvalue span{background: #efefef; padding: 5px 6px; color: #6b6b6b; font-weight: normal; min-width: 25px; text-align: center; border-radius: 3px 0 0 3px; font-size: 12px; font-weight: 500; color: #353535; } 
    .mobiminvalue .valueinput { width: calc(100% - 30px);}
    .mobiminvalue .valueinput input{width: 100%; border: none; font-size: 11px; font-weight: 500; color: #353535;  }
    
    .btnlearnmore,
    .btnlearnmore a{color: #4f238d; font-size: 12px; font-weight: 500; }
    .lwRatio .minmax-value .valueinput input{padding-left:20px !important; }
}

.rz-bubble {
     display: none !important;
}
.rz-pointer{
    visibility: visible !important;
    
}

.rzslider.rz-vertical .rz-tick-value{
    font-size:12px !important;
}