/*--------------------------*/ 
/*	FORM spokes
/*--------------------------*/


.spokegroup {
margin-bottom: 15px;
height: 63px;
background-color: rgba(105, 6, 6, 0);
}

@media only screen and (max-width: 540px) {
	.spokegroup {
	margin-bottom: 5px;
	height: 60px;
	}
}


#group_dickend {
/*visibility: hidden;	*/
}




/*  label -----------------------------------------------  */

.bluespokes label {
display: block;
font-size: 14px;
margin-bottom: 0;
padding-bottom: 6px;
color: rgb(107, 119, 142);
}


@media only screen and (max-width: 540px) {
	.bluespokes label {
	padding-bottom: 4px;
	font-size: 13px;
	}
}


/*  input ----------------------------------------------- */

.bluespokes input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
width: 100%;
/*-moz-box-shadow: 0 2px 1px #041627;
box-shadow: 0 2px 1px #041627;	*/
} 

.bluespokes input {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;

background-color: rgb(193, 200, 205);
color: var(--cg_180);
padding: 0;
text-align: center;
line-height:1;
height: 34px;
}



.bluespokes input[readonly],
.bluespokes input[readonly]:hover,
.bluespokes input[readonly]:focus,
.bluespokes input[type="text"]:focus,
.bluespokes input[type="text"]:hover {
/*background-color: #ffffff;*/
}

/*.bluespokes input#speichenlaenge_input {
float: left;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
width: 100px;
}*/



/*  select --------------------------------------------------------------------------  */

.bluespokes select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 13px;
text-indent: 0.01px;
text-overflow: '';
}

.bluespokes select {
width:100%;
margin-top: 0;
padding: 0.7em;
border-radius: 4px;
background-color: rgb(193, 200, 205);
color: var(--cg_180);
} 

.bluespokes .selectwrapper{
position: relative;
} 

.bluespokes .selectwrapper:before {
font: normal normal 14px/1 'iconmoon_spr'!important;
content: "\e902";
color: rgba(107, 119, 142, 0.78);
position: absolute;
top: 50%;
left: 100%;
transform: translate(-50%,-50%);
pointer-events: none;
background-color: rgb(193, 200, 205);
width: 18px;
text-align: right;
margin-left: -13px;
} 

.bluespokes .selectwrapper.selectsmall:before {
/*left: 90%;*/
/*background-color: #e55353;*/
} 

.bluespokes .selectwrapper:hover:before{
color: rgb(40, 48, 55);
} 

.bluespokes select:hover {}

.bluespokes select::-ms-expand { display:none; }
.bluespokes select:focus { outline: 0; }
.bluespokes input[type="text"]:focus { outline: 0; }







/*-------------------------*/ 
/*	janslider
/*-------------------------*/


.bluespokes fieldset {
/*background-color: #c681c0;*/
margin: 0;
padding: 0;
border: 0;
}

.bluespokes fieldset.janslider input[type="text"] {
width: 56px;
float: left;
border-radius: 5px;
background-color: rgb(193, 200, 205);
}

.bluespokes fieldset.janslider input[type="text"]:focus { 
background-color: rgb(193, 200, 205);
}

.bluespokes fieldset.janslider input[type="text"]#spela_max,
.bluespokes fieldset.janslider input[type="text"]#spela_min {
width: 80px;
}


.bluespokes fieldset.janslider input[type="text"].unten {
margin-right: 6px;
}

.bluespokes fieldset.janslider input[type="text"].oben {
margin-left: 6px;
}



.bluespokes fieldset.janslider .rangecontainer {
height: 36px; 
position:relative;
overflow: visible; 
float: left;
/*background-color: #d21746;*/
}

@media only screen and (max-width: 540px) {
	
	.bluespokes fieldset.janslider input[type="text"]#spela_max,
	.bluespokes fieldset.janslider input[type="text"]#spela_min {
	width: 72px;
	}
	
}





