/*	General CSS resets;
 *		The target itself is not affected, allowing
 *		the remainder of the document to use an
 *		alternate box-sizing model;
 *		Support for box-sizing is wide spread:
 *		http://caniuse.com/#search=box-sizing
 */
/* line 9, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-target * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default; }

/*	Main slider bar;
 *		Standard styles no longer incorrectly force a
 *		width or height on the slider.
 */
/* line 25, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-base {
    width: 100%;
    height: 10px;
    border-radius: 10px;
    position: relative;
    max-height: 100%;
    border: 0px;
    z-index: 3;
    margin: 5px auto;
}

/*	Handles + active state;
 *		The :after pseudo-element wont inherit
 *		box-sizing, so it needs to applied manually.
 */
/* line 42, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-handle {
    height: 25px;
    width: 25px;
    border: none;
    background: #F15A2B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 38px;
}
/* line 52, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-active {
  background:#F15A2B; }

/*	Styling-only classes;
 *		Structured to prevent double declarations
 *		for various states of the slider.
 */
/* line 69, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-connect {
  background: Teal; }

/* line 72, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-background {
  background: #b7b7b7 ; 
      border-radius: 10px;

}

/*	Functional styles for handle positioning;
 *		Note that the origins have z-index 0, the base has
 *		z-index 1; This fixes a bug where borders become invisible.
 */
/* line 80, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  border-radius: inherit; }

/* line 88, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-origin-upper {
  background: inherit !important; }

/* line 91, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-z-index {
  z-index: 10; }

/*	Adaptations for the vertical slider;
 *		Some standard styles have been extended to keep
 *		exceptions for the vertical slider as minimal as possible.
 */
/* line 99, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-vertical {
  width: 40px;
  height: 100%; }

/* line 103, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-vertical .noUi-origin {
  bottom: 0;
  left: 0; }

/* line 107, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-vertical .noUi-handle {
  margin: -23px 0 0 -3px; }

/*	Various alternate slider states;
 *		Support for transition is widely available,
 *		Only IE7, IE8 and IE9 will ignore these rules.
 *		Since this is merely a progressive enhancement,
 *		this is no problem at all.
 *		http://caniuse.com/#search=transition
 */
/* line 118, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-target[disabled] .noUi-base {
  background: #999; }

/* line 121, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-target[disabled] .noUi-connect {
  background: #BBB; }

/* line 124, /Users/meiko/code/aasa-html/source/stylesheets/base/_slider.scss */
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.tohide { display: none; }
.no-js .tohide { display: block; }
.no-js .touch { display: none; }

@media (min-width: 1201px){ 
  .noUi-base {
    max-width: 93%;
  }
  .noUi-handle {
    margin: -9px 0px 0px -12px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) { 
    .noUi-base {
    max-width: 93%;
  }
  .noUi-handle {
    margin: -9px 0px 0px -12px;
  }
}
@media (min-width: 768px) and (max-width: 992px) { 
  .noUi-base {
    max-width: 97%;
  }
  .noUi-handle {
    margin: -14px 40px 0px -15px;
    padding: 18px;
  }
  .amount-left a img, .month-left a img, .amount-right a img, .month-right a img {
    width:30px;
    margin:-5px auto;
  }
}
@media (min-width: 481px) and (max-width: 767px) { 
  .noUi-base {
    max-width: 97%;
  }
  .noUi-handle {
    margin: -14px 40px 0px -15px;
    padding: 18px;
  }
  .amount-left a img, .month-left a img, .amount-right a img, .month-right a img {
    width:30px;
    margin:-5px auto;
  }
}
@media (min-width:321px) and (max-width: 479px) {
   .noUi-base {
    max-width: 89%;
  }
  .noUi-handle {
    margin: -14px 40px 0px -15px;
    
  }
  .amount-left a img, .month-left a img, .amount-right a img, .month-right a img {
    width:30px;
    margin:-5px auto;
  }
}