@CHARSET "UTF-8";
.sbHolder{
	background-color: #ebf5fa;
	border:none;
	font-weight: normal;
	height: 48px;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.comment-form-schulnote .sbHolder {
    width: 50px;
}

.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 48px;
	left: 0;
	line-height: 43px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 14px;
	top: 0;
	width: 100%;
	text-transform: uppercase;
	padding-top: 1px;
}
a.sbSelector:link, a.sbSelector:visited, a.sbSelector:hover{
	color: #1397dd;
	outline: none;
	text-decoration: none;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 40px);
}
.sbToggle{
	background-image: url(../images/select-icons_2x.png);
	background-size: 48px 96px;
	background-position: 0 -48px;
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
    transition: background-position 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.sbToggle:hover{
	background-repeat: no-repeat;
}
.sbToggleOpen{
	background-image: url(../images/select-icons_2x.png);
	background-size: 48px 96px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.sbToggleOpen:hover{
	background-repeat: no-repeat;
}

@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		.sbToggle, .sbToggle:hover, .sbToggleOpen, .sbToggleOpen:hover{
		}
	}

.sbHolderDisabled{
	background-color: #EBEBEB;
	border:none;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
ul.sbOptions{
	background-color: #ebf5fa;
	border-top:1px solid #bfd3e4;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
ul.sbOptions li {
    border-bottom: 1px solid #bfd3e4;
    padding: 6px 11px 9px;
}
ul.sbOptions li:hover{
	background-color: #f1f8fb;
}
ul.sbOptions>li>a:hover{
	border-bottom: none !important;
}
ul.sbOptions li:first-child {
    display: none;
}
ul.sbOptions a{
	display: block;
	outline: none;
	padding: 5px 0 5px 3px;
	color: #1397dd;
}
ul.sbOptions a:link, .sbOptions a:visited{
	color: #1397dd;
	text-decoration: none;
}
ul.sbOptions a:hover,
ul.sbOptions a:focus,
ul.sbOptions a.sbFocus{
	color: #1397dd;
}
ul.sbOptions li.last a{
	border-bottom: none;
}
ul.sbOptions .sbDisabled{
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
ul.sbOptions .sbGroup{
	color: #454545;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
ul.sbOptions .sbSub{
	padding-left: 17px;
}




/* RADIOBUTTONS */

/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/

.wpas-tax_art-radio-buttons > div > input[type='radio'] {
    
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    
    float: left;
    width: 0;
}


.wpas-tax_art-radio-buttons > div > input[type='radio'] + label {
    margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    padding: 4px 0 4px 34px;

    /* Make look clickable because they are */
    cursor: pointer;
    
	background-image:url(../images/radio-button.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
    background-position: left 2px;
    display: block;
    padding-left: 35px;
    padding-right: 15px;
}

/*
    Change from unchecked to checked graphic
*/
.wpas-tax_art-radio-buttons > div > input[type='radio']:checked + label {
	background-image:url(../images/radio-button-checked.png);
}


@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		
		.wpas-tax_art-radio-buttons > div > input[type='radio'] + label {
			background-image:url(../images/radio-button_2x.png);
		}

		.wpas-tax_art-radio-buttons > div > input[type='radio']:checked + label {
			background-image:url(../images/radio-button-checked_2x.png);
		}
	}


/*
Check-Buttons
*/




input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 0;
}


input[type='checkbox'] + label {
	background-image:url(../images/checkbox_2x.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    clear: none;
    cursor: pointer;
    display: block;
    margin: 0;
	padding: 0 0 6px 23px;
}

/*
    Change from unchecked to checked graphic
*/
input[type='checkbox']:checked + label {
	background-image:url(../images/checkbox-checked_2x.png);
}




.wpas-tax_art-checkboxes > div > input[type="checkbox"] + label{
    padding: 0 0 5px 40px;
    background-size: 38px 16px;
}

.wpas-tax_art-checkbox-1-container.wpas-tax_art-checkbox-container.wpas-checkbox-container > label {
	background-image:url(../images/icon-checkbox-f_2x.png);
}
.wpas-tax_art-checkbox-1-container.wpas-tax_art-checkbox-container.wpas-checkbox-container input[type='checkbox']:checked + label {
	background-image:url(../images/icon-checkbox-checked-f_2x.png);
}

.wpas-tax_art-checkbox-2-container.wpas-tax_art-checkbox-container.wpas-checkbox-container > label {
	background-image:url(../images/icon-checkbox-w_2x.png);
}
.wpas-tax_art-checkbox-2-container.wpas-tax_art-checkbox-container.wpas-checkbox-container input[type='checkbox']:checked + label {
	background-image:url(../images/icon-checkbox-checked-w_2x.png);
}