html {
	height: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

.h3, h3 {
	font-size: 18px;
}

.learn-btns .link{
	margin:20px;
}

.navbar-nav li.not-authorized{
	margin-bottom:10px!important;
	padding-top: 0px;
}

.course-question-overview .answers{
	margin-left: 45px;
	display: table;
	border-spacing: 0px 5px;
}

.question-question img, .solution img{
	max-width: 360px!important;
}

.another-question-overview.course-question-overview .answers{
	margin-left: 45px;
}

.another-question-overview.course-question-overview .answers img{
	width:40px;
}

.another-fucking-question-overview.course-question-overview .answers{
	margin-left:15px;
}

.course-question-overview .answers .answer{
	display: table-row;
	padding-bottom: 10px;
}

.course-question-overview .answers .answer label, .course-question-overview .answers .answer p.alpha-num, .course-question-overview .answers .answer img.right{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
}

.answers label img, .question img{
	max-width: 400px;
}

.question-row .links center {
	margin-bottom: 10px;
}

.comment{
	border:1px solid black;
	border-radius: 20px;
	margin:20px 10px;
	min-height: 50px; 
}

.comment .date{
	width:100%;
	padding-left: 20px;
	padding-top: 20px;
}

.comment-message{
	padding: 20px;
}

.kurs-private{
	background-color: lightblue;
}


a.delete-answer{
	padding-top: 5px;
	padding-left: 2px;
	color:red;
}

.delete-answer-row{
	padding-top: 5px;
}

.learn-btns{
	margin-top:10px;
	margin-bottom:10px;
}

body {
	margin: 0;
	padding-bottom: 0;
	height: 100%;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

#shareModal .user-share-drop{
	display: inline-block;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px !important;

}

#shareModal #share{
	padding: 5px 10px !important;
}

/*Ergänzung für Advertisements*/

.advertisement{
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.advertisement img{
	max-height: 260px;
}

/*Style für die Checkboxes*/

input[type='checkbox']  {
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid rgb(204, 204, 204);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	text-align: center;
}


/*
input[type='checkbox']  {
	margin: 0 auto;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid rgb(204, 204, 204);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	text-align: center;
}

input[type='checkbox']:active, input[type='checkbox']:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type='checkbox']:checked {
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

input[type='checkbox']:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #000;
} 

*/

.quiz-report .flash-card-user-answer .solution, .quiz-report  .flash-card-right-answer .solution{
	font-size: 14px;
	font-weight: normal;
}

.quiz-report .flash-card-user-answer label,.quiz-report  .flash-card-right-answer label{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.quiz-report .flash-card-user-answer img, .quiz-report  .flash-card-right-answer img{
	width: 25px;
}

.flash-card-right-answer{
	margin-top:10px;
}

.flash-card-right-answer .solution{
	border-radius: 20px;
	border: 1px solid black;
	min-height: 100px;
	padding: 10px 20px;
	background-color: #ccc;
	overflow: auto;
}

.percentage{
	font-weight: bold;
}

.right-or-wrong-btn{
	margin-top: 20px;
}

.right-or-wrong-btn img{
	height: 20px;
}

.answers-forms .col-md-3{
	text-align: center;
}

.answers-forms input[type='checkbox']{
	margin-top: 7px;
}

/* End of Style für die Checkboxes */

.alert{
	margin: 10px 20px;
	margin-top: 0px !important;
}

.alert-danger a{
	font-weight: bold;
}

#flag{
	padding-top: 18px;
}

.seperator{
	height: 2px;
	border-bottom: 2px solid black;
}

#errorNoticeModal .message-form, #kjugoNoticeModal .message-form{
	padding: 0px 20px;
}

