@charset 'UTF-8';
html{
	overflow-y: scroll;
	height: 100%;
}
/* Show it is fixed to the top */
body {
  min-height: 100%;
  padding-top: 4.5rem;
  /* overflow:hidden; */
}


.mxScroll {
  height:100%;
  position: absolute;  /* Aber schlecht? zerstört angebl./wahrscheinl. Responsivenes */
  overflow-y: scroll;
  /*display: flex;
  flex-direction: column; */
}


#form-filter {
	display: none;
}

/* sortable */
#sortable1, #nonsortable2 {
	list-style-type: none;
	padding-left: 0;
}

#sortable1{
  cursor: grab;
  }

#nonsortable2, .moditem {
  cursor: pointer;
}
#sortable1 li,
nonsortable2 li{
	margin-top: 2px;
}


.myNav {
	margin-bottom: 2rem;
	margin-top: 1rem;
}


/* --------------- vpquiz preview für frage_edit.html.php ------------------ */

.container {
  margin-top:20px;
}


.col-xs-1 {
	text-align: center;
}


#lblHint {
	display: none;
	margin-top: 1em;
}

#lblAnswer {
	display: none;
	margin-top: 1em;
}

#lblHilfe {
	margin-top: 1em;
}


p.mxNeutral {color:gray; }
p.mxFalse   {color:red; }
p.mxTrue    {color:green; }


#frmChoices {
	margin-top: 1em;
}

.navbar-inverse {
	background-color: #303E90;
}

iframe {
	position: relative;
/*	height: 100%;
	width: 100%; */
	border: solid
}

#navList li a.active {
	background-color: #303E90;
	color: #CCC;
}

span.completed {
	color: #0F0;
}
a.carousel-control-next {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}
a.carousel-control-prev {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.container {
  margin-top:20px;
}

.carousel-caption h1 {
	font-size:40px;
	transform: translate(145px,50px);
	color:#555;
}

.carousel-caption p {
	font-size:20px;
}

.slide1 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide2 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide3 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.slide4 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.slide5 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.carousel-control {
  width: 50px;
}
.carousel {
  width: 420px;
  padding-left: 50px;
  padding-right: 50px;

}

.carousel-control {
  color: #555;
}




#mycarousel {
	margin-top: 1em;
}

#mypicture {
	/* height: 250px; */
	float:left;
	margin-right: 2em;
	margin-bottom: 2em;
}

label {
	display: block;
	margin-bottom: .5rem;
	float: left;
	width: 112px;
}
table#tblMC td{ text-align: center; }
textarea.instruction,
textarea.slide-files{
	height: 103px;
	width: 385px;
}
input#question{
	width: 966px;
}
#menuSlider{
	position: relative;
}
#btn-upload-slide-files{
	position: absolute;
	left: 512px;
	top: 212px;
}
.row.hint-fields{
	margin-top: 1rem;
	position: relative;
}
.picture-fields{
	position: relative;
}
.picture-fields span.btn-info,
.file-upload{
	background-color: #ddd;
	border-color: #ddd;
	color: #212529;
}
.picture-fields span.btn-info:hover,
.file-upload:hover{
	background-color: #ccc;
	border-color: #ccc;
}
.picture-fields .file-upload{
	position: absolute;
	top: 1px;
	left: 353px;
	padding: 3px 7px;
}
.picture-fields span.btn-info{
	position: absolute;
	top: 1px;
	left: 400px;
	padding-top: 5px;
}

.progress-bar{
	display: none;
	position: fixed;
	width: 600px;
	height: 30px;
	border: 4px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
	top: calc( 50% - 19px );
	left: calc( 50% - 304px );
	z-index: 200;
}
.progress-indicator{
	height: 100%;
	width: 0%;
	background-color: #0c0;
}
.progress-label{
	width: 100%;
	text-align: center;
	line-height: 100%;
	font-size: 16px;
	position: absolute;
	z-index: 201;
	top: 0;
	left: 0;
}

table.entry-list th,
table.entry-list td{
	padding: 1px 5px;
	height: 31px;
	overflow: hidden;
}
table.entry-list tr:hover td{
	background-color: #eee;
}
table.entry-list th.id,
table.entry-list td.id{
	width: 50px;
}
table.entry-list th.label,
table.entry-list td.label{
	width: 400px;
}
table.entry-list th.control-icon,
table.entry-list td.control-icon{
	white-space: nowrap;
	width: 40px;
	text-align: center;
	display: none;
}
table.entry-list tr:hover td.control-icon{
	display: inline;
	background-color: transparent;
}

