#EventManagement {
	margin-bottom: 1.5rem;
}

#EventManagement #home-nav {
    float:left;
}

#EventManagement #filter {
	margin-top: 10px;
	margin-bottom: 20px;
}
#EventManagement #filter button{
	/*font-family: "Helvetica Neue";*/
	background-color: #d3dce6;
	border: 1px solid #b8c6d4;
	cursor: pointer;
	/*float: left;*/
	margin-bottom: 2px;
	margin-left: 2px;
	padding: 10px;

}
#EventManagement #filter button.all{
	background-color: #042c58;
	/*background-color: #0a4c79;*/
	border: 1px solid #afbdcb;
	color: #fff;
}
#EventManagement #filter button.active{
	background-color: #a70011;
	border: 1px solid #c0544d;
	color:#fff;
}

#EventManagement #menu:after, #EventManagement .buttons ~:after {
	content: '';
	display: block;
	clear: both;
}

#EventManagement #menu {
	float:right;
	margin-bottom: 20px;
	text-align: right;
	width:100%;
}
#EventManagement #menu ~ * {
	clear:both;
}

#EventManagement #menu a{

	margin-right:2px;
}

#EventManagement #menu a:hover {
	color: #b92819;
}

#EventManagement a i:hover {
	color: #b92819;
}

#EventManagement #menu li a {
	color: #fff;
	background-color: #828c96;
	display:block;
	padding:10px;
	text-decoration: none;
}

#EventManagement #menu a:hover {
	text-decoration: underline;
}

#EventManagement #menu .menu-part{
	float:left;
	min-height: 100px;
	margin-right: 10px;
}
#EventManagement #menu .menu-part .headline{
	min-height:20px;
}

#EventManagement #menu li {
	display:block;
	/*padding:5px;*/
	/*border-radius: 8px;*/
	text-align:center;
	/*margin-top: 10px;*/
	/*margin-bottom:10px;*/
	margin-left: 0;
	/*color: #fff;*/
	/*background-color: #828c96;*/
	/*width: 50%;*/
	text-decoration: none;
}

#EventManagement #filter li {
	display:inline-block;
	margin: 0;

}

#EventManagement #center {
	margin-top: 10px;
}

#EventManagement input[type='text'], #EventManagement textarea, #EventManagement select {
	width:100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

#EventManagement .form-control {
	border: 1px solid #ccc;
	border-radius: 4px;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	/*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
	width: 100%;
	box-sizing: border-box;
}

#EventManagement textarea.form-control {
	height:100px;
}
#EventManagement input.field.checkbox {
	display: inline-block;
}
#EventManagement .content .registrationdata label {
	font-weight: normal;
}

#EventManagement .form-control:focus {
	border-color: #66afe9;
	outline: 0 none;
}

#EventManagement .details {
	/*line-height: 0.9em;*/
	/*margin-bottom: 14px;*/
	padding: 7px 0px;
}

#EventManagement .card-heading {
	/*background-color: #f5f5f5;*/
	/*border: lightgrey 1px solid;*/
	color: #333;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 0px 10px;
}
#EventManagement .card-heading .seminar-title{
	display:inline-block;
}

#EventManagement .card-heading i.fa-angle-up, #EventManagement .card-heading i.fa-angle-down {
	float:right;
}

#EventManagement .seminar-title {
	cursor:pointer;
}

#EventManagement .card-heading .title{
	width:100%;
	display:inline-block;
}

#EventManagement .seminar.seminar-link-div {
	display:inline-block;
	margin: -2px 0px;
}

#EventManagement .seminar-link {
	display:block;
	background-color: #042c58;
	/*background-color: #0a4c79;*/
	border: 1px solid #6d9cb8;
	color: #fff;
	padding:10px;
	text-align: left;
	text-decoration: none;
	float:left;
	width:150px;
	/*min-height: 80px;*/
	/*box-sizing: border-box;*/
	box-sizing: content-box;
	position: relative;
}
#EventManagement .seminar-link:hover {
	background-color: #a70011;
	border: 1px solid #c0544d;
	color: #fff;
}
#EventManagement .seminar-link .seminar-title{
	font-size: 1.1em;
	/*margin:10px;*/
	margin-bottom: 20px;
	overflow: hidden;
	word-wrap: break-word;

}
#EventManagement .seminar-link .seminar-level{
	font-size: 0.9em;
/*	position: absolute;*/
	/*bottom: 0;*/
    /*left: 0;*/
  /*  margin:10px;*/
}

#EventManagement #seminars .no-seminars {
	display:none;
}

#EventManagement .seminar-title:hover{
	text-decoration: underline;
}
#EventManagement #guest .seminar-title:hover{
	text-decoration: none;
}
#EventManagement .seminar {
	/*margin:10px 0px;*/
}