.bluespokes fieldset.janslider button.knob {
/*-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
-webkit-box-shadow:  0px 1px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);*/
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
position: absolute;
top: 3px;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
z-index:2;
background: -webkit-linear-gradient(top, #ffffff 0%, #cecdcd 95.2%);
background: -moz-linear-gradient(top, #ffffff 0%, #cecdcd 95.2%);
background: -ms-linear-gradient(top, #ffffff 0%, #cecdcd 95.2%);
background: linear-gradient(to bottom, #ffffff 0%, #cecdcd 95.2%);
/*border: 1px solid #c0bfbf;*/
border: none;
/*opacity: 0.5;*/
}


.bluespokes fieldset.janslider .range {

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

background-image: -webkit-linear-gradient(top, #4f6779 0%, #385166 100%);
background-image: -moz-linear-gradient(top, #4f6779 0%, #385166 100%);
background-image: -ms-linear-gradient(top, #4f6779 0%, #385166 100%);
background-image: linear-gradient(to bottom, #4f6779 0%, #385166 100%);

background-image: -webkit-linear-gradient(top, #425869 0%, #2a3f50 100%);
background-image: -moz-linear-gradient(top, #425869 0%, #2a3f50 100%);
background-image: -ms-linear-gradient(top, #425869 0%, #2a3f50 100%);
background-image: linear-gradient(to bottom, #425869 0%, #2a3f50);

background-image: -webkit-linear-gradient(top, #3f4e5b 1.2%, #273039 100%);
background-image: -moz-linear-gradient(top, #3f4e5b 1.2%, #273039 100%);
background-image: -ms-linear-gradient(top, #3f4e5b 1.2%, #273039 100%);
background-image: linear-gradient(to bottom, #3f4e5b 1.2%, #273039 100%);

height:18px; 
/*position:relative;*/
margin-top: 8px;
}


.bluespokes fieldset.janslider .rangeunten {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height:18px;
margin-top: -18px;
background-color: #c1c8cd;
}

.bluespokes fieldset.janslider.oneslider .rangeunten {
margin-left: 14px;
}

.bluespokes fieldset.janslider.oneslider input[type="text"].unten {
display: none;
visibility: hidden;
}

.bluespokes fieldset.janslider.oneslider button.knob.knob1,
.bluespokes fieldset.janslider.oneslider button.knob.knob1:active,
.bluespokes fieldset.janslider.oneslider button.knob.knob1:focus {
display: none;
visibility: hidden;
opacity: 0;
}









/*  radio + checkbox  */

.bluespokes label.blue_radio_label {
margin: 0 0 3px;
padding: 0;
}

.bluespokes input[type='radio'],
.bluespokes input[type='checkbox'] {
background-color: rgba(0, 0, 0, 0);
}

.bluespokes input[type="radio"] {
width: 0;
height: 0;
float: left;
margin: 0;
padding: 0;
background-color: #000000;
opacity: 0;
}

.bluespokes input[type='checkbox']:checked + label::before,
.bluespokes input[type='checkbox']:not(:checked) + label::before,
.bluespokes input[type='radio']:checked + label::before,
.bluespokes input[type='radio']:not(:checked) + label::before {
content:' ';
display:inline-block;
width: 20px;
height:20px;
position: relative;
top:4px;
background: #63aee3;
margin: 0 8px 0 0;
background-image: -webkit-linear-gradient(top, #5cbaff 0%, #3faaf3 50%, #1790d5 50%, #087aaa);
background-image: -moz-linear-gradient(top, #5cbaff 0%, #3faaf3 50%, #1790d5 50%, #087aaa);
background-image: -ms-linear-gradient(top, #5cbaff 0%, #3faaf3 50%, #1790d5 50%, #087aaa);
background-image: linear-gradient(to bottom, #5cbaff 0%, #3faaf3 50%, #1790d5 50%, #087aaa);
background-repeat: no-repeat;
background-position: 0 0;
background-size:auto;
}

.bluespokes input[type='radio']:checked + label::before,
.bluespokes input[type='radio']:not(:checked) + label::before {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


.bluespokes input[type='checkbox']:hover  + label::before,
.bluespokes input[type='radio']:hover  + label::before {
background: #ffffff;
box-shadow: inset 0 0 0 7px #63aee3;
}

.bluespokes input[type='checkbox']:checked  + label::before,
.bluespokes input[type='radio']:checked  + label::before {
background: #ffffff;
box-shadow: inset 0 0 0 4px #63aee3;
}