table.entry-list th.flag,
table.entry-list td.flag{
	width: 30px;
	text-align: left;
}
table.entry-list th.flag .fas{
	color: #999;
}
table.entry-list th.count,
table.entry-list td.count{
	width: 50px;
	text-align: right;
}
table.entry-list td.label input{
	display: none;
	width: calc( 100% - 30px );
	box-sizing: border-box;
	border: none;
	float: left;
	background-color: #fcf9c0;
}
table.entry-list td.label.active input{
	display: block;
}
table.entry-list td.label.active span.title,
table.entry-list td.label.active a{
	display: none;
}
table.entry-list td.label span.fas{
	float: right;
	margin-top: 3px;
	margin-right: 10px;
	display: none;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	cursor: pointer;
}
table.entry-list td.label span.fa-save{
	margin-top: 5px;
	font-size: 14px;
}
table.entry-list td.label.active span.fa-save{
	display: inline-block;
}
table.entry-list td.label:hover span.fa-edit{
	display: inline-block;
}
table.entry-list td.label.active:hover span.fa-edit{
	display: none;
}

p.list-foot{
	margin-top: 40px;
	max-width: 513px;
}
p.list-foot button.right{
	float: right;
}

section.relations{
	overflow: hidden;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #aaa;
	padding-bottom: 110px;
}
select#chapter-relation-create{
	float: right;
	margin-right: 508px;
}
select#chapter-relation-create option.related{
	display: none;
}
section.relations h2{
	font-size: 22px;
	margin: 0;
	padding: 3px 0;
}
ul.entry-list{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 30px;
	width: 600px;
}
ul.entry-list>li{
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	height: 28px;
}
ul.entry-list>li .btn-warning{
	float: right;
	padding: 1px 6px;
}

.module-list{
	width: 450px;
}
.module-form {
	width: calc( 100% - 550px );
	height: calc( 100vh - 100px );
	position: fixed;
	top: 84px;
	left: 530px;
	padding: 15px;
	border: 1px solid #aaa;
	overflow-x: scroll;
}
.module-form iframe{
	margin-top: 20px;
}
.folder-display{
	display: none;
}
table.module-list th.label,
table.module-list td.label {
    width: 500px;
	 padding-right: 20px;
}
table.module-list td.label:hover{
    width: 515px;
	 padding-right: 5px;
}
table.entry-list.module-list td.label span.fas{
	margin-right: 0;
}
.container {
	max-width: 1200px !important;
	min-width: 900px !important;
	margin-left: 40px;
}
h1.form{
	font-size: 26px;
}

#buttons-save-quiz {
	float: right;
	margin-right: 500px;
	margin-top: 3px;
}
.row.quiz {
	margin-top: 30px;
	overflow: hidden;
	width: 800px;
}
.row.quiz > div:first-child{
	border-right: 1px solid #aaa;
	min-height: 600px;
}
.row.quiz h2 {
	font-size: 22px;
	margin-bottom: 15px;
}

.btn-success.saved{
	background-color: #d5d5d5;
	border-color: #d5d5d5;
	cursor: default;
}

.page-nav{
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
}
.page-nav input{
	width: 36px;
	line-height: 1;
	font-size: 14px;
	max-height: 20px;
	min-height: 20px;
	height: 20px;
}
.page-nav span.fas{
	color: #cacaca;
	margin-right: 20px;
}
.page-nav span.fas.active{
	color: #888;
	cursor: pointer;
	transition: all .15s ease-in-out;
}
.page-nav span.fas.active:hover{
	color: #5f7081;
}
.page-nav span.fas.fa-chevron-right{
	margin-left: 20px;
}

.taginator{
	width: 350px;
	padding: 20px 10px;
	border: 1px solid #aaa;
	position: absolute;
	border-radius: 8px;
	left: 597px;
	top: 0px;
	z-index: 2;
}
.tagbox-title{
	position: absolute;
	background-color: #fff;
	left: 6px;
	top: -18px;
	padding: 4px;
}
.taginator input{
	width: 100%;
}
.tag-box{
	overflow: hidden;
	margin-top: 8px;
}
.tag-box .tag{
	float: left;
	padding: 3px 5px;
	border-radius: 4px;
	background-color: #ccc;
	margin-right: 12px;
	margin-top: 12px;
}
.tag-box .tag.template{
	display: none;
}
.tag-box .tag>span.fa-trash{
	cursor: pointer;
	color: #dc3545;
	font-size: 10px;
	display: block;
	float: right;
	margin-left: 7px;
}

