/* 
Anpassungen:
- Textanpassung Progressbar RSFP_PROGRESS_PAGE
- Template multistep.css einbinden (unter Layout)
- Bei Slidern auf Design HTML5 umstellen



*/





/* FRAGEN Schaltflächen RADIO */
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio input[type="radio"]
{
  display: none; /* Versteckt den tatsächlichen Radio-Button */
}
.multistepseidl .rsform-type-advradio .formControls label 
{
  background-color: #E0E7E7;
  color:#0D1013;
   cursor:pointer;  
   padding:45px;
	display: table;
  width: 100%;
}
.multistepseidl .rsform-type-advradio .formControls label:hover 
{
  background-image: linear-gradient(120deg, rgba(11,112,183,1), rgba(11,112,183,1), rgba(143,35,123,1), rgba(169,107,170,1)) !important;
  color:#fff;
}
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio 
{
  background-color:#E0E7E7;
  margin-bottom:15px;
}
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio:hover 
{
  background-image: linear-gradient(120deg, rgba(11,112,183,1), rgba(11,112,183,1), rgba(143,35,123,1), rgba(169,107,170,1)) !important;
}
.multistepseidl .fp-radio {
	display:none;
}
.multistepseidl .checked + label {
	  background-color: #0D1013 !important;
  color: #fff !important;
}


/* FRAGEN Schaltflächen CHECKBOX */
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox input[type="checkbox"]
{
  display: none; /* Versteckt den tatsächlichen Radio-Button */
}
.multistepseidl .rsform-type-advcheckbox .formControls label 
{
  background-color: #E0E7E7;
  color:#0D1013;
   cursor:pointer;  
   padding:45px;
	display: table;
  width: 100%;
}
.multistepseidl .rsform-type-advcheckbox .formControls label:hover 
{
  background-image: linear-gradient(120deg, rgba(11,112,183,1), rgba(11,112,183,1), rgba(143,35,123,1), rgba(169,107,170,1)) !important;
  color:#fff;
}
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox 
{
  background-color:#E0E7E7;
  margin-bottom:15px;
}
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox:hover 
{
  background-image: linear-gradient(120deg, rgba(11,112,183,1), rgba(11,112,183,1), rgba(143,35,123,1), rgba(169,107,170,1)) !important;
}
.multistepseidl .fp-checkbox {
	display:none;
}
.multistepseidl .checked + label {
	  background-color: #0D1013 !important;
  color: #fff !important;
}



















/* ALLGEMEINE ANPASSUNGEN */
.multistepseidl label {
	margin:0px !important;
}
.multistepseidl .formplate .fp-checkbox, .multistepseidl .formplate .fp-radio {
  border: 1px solid #fff;
  color: #fff;
}
.multistepseidl .formplate .fp-checkbox, .multistepseidl .formplate .fp-radio {
  margin-left:10px;
  margin-top:10px;
}
.multistepseidl .rsform-type-freetext {
	margin-bottom:30px;
}
.multistepseidl .btn {
  border-radius: 0px;
}
.multistepseidl .btn-success {
  color: #fff;
  background-color: #0D1013;
  border-color: #0D1013;
}
.multistepseidl .btn-warning {
  color: #666;
  background-color: #E0E7E7;
  border-color: #E0E7E7;
}
.multistepseidl .progress {
  background-color: #E0E7E7;
  border-radius: 0px;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  margin-top:30px;
  margin-bottom:30px !important;
}
.progress-bar {
  background-image: linear-gradient(120deg, rgba(11,112,183,1), rgba(11,112,183,1), rgba(143,35,123,1), rgba(169,107,170,1)) !important;
	color:#fff !important;
}
.multistepseidl .rsform-type-advradio .control-label,
.multistepseidl .rsform-type-rangeslider .control-label, 
.multistepseidl .rsform-type-advcheckbox .control-label 
{
	font-size:1.6em;
	margin-top:20px !important;
	margin-bottom:30px !important;
}
.multistepseidl .rsfp-skinHtml5 .irs-line {
  background: #E0E7E7 !important;
  border: 1px solid #E0E7E7;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
.multistepseidl .rsfp-skinHtml5 .irs-from, 
.multistepseidl .rsfp-skinHtml5 .irs-to, 
.multistepseidl .rsfp-skinHtml5 .irs-single {
  color: #fff;
  font-size: 1.3em;
  padding: 1px 5px;
  background: #0D1013;
  border-radius: 0px;
  -moz-border-radius: 0px;
  margin-top:-10px;
}
.multistepseidl .rsfp-skinHtml5 .irs-bar {
  border-top: 1px solid #0D1013;
  border-bottom: 1px solid #0D1013;
  background: #0D1013;
}
.multistepseidl .rsfp-skinHtml5 .irs-bar-edge {
  border: 1px solid #0D1013;
    border-right-color: #0D1013;
  background: #0D1013;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
.multistepseidl .rsfp-skinHtml5 .irs-slider {
  border: 1px solid #0D1013;
  background: #0D1013;
  box-shadow: inherit;
}
.multistepseidl .formRed {
display:none;
}
.multistepseidl .rsfp-skinHtml5 .irs-min, 
.multistepseidl .rsfp-skinHtml5 .irs-max {
  color: #0D1013;
  background: #E0E7E7;
  border-radius: 0px;
  -moz-border-radius: 0px;
}