body {
	font-family: Arial,Helvetica,sans-serif;
}

.input-form {
	padding: 1rem;
}

.level-field {
	width: 3.0rem;
	height: 3.0rem;
	background-color: #0A0;
	border: none;
	background-size: 3.0rem;
	display: block;
}

.level-field-preview {
	width: 2.0rem;
	height: 2.0rem;
	background-color: #0A0;
	border: none !important;
	background-size: 2.0rem;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}

.level-field-stone {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/stone.png.xhtml");
}

.level-field-stone-target {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/stone_target.png.xhtml");
}

.level-field-player {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/player.png.xhtml");
}

.level-field-player-target {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/player_target.png.xhtml");
}

.level-field-target {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/target.png.xhtml");
}

.level-field-wall {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/wall.png.xhtml");
}

.level-field-outer-empty {
	background-color: white;
}
.level-field-solved {
	background-image: url("/sokoban-webapp/javax.faces.resource/images/gutzeichen.png.xhtml");
}

.level-field > .ui-button-text {
    display: none !important;
}


*,*:focus,*:hover{
    outline:none;
}

.ui-selectonemenu-items-wrapper {
	max-height: 480px !important;
}