/*slider-------------------------------------------------------------*/
/* min-height, geen height: antwoordopties die over meerdere regels lopen moeten
   de container mee laten groeien, anders vallen ze over de .commentaar eronder. */
.slidercont{
	position: relative;
	max-width: 500px;
	min-height: 65px;
	margin: 0 auto;
	font-weight: bold;
   clear:both;
}
.slidercont a{
   font-size:inherit !important;
   line-height:inherit !important;
   margin:0 !important;
   padding:0 !important;
}
.sliderbalk{
	width:100%;
	display:block; /* 31/07 michel */
	
}
/*niet beantoorde slider moet er niet uitzien als beantwoord*/
.vraag_antwoord_blok:not(.is_beantwoord) .sliderbalk a {
   top: -15px !important;
   box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.42);
   /* margin-left: -60% !important; */
   opacity: .7;   
   animation-name: bounceInSlider;
   animation-duration: 450ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
}
.vraag_antwoord_blok:not(.is_beantwoord) .sliderbalk a:hover,
.vraag_antwoord_blok:not(.is_beantwoord) .sliderbalk:hover a {
   top: 0 !important;
   box-shadow: none;
   /* margin-left: -60% !important; */
   opacity: 1;
   animation-name: none;
}
.vraag_antwoord_blok:not(.is_beantwoord) .sliderbalk:before {
    content: '\00a0\00a0\00a0\00a0\00a0 Maak een \00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 keuze a.u.b.';
    position: absolute;
    width: 100%;
    color: rgba(255,255,255,.7);
    font-size: 1.2rem;
    /* margin-top: 15px; */
    /* margin-left: -100px; */
    text-align: center;
    /* z-index: -1; */
    font-weight: normal;
}
.vraag_antwoord_blok:not(.is_beantwoord) .sliderbalk:hover:before{content:none;}

@keyframes bounceInSlider{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.7);
  }
  70%{
    opacity: 1;
    transform: scale(0.89);
  }
  90%{
    opacity: .5;
    transform: scale(1.5) translate3d(0,0,0);
  }
  100%{
    opacity: .7;
    transform: scale(1) translate3d(0,0,0);
  }
}






.slidercont .slider_antw_opties{
   display:flex;
   flex-flow: row nowrap;
   align-items:center;
   justify-content:space-between;
   margin-top: 10px;
}
.slidercont .slider_antw_opties .antw{
   flex: 0 1 100%;
   color: #6f6f6f;
   position: relative;
   margin-top: 10px;
   padding: 3px;
   line-height:1.2em;
   text-align:center;
   font-size:1rem;
   border-right: 1px dashed #80c0e0;
}

.slidercont .slider_antw_opties.aantal_opties_2 .antw:first-child,
.slidercont .slider_antw_opties.aantal_opties_3 .antw:first-child{text-align:left;}
.slidercont .slider_antw_opties.aantal_opties_2 .antw:last-child,
.slidercont .slider_antw_opties.aantal_opties_3 .antw:last-child{text-align:right;}

.slidercont .slider_antw_opties.aantal_opties_2 .antw,
.slidercont .slider_antw_opties .antw:last-child{border-right:none;}


.slidercont .ui-widget-content{
   position: relative;
	padding-left: 12px;
   padding-right: 18px;
	border:none !important;
	background: #80c0e0 !important;
	height:30px !important;
	-webkit-border-radius:30px !important;
   -moz-border-radius:30px !important;
   border-radius:30px !important;
	width:100%;
}
.ui-slider .ui-slider-handle{
   position:relative;/*18/04/16 Bethuel*/
   display:inline-flex;
   border:none !important;
	top:0px !important;
	width:30px !important;
	height:30px !important;
	background: url('../images/sliderpijl.png') !important;
	border-radius:30px !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	cursor:pointer !important;
}
body.boxed_interface.module .ui-slider .ui-slider-handle{
   top: -10px !important;
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled{opacity:1;}

.ui-slider-disabled .ui-slider-handle{
	cursor:default !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0);
	opacity: .6;
}
.slidercont .ui-widget-content.ui-slider-disabled{
   background: rgba(128, 192, 224, 0.6) !important
}
@media only screen and (max-width : 530px) {
   .slidercont{
      width: 100%;
   }
}