#EventManagement .seminarcontent {
	display:none;
	border: #f5f5f5 1px solid;
	/*padding:10px;*/
}
#EventManagement #details .seminarcontent{
	display:block;
}


/* Buttons */

#EventManagement .btn {
	white-space: normal;
	font-weight: bold;

	padding:5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;

	overflow: hidden;
	/*width:250px;*/

	font-size: 1.0em;
}
#EventManagement .btn.width-2{
	min-width:250px;
}

#EventManagement button.btn, #EventManagement a.btn {
	cursor:pointer;
}

#EventManagement .buttons {
	margin:10px 0px;
}

#EventManagement .buttons.btn-right{
	float:right;
	/*margin:0px 0px 5px 0px;*/
}
#EventManagement .buttons.btn-right .btn {
	float:left;
	/*margin:0px 0px 0px 5px;*/
	/*padding: 5px;*/
	/*width:200px;*/
}

#EventManagement .buttons .btn-symbol {
	/*display: inline-block;*/
	/*margin-left:20px;*/
	/*font-size: 1em;*/
}

#EventManagement .buttons .btn.emailTo {
	display:inline-block !important;
	width:auto;
	margin-right: 5px;
}

#EventManagement .buttons button.btn.pdf {
	/*width:50px;*/
	cursor: pointer;
}

#EventManagement .buttons input[name='button'] {
/*	border: 1px solid lightgray;
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-decoration: none;*/
	/*width:250px;*/
}

#EventManagement .buttons input.create, #EventManagement .buttons input.update, #EventManagement .buttons input.delete {
	display: block;
}

#EventManagement .buttons input.form-change{

}

#EventManagement .dotted {
	border: lightgrey 1px dotted;
}

#EventManagement hr {
	clear:both;
}

#EventManagement .content h2 {
	margin-bottom: 20px;
}

#EventManagement .seminars,.seminar{
	padding:0px;
}

#EventManagement .seminarcontent {
	/*padding:10px;*/
	margin-right: 0px;
}

#EventManagement .series {
	border-top:1px solid lightgrey;

}

#EventManagement .series-events {
	/*border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;*/
	padding-top: 10px;
	padding-bottom:10px;
	margin-bottom:15px;
}

#EventManagement .event {
	min-height:120px;
	margin-bottom:5px;
/*	padding:5px;
	float:left;*/
}
#EventManagement .create .event, #EventManagement .update .event {
	/*background-color: #e4e8eb;*/
}
#EventManagement .content .form-group {
	margin:10px 0px;
}
#EventManagement .content label {
	margin-right:3px;
	font-weight: bold;
}
#EventManagement .content input ~ label {
	margin-left:10px;
}
#EventManagement .content .series .waiting {
	/*color:#b92819;*/
	color:#E31b4c;
	font-weight: bold;
}
#EventManagement .headline {
	font-weight: bold;
}
#EventManagement .content .value {
	display:inline;
}
#EventManagement .event .start .value,
#EventManagement .event .roomid .value {
	/*color:#085f8c;*/
	color:#042c58;
}

#EventManagement #registrations .registrationdata {
	clear:both;
}

#EventManagement #registrations .registrationdata  .userdata, #EventManagement #registrations .registrationdata  .data{
	display:inline-block;
	margin-right:5px;
}
#EventManagement #registrations .userdata .data{
	/*width:100px;*/
}
#EventManagement i.trigger-event{
	cursor:pointer;
	/*color:#085f8c;*/
	color:#042c58;
}
#EventManagement i{
	margin:0px 5px;
}




/****** Fehlermeldungen - myalert() ******/
#EventManagementAlerts {
	width:100%;
	top:0;
	left:0;
	z-index: 9999;
	position:fixed;
}
#EventManagementAlerts .event-alert {
	background: rgb(130,140,150);
	/*background: rgb(185,40,25);*/
	color: rgb(185,40,25);
	width:100%;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	/*cursor:pointer;*/
	min-height:30px;
	border-bottom: 1px solid white;
}
#EventManagementAlerts .event-alert:last-child {
	border: 0px;
}
#EventManagementAlerts .event-alert i {
	/*color: #e5be01;*/
	color:gold;
}

#EventManagementAlerts #event-spinner {
	color:white;
}
#EventManagementAlerts .event-alert i.fa-spin {
	color:white;
	font-size: 2.5em;
}

#EventManagementAlerts .event-alert.success {
	/*background: rgb(0,95,140);*/
	color: white;
}
#EventManagementAlerts .event-alert.success .alert-support {
	display:none;
}

#EventManagementAlerts .event-alert button{
	float:right;
	cursor:pointer;
	display:block;
	width:30px;
	border:0px;
	background-color: inherit;
	color:white;
	font-size:1.5em;
}