.center{
	text-align: center;
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.navbar-fixed-top{
	line-height: 110px;
	height: 110px;
	background-color: #fff;
	border: 0px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #000;
}

.nav-area{
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.nav-area .col-md-8{
	padding-left: 0px;
	padding-right: 0px;
}

a.navbar-brand {
	font-size: 30px;
	color: #FF9800!important;
	font-weight: 900;
	text-shadow: none;
	margin-left: 30px!important;
}

a.navbar-brand .logo{
	height: 80px;
}

.head-icon{
	height: 40px;
	margin-top: -20px;
}

.navbar-default .icon-image {
	height: 30px;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
}

.navbar-nav>li {
	vertical-align: middle;
	line-height: 75px;
	padding-top: 40px;
}

.navbar-nav>li>a {
}

.form-control {
	border-radius: 14px;
}

.register, .register:hover, .btn-black-bg, .btn-black-bg:hover, .btn-black-bg-lg, .btn-black-bg-lg:hover {
	text-decoration: none;
	padding: 5px 20px !important;
	border-radius: 14px;
	font-weight: bold;
	border: 1px solid black;
	background-color: black!important;
	color: #fff !important;
}

.login, .login:hover, .btn-white-bg, .btn-white-bg:hover, .btn-white-bg-lg, .btn-white-bg-lg:hover {
	text-decoration: none;
	padding: 5px 20px !important;
	border-radius: 14px;
	font-weight: bold;
	border: 1px solid black;
	color: #000 !important;
	margin-right: 10px;
	background-color: #fff!important;
}

.btn-white-bg-lg, .btn-black-bg-lg{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#sidemenu p{
	margin: 0 0 0px;
}

.navbar-toggle{
	margin-top: 12px;
	margin-right: 40px;
}

.nav>li>a {
	/*
	display: table-cell;
	height: 100%;
	line-height: 100%;
	vertical-align: middle;
	color: #000;
	font-weight: 900;
	font-size: 13px;
	letter-spacing: .1em;
	text-transform: uppercase;
	*/
	color: #000;
}

/*
.navbar-right li:last-child{
	margin-right: 30px;
	}*/

	#navbar-collapse{
		background-color: #fff;
		padding: 0px 35px;
		border: none !important;
	}

	.navbar-default {
		background-color: #fff;
		border-color: none;
		border: none;
	}

	#content-container {
		overflow: hidden;
		min-height:100%;
		position:relative;
	}

	#user-profile{
		color: #000;
		margin-top: -20px;
	}

	#wrapper{
		padding-top: 0px !important;
	}

	#page-content-wrapper .panel{
		margin-top: 30px;
	}

	#body {
		padding-bottom:40px;   /* Height of the footer */
		/*padding-top: 40px;*/
	}

	.add-kurs #body{
		padding-bottom:0px;   /* Height of the footer */
		padding-top: 0px;
	}

	#footer {
		position:absolute;
		bottom:0;
		left: 0px;
		width:100%;
		height:40px;   /* Height of the footer */
		background:#6cf;
	}

	.footer {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 1rem;
		background-color: #efefef;
		text-align: center;
	}

	.round{
		vertical-align: middle;
		padding-right: 5px;
	}

	.courses{
		padding: 0px 20px; 
	}


	.courses .settings{
		padding-top: 30px;
		min-height: 80px; 
		vertical-align: center;
	}

	.courses .status{
		margin-left: 25%;
		vertical-align: middle;
		text-align: center;
		line-height: 80px;
		width: 80px;
		height: 80px;
		background-size: cover;
		background-image: url("../img/icons/circle.png");
	}

	.courses .status strong{
		font-size: 16px;
	}

	.course-row{
		border-bottom: 1px solid black; 
		padding: 30px 0px;
	}

	.course-row a, .course-row a:hover{
		color: #000;
		display: block;
		text-align: center;
	}

	.course-row p, .course-row h3{
		margin: 0px;
	}

	.course-links{
		padding: 30px 0px;
	}

	.course-links .link{
		padding: 10px 0px;
		text-align: center;
	}

	.course-links .link i{
		display: inline-block; 
		padding-right: 10px;
	}

	.course-links .link h3{
		margin: 0px;
		line-height: 45px;
		font-size: 18px;
		/* line-height: 100%; */
		vertical-align: middle;
		/* height: 100%; */

		display: inline-block;
		vertical-align: middle; 
		padding-bottom: 18px;

	}

	/*Special Treatment for Ipads*/
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		.course-links a{
			display: block;
		}
	}

	.course-links a, .course-links a:hover{
		text-decoration: none;
		color:#000;
	}

	.university{
		font-size: 16px;
	}

	.lecturer{
		font-size: 16px;
	}

	.course-title{
		font-weight: bold;
	}


	.circle{
		border: 1px solid black;
		border-radius: 25px;
	}

	.user-row .circle-index, .question-row .circle-index {
		border: 2px solid black;
		border-radius: 50px;
		width: 30px;
		height: 30px;
		vertical-align: middle;
		text-align: center;
		padding-top: 3px;
	}

	.user-row .links, .question-row .links{
		padding-top: 15px;
		display: inline-block;
		text-align: right;
		float: right;
		color:black;
	}

	.user-row .links a,.question-row .links a{
		padding-right: 10px;
		color: black;
	}

	.user-row, .question-row{
		padding: 20px;
	}

	.course-question-overview .question-row{
		border-bottom: 1px solid black;
	}

	.course-question-overview .question-row .question{
		display: inline;
		margin: 0px;
		font-size: 16px;
		font-weight: bold;
	}

	.question-row .question{
		width: 80%;
		display: inline-block;
		font-size: 14px;
		vertical-align: middle;
		padding: 0px 20px;
	}

	.course-question-overview .question-row .question p{
		width: 80%;
		vertical-align: middle;
	}

	.question-header{
		margin-top: 20px;
	}

	.question-body{
		padding: 0px 20px 20px 20px;
	}

	.question{
		display: inline;
		margin:0px;
		font-size: 18px;
		font-weight: bold;
	}


	.kjugo-results .button-next{
		margin-top: 20px;
	}

	.kjugo-results .kjugo-solution .question-body{
		border-bottom: 1px solid black;
		padding: 20px;
	}

	.kjugo-solution .answer-row{
		font-size: 14px;
	}

	.kjugo-solution .answer-row .wrong label{
		border-radius: 14px;
		font-weight: bold;
		background-color: black!important;
		color: #fff !important;
	}

	.kjugo-solution .answer-row .should label, .course-question-overview .answers .right-answer label{
		border-radius: 14px;
		font-weight: bold;
		background-color: white!important;
		border: 1px solid black;
		color: #000 !important;
	}

	.kjugo-solution .answer-row .right label{
		border-radius: 14px;
		font-weight: bold;
		background-color: black!important;
		color: #fff !important;
	}

	.course-question-overview .answers img{
		width: 25px;
		padding-left: 5px;
	}

	.kjugo-solution img{
		width: 50px;
	}

	.kjugo-solution .answer-row .nothing label {
		width: 100%;
	}

	.answer-row .right{
		color: #00b33c;
	}

	.answer-row .should{
		color: #999999;
	}

	.answer-table{
		margin-bottom: 10px;
		font-size: 16px !important;
	}

	.answer-table .row{
		margin-bottom: 0px;
		vertical-align: middle;
		font-weight: normal;
		padding: 10px 20px;
		font-size: 16px;
	}

	.answer-table label{
		font-weight: normal;
	}

	.answer-row .fa{
		padding-right: 15px;
	}

	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
		background-color: #fff !important;
	}


	#edit-tries-answer .answer-table tr td input[type=checkbox], #edit-tries-answer .answer-table tr td input[type=radio] {
		margin: 0px;
	}

	#edit-tries-answer .answer-row input[type=checkbox]{
		display: none;
	}

	.answer-table{
		width: 100%;
	}


	.course-question-overview .question-title{
		font-weight: normal !important;
		font-size: 14px;
	}

	.question-title{
		font-weight: normal !important;
		font-size: 18px;
	}

	.course-question-overview .answers .answer label{
		font-weight: normal!important;
	}

	.answer-table .alpha-num, .course-question-overview .alpha-num{
		margin-right: 10px;
		margin-bottom: 0px;
	}

	.answer-checkbox{
		display: none;
	}

	.answer-selected{
		width: 100%;
		text-decoration: none;
		border-radius: 14px;
		font-weight: bold;
		background-color: black!important;
		color: #fff !important;
	}

	.quiz-buttons{
		margin-top: 20px;
	}

	.no-questions{
		color: #fff !important;
		background-color: #5cb85c!important;
	}

	.no-questions:hover{
		background-color:#83c983!important;
	}


	.panel-success .panel-heading{
		border-color: #4CAF50;
		background-color: #4CAF50;
		color: #fff;
	}

	.panel-success {
		border-color: #4CAF50;	
	}

	.panel-info .panel-heading {
		color: #fff;
		background-color: #31b0d5;
		border-color: #269abc;
	}

	.panel-info{
		border-color: #269abc;
	}

	.courses .panel-heading, .panel-heading{
		text-align: center;
		background-color: #000 !important;
		color: #fff !important;
		border-color: #000 !important; 
	}

	.glyphicon{
		line-height: 24px;
		vertical-align: middle;
	}

	p{
		display: inline-block;
		padding: 2px;
	}

	/*Quizzes und Kurse ordentlich darstellen*/
	.courses .row .col-md-3:nth-child(4n+1), .quiz-report .col-md-4:nth-child(3n+1) {  
		clear:left;
		/*background-color: red; // just to see if the first item in row is matched*/
	} 

	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
		-moz-transition: margin 200ms ease-out;
		-o-transition: margin 200ms ease-out;
		transition: margin 200ms ease-out;
	}

	/*Start of Subnav*/

	.subnavbar {
		/*margin-bottom: 2.5em;*/
	}

	.subnavbar-inner {
		height: 60px;
		background: #fff;
		border-bottom: 1px solid #d6d6d6;
	}

	.subnavbar .container > ul {
		display: inline-block;
		height: 80px;
		padding: 0;
		margin: 0;
	}

	.subnavbar .container > ul > li {
		float: left;
		min-width: 90px;
		height: 60px;
		padding: 0;
		margin: 0;
		text-align: center;
		list-style: none;
		border-left: 1px solid #d9d9d9;
		line-height: 18px;
	}

	.subnavbar .container > ul > li > a {
		display: block;
		height: 100%;
		padding: 0 15px;
		font-size: 12px;
		font-weight: bold;
		color: #b2afaa;
	}

	.subnavbar .caret {
		display: none;
	}

	.subnavbar .dropdown .dropdown-menu {
		text-align: left;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: 0px;
	}

	.subnavbar .dropdown-menu::before {
		content: '';
		display: inline-block;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #CCC;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: -7px;
		left: 9px;
	}

	.subnavbar .dropdown-menu::after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid white;
		position: absolute;
		top: -6px;
		left: 10px;
	}

	.subnavbar .container > ul > li.active > a {
		border-bottom: 3px solid #ff7f74;
		color: #383838;
	}


	.subnavbar .container > ul > li > a > i {
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-top: 11px;
		margin-bottom: -3px;
		font-size: 20px;
	}

	.subnavbar .container > ul > li > a > span {
		display: block;
	}

	/*End of Subnav*/

	.main{
		padding: 10px 10px 0 10px;
	}

	/*Center Modal in the unknown*/
	.modal {
		text-align: center;
		padding: 0!important;
	}

	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px; /* Adjusts for spacing */
	}

	.modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}

	/*Modal Darstellung*/

	.modal-header .close {
		color: #fff;
		margin-top: -2px;
		opacity: .4;
	}

	.modal-header{
		height: 50px;
		color: #fff;
		background-color: #000;
		border-radius: 5px 5px 0px 0px;
	}

	.delete-modal .modal-title, .login-modal .modal-title, .register-modal .modal-title, .share-modal .modal-title{
		color: #fff;
		text-align: center;
		width: 100%;
	}

	.delete-modal .modal-header{
		color: #fff;
		background-color: #000;
		border-radius: 5px 5px 0px 0px;
	}

	.delete-modal .modal-body{
		text-align: center;
	}

	.delete-modal p{
		display: inline-block;
		padding: 0px 1px 0px 1px;
	}

	.delete-modal .modal-header p{
		display: inline-block;
		padding: 0px 1px 0px 1px;
		margin: 0px;
	}

	.delete-modal .form-group {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.add-kurs #bs-sidebar-navbar-collapse-1 a{
		cursor: default;
	}

	/*Für die Startseite*/

	h2.slogan {
		color: #000;
		font-size: 40px;
		font-weight: 900;
	}

	p.sub-slogan {
		font-size: 20px;
	}

	section#footer {
		padding: 10px 0px 10px 0px; 
		background: #242424;
		margin: 0;
	}

	section#footer a {
		color: #fff;
		font-weight: bold;
	}

	.focus-box .service-icon {
		margin-bottom: 30px;
		width: 145px;
		height: 145px;
		margin: auto;
		border-radius: 50%;
		border: 10px solid #ececec;
		margin-bottom: 20px;
		position: relative;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		vertical-align: middle;
	}

	.focus-box h3 {
		margin-bottom: 15px;
		color: #404040;
		position: relative;
		display: inline-block;
		text-transform: uppercase;
		margin-bottom: 30px;
		font-weight: bold;
		font-size: 17px;
		float: none;
		width: auto;
		background: none;
	}

	.blue-border-bottom::after {
		position: absolute;
		margin: auto;
		z-index: 1;
		content: "";
		width: 100%;
		height: 2px;
		background: #3ab0e2;
		bottom: -9px;
		left: 0px;
	}

	.service-icon-blue{
		color: #3ab0e2;	
	}

	.service-icon-blue:hover{
		border: 10px solid #3ab0e2;
	}

	.green-border-bottom::after {
		position: absolute;
		margin: auto;
		z-index: 1;
		content: "";
		width: 100%;
		height: 2px;
		background: #34d293;
		bottom: -9px;
		left: 0px;
	}

	.service-icon-green{
		color: #34d293;	
	}

	.service-icon-green:hover{
		border: 10px solid #34d293;
	}

	.red-border-bottom::after {
		position: absolute;
		margin: auto;
		z-index: 1;
		content: "";
		width: 100%;
		height: 2px;
		background: 	 #e60000;
		bottom: -9px;
		left: 0px;
	}

	.service-icon-red{
		color: 	 #e60000;
	}

	.service-icon-red:hover{
		border: 10px solid 	 #e60000;
	}

	.service-icon i{
		height: 63px;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
	}

	#footer a{
		padding: 10px;
	}

	#footer a:hover{
		text-decoration: none;
		color: #777;
	}

	.member-photo {
		box-sizing: border-box;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 0 20px 0;
	}

	.member-photo img {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		max-width: 200px;
		max-height: 200px;
	}

	.team-detail h4 {
		font-weight: 700;
	}

	.bg-white {
		background-color: #fff;
	}

	.align-center {
		text-align: center;
	}

	.text-bold {
		font-weight: 900;
	}

	.pad-bot40 {
		padding-bottom: 40px;
	}

	.pad-top40 {
		padding-top: 40px;
	}

	.mar-bot20 {
		margin-bottom: 20px;
	}

	.mar-bot40 {
		margin-bottom: 40px;
	}

	.mar-top10 {
		margin-top: 10px;
	}

	.mar-top30 {
		margin-top: 30px;
	}

	.mar-top40 {
		margin-top: 40px;
	}

	.mar-top60{
		margin-top: 60px;
	}

	.mar-top70{
		margin-top: 70px;
	}

	.mar-top80{
		margin-top: 80px;
	}

	.mar-top100{
		margin-top: 100px;
	}

	/*Einstellungen für das Share Modal*/

	.share-modal .modal-header {
		color: #fff;
		background-color: #000;
		border-radius: 5px 5px 0px 0px;
	}

	.share-with{
		border-bottom: 1px solid #d6d6d6;
	}

	.user-area{
		padding: 20px 20px;
		border-bottom: 1px solid #d6d6d6;
		margin-bottom: 20px;
	}

	/*Ende für das Share Modal*/

	.courses .heading, h1.heading{
		/*border-bottom: 1px solid black;*/
		font-size: 18px;
		font-weight: bold;
		display: inline; 
		margin:0px;
	}

	.courses-andere{
		border-top: 1px solid #d6d6d6;
	}

	.filter-panel{
		padding: 20px 0px;
	}

	.btn-search {
		border-radius: 14px;
		height: 38px;
	}

	.filter-panel .input-group{
		float: left;
		padding: 0px 20px;
	}


	.filter-panel input[type=text]{
		height: 38px;
	}

	.fa-search{
		margin-bottom: 15px;
	}

	.find-courses, .add-courses{
		text-decoration: none;
		color: #000;
	}

	.find-courses:hover, .add-courses:hover{
		text-decoration: none;
	}

	/* The Overlay (background) */
	.overlay {
		/* Height & width depends on how you want to reveal the overlay (see JS below) */    
		height: 0%;
		width: 100%;
		position: fixed; /* Stay in place */
		z-index: 10001; /* Sit on top */
		left: 0;
		top: 0;
		background-color: #fff; /* Black fallback color */
		background-color: rgba(255,255,255, 1); /* Black w/opacity */
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}

	/* Position the content inside the overlay */
	.overlay-content {
		position: relative;
		/*
		top: 25%; /* 25% from the top */
		/*width:100%; /* 100% width */


		text-align: center; /* Centered text/links */
		margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	}

	/* The navigation links inside the overlay */
	/*
	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block; /* Display block instead of inline */
		/*transition: 0.3s; /* Transition effects on hover (color) */
		/*}*/

		/* When you mouse over the navigation links, change their color */
		.overlay a:hover, .overlay a:focus {
			color: #f1f1f1;
		}

		/* Position the close button (top right corner) */
		.overlay .closebtn, .overlay .closebtn:hover {
			color: black;
			position: absolute;
			top: 20px;
			right: 45px;
			font-size: 60px;
			z-index: 10002;
		}




		@media (min-width: 765px) {

			.navbar-right .dropdown-menu {
				left: 0;
				right: auto;
			}

		}

		@media (min-width: 1330px) {

			.main{
				width: calc(100% - 200px);
				margin-left: 200px;
			}

			nav.sidebar{
				margin-left: 0px;
				float: left;
			}

			nav.sidebar .forAnimate{
				opacity: 1;
			}
		}

		nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
			color: #CCC;
			background-color: transparent;
		}

		nav:hover .forAnimate{
			opacity: 1;
		}


		@media (max-width: 992px){

			.courses-eigene .course-row, .courses .course-row{
				text-align: center;
			}

			.navbar-nav>li.dropdown {
				vertical-align: middle;
				line-height: 75px;
				padding-top: 10px;
				padding-left: 5px;
			}

			a.navbar-brand .logo {
				height: 50px;
				z-index: 1234;
			}

			.navbar, .navbar-header{
				height: 70px;
			}

			.fa{
				float:none!important;
			}

			.courses{
				/*text-align: center;*/	
			}

			.filter-panel{
				margin-top: 50px;
			}

			.filter-panel .input-group{
				padding: 10px 20px;
			}

			.courses .status{
				margin-left: 44%;
				margin-bottom: 20px;
			}

			#sidebar-wrapper .sidebar-nav li a .sidebar-icon{
				width: 37px!important;
			}

			#page-content-wrapper{
				padding-left: 50px;
			}

			.question-edit .answer-group .col-md-9{
				width: 75%;
				float: left;
			}

			.question-edit .answer-group .col-md-3{
				width: 25%;
				float: left;
			}
		}

		@media (max-width: 780px) {

			.kjugo-solution .mar-top100 .container{
				padding: 0px 40px;
			}

			.kjugo-solution .answer-table .row {
				/*padding: 10px 0px;*/
			}

			.kjugo-solution .answer-table .row div, .kjugo-solution .flash-card-right-answer .row div.col-md-10, .kjugo-solution .flash-card-right-answer .row div.col-md-12 {
				padding: 0px !important;
			}

			.kjugo-solution .flash-card-right-answer .row div.col-md-10{
				width: 75%;
				display: inline-block;
			}


			.kjugo-solution .flash-card-right-answer .row div.col-md-2{
				display: inline-block;
			}

			.kjugo-solution .quiz-report .flash-card-right-answer img {
				width: 21px;
			}


			.kjugo-solution .answer-table .row label {
				padding: 0px  15px !important;
				display: inline-block;
				width: 80%;
			}

			.kjugo-solution .answer-table .row img {
				padding: 0px  15px !important;
				padding-bottom: 20px;
				display: inline-block;
			}

		}

		@media (max-width: 767px) {

			.question-row .circle-index{
				display: block;
				margin: 0 auto;
				margin-bottom: 20px;
			}

			.question-row .answers{
				margin-left: 10px;
			}

			.question-row .links {
				float: none;
				display: block;
				text-align: center;
			}

			.question-row .links center {
				display: block;
				margin-bottom: 0px;
			}

			.course-question-overview .question-row .question p,.question-row .question {
				width: 90%;
				vertical-align: middle;
			}

			/*Für die Startseite*/
			#body{
				padding-top: 0px;
			}

			.dropdown-menu {
				margin-right: auto;
				margin-left: auto;
				text-align: center;
				left: 0;
				right: 0;
				float: none;
			}

			.courses .status {
				display: table;
				margin: 0 auto;
				margin-bottom: 20px;
			}

			#user-profile{
				display: none;
			}

			#user-drop-down{
				position: static;
				float: none;
				width: auto;
				margin-top: 0;
				background-color: transparent;
				border: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
				display: block;
			}

			.mar-top60, .mar-top80, .mar-top40{
				margin-top: 0px;
			}

			.auth .mar-top40{
				margin-top: 40px !important;
			}

			h2.slogan {
				color: #000;
				font-size: 30px;
				font-weight: 900;
			}

			p.sub-slogan {
				font-size: 20px;
			}

			.sidebar, #bs-sidebar-navbar-collapse-1{
				display: none !important;
			}

		}


		/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
		@media (max-width: 450px) {


			.answer-table .alpha-num {
				margin-right: 10px;
				margin-bottom: 0px;
			}

			.quiz-buttons a{
				margin-top:10px !important;
			}

			.overlay a {font-size: normal;}
			.overlay .closebtn {
				font-size: 40px;
				top: 15px;
				right: 35px;
			}


			.login, .login:hover, .btn-white-bg, .btn-white-bg:hover, .btn-white-bg-lg, .btn-white-bg-lg:hover {
				margin-right: 0px;
			}

		}

		@media (max-width: 670px){
			.welcome-page .row{
				margin-top: 60px !important;
			}

			.question-question img, .solution img {
				max-width: 300px!important;
			}

			.another-question-overview.course-question-overview .answers {
				margin-left: 15px;
			}
		}