.wrap-number-super-input {
  position: relative;
}

.wrap-number-super-input input[type=number]::-webkit-inner-spin-button:hover {
  background-color: transparent;
}
  

.wrap-number-super-input:after,
.wrap-number-super-input:before {
  position: absolute;
  right: -6%;
  width: 20px;
  height: 12px;
  font-size: 10px;
  pointer-events: none;
  background: #EDEDED;
  z-index: 999;
}

.wrap-number-super-input:after {
  color: #e5012d;
  content: "\25B2";
  top: 7px
}

.wrap-number-super-input:before {
  color: #e5012d;
  content: "\25BC";
  bottom: 1.2em;
}

.configurator__container .cpq-csticValue-inner {
  padding: 0;
}
.inner-accordion .inner-accordion-content {
  justify-content: center;
  min-width: 100%
}
.inner-accordion {
    display: none;
  background-color: #fff;
  margin-left: -34px;
  margin-right: -19px;
  margin-top: -24px;
  padding: 0 19px 19px 34px;
  margin-bottom: 30px;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  min-width: 104%;
}
.inner-accordion .inner-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.inner-accordion-content-text {
  margin-left: 20px;
}
.inner-accordion-content-text h1{
  text-transform: uppercase;
  margin-top: 0;
}
.inner-btn-wrap {
  margin-top: 15px;
}
/* .inner-accordion-content-image {
  max-width: 20%;
} */
.inner-accordion-content-image img {
  max-width: 100%;
  max-height: 100%;
}
.inner-accordion-content-text {
  width: 80%;
}

.inner-accordion .inner-accordion-button {
  cursor: pointer;
}
.inner-accordion .inner-accordion-button img {
  transform: rotate(0.37turn);
}




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


.box-desc {
  padding: 0 18px 5px;
  margin-bottom: 0;
}
.box-desc:hover {
  color:#E5012D;
}

.box-desc:after {
  color:#E5012D;
}

/* p .box-desc{
  text-align: left;
} */

.box-desc-image  {
  text-align: center;
}
.radio .cpq-selectLine {
  flex-direction: column;
 
}

.rangeslider {
  background: #fff;
  position: relative;
  border-radius: 5px;
}

.rangeslider--horizontal {
  height: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.rangeslider--horizontal:after{
  content: '';
  background-image: linear-gradient(to right, #282626 15%, rgba(255, 255, 255, 0) 15%);
  background-size: 6px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  max-width: 99%;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}

.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}

.rangeslider__fill {
background: #e5012d;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 2px;
height: 3px;
max-width: 100%;
border-radius: 5px;
left: 3px;

}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}

.rangeslider__handle {
cursor: pointer;
display: inline-block;
width: 32px;
height: 12px;
position: absolute;
}

.rangeslider__handle:after {
content: "";
display: block;
  width: 17px;
  height: 18px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-image: url("/_ui/responsive/theme-atos/img/icons/triangle-slider.svg");
  z-index: 1;
}

.rangeslider--horizontal .rangeslider__handle {
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
touch-action: pan-x;
-ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.rangeslider--horizontal .rangeslider__handle output {
text-align: center;
font-size: 14px;
margin: 20px auto;
color: #E5012D;
font-weight: bold;
  background: #F7F7F7;
}



.configuration-range button:not(.quantity-button):hover {
background-color: #e5012d;
color: #fff;
}


.configuration-range input[type=number] {
background: transparent;
}

.configuration-range input[type=number]:focus {
outline: none;
}


input[type="range"]::-moz-range-progress {
background-color: #e5012d;
}

input[type="range"]::-webkit-progress-value {
background-color: #e5012d;
}


.configurator__container .configuration-range {
padding: 24px 19px 19px 34px;
}

.configurator__container .configuration-range .description-slider {
display: flex;
align-items: center;
background: #EDEDED;
padding: 20px 43px;
}

@media (max-width: 1023px) {
  .configurator__container .configuration-range .description-slider {
    flex-direction: column;
  }
}


.configurator__container .configuration-range .range-slider-container {
  margin: 40px auto 15px;
  max-width: 900px;
  width: 100%;
}

.configurator__container .configuration-range .description-slider p{
flex-grow: 1;
margin: 0 60px;
font-size: 16px;
color: #282626;
letter-spacing: 0.25px;
}

@media (max-width: 1023px) {
  .configurator__container .configuration-range .description-slider p{
    margin: 20px 0;
  }
}

.configurator__container .configuration-range input[type=number]::-webkit-inner-spin-button {
opacity: 1;
background: transparent;
color: #e5012d;
}





.configurator__container .configuration-range button:not(.quantity-button) {
display: flex;
align-items: center;
text-align: center;
white-space: nowrap;
font-weight: 400;
border-radius: 2rem;
font-size: 1rem;
margin: 0;
padding: 5px 40px;
transition: background-color 0.2s ease, color 0.2s ease;
border: 2px solid;
border-color: #e5012d;
background-color: transparent;
color: #e5012d;
cursor: pointer;
justify-content: center;
font-family: inherit;
}

.range-slider-container .range-slider-container__value {
  display: flex;
  justify-content: space-between;
  margin: -13px 0 0 0;
}

.range-slider-container .range-slider-container__value p {
  margin: 0;
  font-size: 14px;
}

.configurator__container .configuration-range .description-slider .quantity-custom-cart {
  position: relative;
  display: flex;
  max-width: 65px;
  min-width: 65px;
  border-bottom: 2px solid #e5012d;
}

.configurator__container .configuration-range .description-slider .quantity-custom-cart .quantity-button {
  position: relative;
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: center;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 15px;
  font-size: initial;
}

.configurator__container .configuration-range .description-slider input[type=number]::-webkit-inner-spin-button,
.configurator__container .configuration-range .description-slider input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.configurator__container .configuration-range .description-slider .quantity-nav {
  display: flex;
  flex-direction: column;
}
