/* index.html hiding at start */
.wbx_viewHideOnStart {
	display: none;
}

.wbx_hide {
	display: none;
}

/* \e075 */
.km-training-end:after, .km-training-end:before {
  content: "\e075";
}


#wbx_startIndexDiv {
	text-align: center;
}

/* !!! also in index.html as style */
.wbx_startIndexDiv {
	position:relative;
	z-index:20000;
	width: 100%;
	height:100%;
	background: rgba(0, 0, 0, 0.701961);
}

#wbx_startIndexDivInner {
	width: 100%;
	height: auto;
	WNmargin-left: 40%;
	WNmargin-right: 40%;
	WNmargin-top: 25%;
	padding-left: 30%;
	padding-right: 30%;
	padding-top: 20%;
}

#wbx_startIndexDivText {
	//font-size: 22px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}
/*
#wbx_loaderStart {
	width: 20%;
	height: auto;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: 30%;
}
*/
/* !!! also in index.html as style */
#wbx_loaderStart {
	margin-top: 5%;
	width: 60%;
	height: auto;
}

/* #vw_trainingSelectionList.html */

//#vw_exams h4,
#vw_sectionStatistics h4,
#vw_trainingSelectionList #wbx-select-heading {
	margin: 0 2.5% 0 2% !important;
}

#list_statSections li {
	margin: 0px;
	padding: 0em .7em;
	border-width: 0px;
	background: rgba(0,0,0,0.0) !important; // #e5f2ff
}

#list_statSections li .trainingSelectionListItem {
	border-color: #f3bb40;
	background-color: #FFF3D9 !important; /* white lightblue; */
}

#list_statSections li.noSelect .trainingSelectionListItem {
	border-color: #8daed0;
	background-color: #e5f2ff !important;
}

#list_statSections .wbx-iconSelectSectionOn,
#list_statSections .wbx-iconSelectSectionOff {
	font-size: 22px;
	/*
    width: 100px;
    height: 100px;
	*/
    margin: 0 auto;
	background-size: 100px 100px;
}

#list_statSections .chartDiv {
	margin-top: 5px;
}

.wbx-iconSelectSectionOn:after, .km-remove:before {
  -webkit-text-fill-color: black !important;
  /* -webkit-text-fill-color: #090 !important; */
  content: "\e037"; /* ? \e030 */

}

.wbx-iconSelectSectionOff:after, .km-remove:before {
  /* content: "\e038"; */ /* ? \e031 */
  /* -webkit-text-fill-color: #c00 !important; */
/*    width: 100px;
    height: 100px;
    margin: 0 auto;
	background-size: 100px 100px; */
    -webkit-text-fill-color: black !important;
	content: "\e033"; /* "\e03a" "\e033" */
}

.km-selectAll:after, .km-remove:before {
  transform: rotate( 90deg );
  -webkit-transform: rotate( 90deg );
  content: "\e315"; /* e316 */
}

.km-selectNone:after, .km-remove:before {
  transform: rotate( 90deg );
  -webkit-transform: rotate( 90deg );
  content: "\e215"; /* e216 */
}

.km-remove:after, .km-remove:before {
  content: "\e0c3";
}

#list_statSections .km-icon
{
}

/*
#list_statSections li div,
#list_statSections li svg,
#list_statSections li canvas {
	background-color: lightblue;
}

#list_statSections li div.noSelect,
#list_statSections li div.noSelect svg,
#list_statSections li div.noSelect canvas {
	background-color: white;
}
*/


#list_statSections .km-button {
	text-align: left !important;
}

.trainingSelectionListItem {
	padding-top: 15px;
}

//#list_statSections li,
#list_statSections li svg,
#list_statSections li canvas {
	/* k-state-selected is orange !!! */
	background-color: #FFF3D9; /* white lightblue; */
	border-color: #f3bb40;
	//background: rgba(0,0,0,0.0) !important; // #e5f2ff
	/* width: 100% important!; */
}

//#list_statSections li.noSelect,
#list_statSections li.noSelect svg,
#list_statSections li.noSelect canvas {
	background-color: #e5f2ff;
	border-color: #8daed0;
	//background: rgba(0,0,0,0.0) !important; // #e5f2ff
}


.selectionListButtons {
	text-align: justify;
}

.selectionListNavLeft,
 .selectionListNavRight{
	font-size: 0.7em
}

.selectionListNavLeft {
	margin-right:10px;
}

.selectionListNavRight {
	margin-left:10px;
}

.selectionListLegend {
	margin-left: 10px;
}

#list_statSections .km-button {
	background: rgba(0,0,0,0.0) !important; // #e5f2ff
}

#list_statSections .wbx-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	background-color: white;
	background-image: url("../wbx_img/sections-select.png");
	background-size: 25px;
	background-repeat: no-repeat;
	/* WN content: "\e030";
	color: #090; */
}


#list_statSections .wbx-icon.off {
	background-color: white !important;
	background-image: url("../wbx_img/sections-deselect.png");
	/* WN content: "\e031";
	color: #c00; */
}

/*
.selectionListLegend {
	text-align: center;
    margin: 0;
    padding: 0;
}

.selectionListLegend li {
	display: inline;
     list-style: none;
}
*/

.wbx-legend {
	float: left;
	height: 12px;
	width: 12px;
	margin-left: 10px;
	margin-right: 10px;
}

.wbx-legend-red {
	background-color: red;
}
.wbx-legend-green {
	background-color: green;
}
.wbx-legend-black {
	background-color: black;
}


/* Training settings */

#vw_trainingSettings .km-widget .k-slider-horizontal {
	height: 1.6em !important;
}

#vw_trainingSettings .k-draghandle {
	overflow: visible !important;
}

#vw_trainingSettings ul li {
	background: rgba(0,0,0,0.0) !important; // #e5f2ff
}

#vw_trainingSettings .km-switch-handle, .km-switch-background {
	color: #1B5DA1;
}

#vw_trainingSettings a.k-draghandle:hover,
#vw_trainingSettings  a.k-draghandle {
	background-color: #1B5DA1;
	border-color: #1B5DA1;
}

#wbx_training_numberQuestions div.k-slider-track {
	top: 0px !important;
	padding-right: 0 !important; /* wbx - Can */
	width: 100% !important; /* wbx - Can */
}


/* <wbx - Can> */

.training-switches {
    width: 80%;
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.training-switches tr {
  height: 44px;
  vertical-align: top;
}
.training-switches td {
  text-align: right;
}
.training-switches td.no-questions {
  text-align: left;
}
.training-switches td.no-questions span.no-questions-line {
  display: inline-block;
  width: 68px;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}
.training-switches .k-slider-horizontal {
  width: 69%;
  margin-top: -4px;
}
.training-switches td.switch-labels {
  text-align: left;
  width: 70%;
}

/* </wbx - Can> */


.result-sign-correct {
	-webkit-text-fill-color: #090 !important;
}

.result-sign-wrong {
	-webkit-text-fill-color: #c00 !important;
}


/* Prüfungsstatistik (Statistiken) */

#list_statistics li {
	padding: 0px;
  border-color: transparent !important;
}

.wbx-color-statistic-passed {
	color: #090;
	font-weight: bold;
}

.wbx-color-statistic-notPassed {
	color: #c00;
	font-weight: bold;
}

.wbx-background-statistic {
	padding: 10px; 10px;
	//margin: 0 2.5% 0 2% !important;
}

.wbx-background-statistic-passed {
	background-color: #cfc;
}

.wbx-background-statistic-notPassed {
	background-color: #fcc;
}