ul.ui-autocomplete{
	list-style: none;
	padding-left: 0;
	width: 300px;
}
li.ui-menu-item{
	cursor: pointer;
	border-top: 1px solid #fff;
	background-color: #eee;
	padding-left: 5px;
}
.ui-helper-hidden-accessible{
	display: none;
}
.row.quiz .page-nav{
	float: right;
	width: 130px;
	margin-bottom: 0;
}
.row.quiz .page-nav span.fas{
	margin-right: 10px;
}
.row.quiz .page-nav span.fas.fa-chevron-right{
	margin-right: 0px;
	margin-left: 10px;
}

.pool-filter-box{
	width: 350px;
	float: right;
	overflow: hidden;
	margin-top: 22px;
	position: relative;
}
#pool-list li.open-question{
	color: #009226;
}

.open-questions-filter-button{
	position: absolute;
	background-color: #ddd;
	width: 32px;
	height: 32px;
	cursor: pointer;
	top: 1px;
	left: 318px;
	z-index: 3;
	border-radius: 4px;
	text-align: center;
	line-height: 1.9;
}
.open-questions-filter-button.active{
	background-color: #009226;
	color: #fff;
}

.taginator.quizzical{
	float: none;
	margin-top: 20px;
	position: relative;
	top: 0;
	left: 0;
}

.search-box{
	overflow: hidden;
	position: relative;
}
.search-box input{
	padding-right: 20px;
	width: 303px;
}
.search-box span.fas{
	position: absolute;
	font-size: 20px;
	color: #aaa;
	top: 5px;
	left: 278px;
}

table.backup-list th.label,
table.backup-list td.label{
	width: 350px;
}

.modal-dialog p{ margin-bottom: 0; }
.modal-dialog p+p{ margin-top: 1rem; }

.taginator.qlist{
	margin-right: 240px;
}

#picListDialog .modal-dialog,
#qListDialog .modal-dialog{
	max-width: 100%;
	width: 800px;
}
ul#list-o-questions{
	min-height: 376px;
	width: 50%;
	border-right: 1px solid #aaa;
	margin-bottom: 0;
	padding-bottom: 1rem;
}
ul.ui-autocomplete{
	z-index: 1100;
}
ul.ui-autocomplete li>div.ui-menu-item-wrapper.ui-state-active{
	color: #339900;
}
#picListDialog .page-nav{
	width: auto;
}
#picListDialog .modal-footer{
	justify-content: space-between;
}
#picListDialog .search-box{
	/*float: right;*/
}
#picListDialog .modal-body{
	padding: 15px;
	padding-right: 0;
}
#picListDialog ul.page-entry-list{
	list-style: none;
	padding-left: 0;
}
#picListDialog ul.page-entry-list li{
	float: left;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 180px;
}
#picListDialog ul.page-entry-list li .pic-preview{
	background-color: #eee;
	width: 100%;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-sizing: border-box;
	border: 1px solid #eee;
	-webkit-transition: border-color .8s cubic-bezier(.165,.84,.44,1);;
	transition: border-color .8s cubic-bezier(.165,.84,.44,1);;
	-webkit-transition: background-color .8s cubic-bezier(.165,.84,.44,1);;
	transition: background-color .8s cubic-bezier(.165,.84,.44,1);;
	cursor: pointer;
}
#picListDialog ul.page-entry-list li:hover .pic-preview{
	border-color: #4a91d3;
	background-color: #ccddfb;
}
#picListDialog ul.page-entry-list li .pic-label{
	width: 100%;
	line-height: 1.4;
	padding-top: 4px;
}
.navbar-brand{
	margin-right: 3rem;
}
.picture-preview{
	width: 150px;
	height: 150px;
	border: 1px solid #aaa;
	position: absolute;
	left: 450px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.navbar-dark .navbar-nav a.nav-link{
	color: #fff;
	outline: none;
}
.navbar-dark .navbar-nav a.nav-link.hot,
.navbar-dark .navbar-nav a.nav-link:hover{
	color: #eef261;
}

p.substitute-head{
	width: 480px;
	overflow: hidden;
}
p.substitute-head a{
	display: inline-block;
	float: right;
}
p.substitute-head a.leftwing{
	float: left;
}

.abdecker{
	opacity: 0;
	background-color: #000;
	transition: opacity 0.15s linear;
	-webkit-transition: opacity 0.15s linear;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.abdecker.show{
	z-index: 1051;
	opacity: 0.5;
}

.info-box{
	transition: opacity 0.25s linear;
	-webkit-transition: opacity 0.25s linear;
	position: fixed;
	z-index: -1;
	color: #efd64c;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	height: 46px;
	width: 100%;
	left: 0;
	top: calc( 50% - 23px );
	display: block;
	opacity: 0;
}
.info-box.show{
	z-index: 1052;
	opacity: 1;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}