.cc-compliance{ /*cookie-warning*/
	margin-left:10px;
}
body.webinar_room{
	padding:0;
	overflow: hidden;
}
.fullwidth{
	width:100% !important;
	padding:10px;
}

ul, li{
	color: hsla(212,25%,25%,1);
}

.textmatchstats{
	display: flex;
}
.textmatchstats span{
	display: block;
	border-radius: .2em;
	padding:.1em .3em;
}
.minitag{
	color: hsla(212,10%,65%,1);
	font-size:10px;
	margin: 0;
    position: absolute;
    right: 20px;
    margin-top: -15px;
}
.textmatchstats .count{
	margin-right:.2em;
	color:white;
}
.textmatchstats .count.all{
	background-color: grey;
}
.textmatchstats .count.yes{
	background-color: green;
}
.textmatchstats .count.no{
	background-color: red;
}
iframe.webinar_room{
	display: fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border:none;
	outline: none;
}
	body{
		position: relative;
		padding-bottom:150px;
	}
	header,
	header > *{
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
	}
	header{
		display: flex !important;
		align-items : center;
		justify-content: space-between;
		margin-bottom:25px;
	}
	header > *{
		flex-shrink: 1;
		padding:10px;
	}

	header .logo{
		flex-grow: 1;
	}
	header .logo img{
		width:100%;
		max-width: 200px;
		height:auto;
	}

	header .logout,
	header .login,
	header .logged{
		display: none;
	}

	header a{
		color:hsla(212,25%,25%,.25);
	}

	strong{
		font-weight: 700;
	}

	small *{
		font-size: inherit;
	}



	.alert-danger{
		background-color: hsla(355,60%,50%,.1);
		border-color: hsla(355,60%,50%,0);
		color: hsla(355,50%,35%,1);
	}
	.alert-default{
		background-color: hsla(355,0%,0%,.03);
		border-color: hsla(355,0%,0%,0);
		color: hsla(355,0%,10%,1);
	}

	.popover.static{
		position: relative;
		display:block;
		box-shadow: 0 2px 5px hsla(212,25%,25%,.25);
		z-index: 8;
		width:100%;
		max-width: 100%;
		border:1px solid hsla(212,25%,25%,.1) !important;

	}

	.alert-warning{
		background-color: hsla(40,60%,50%,.1);
		border-color: hsla(40,60%,50%,0);
		color: hsla(40,50%,35%,1);
	}

	.alert-success{
		background-color: hsla(160,60%,50%,.1);
		border-color: hsla(160,60%,50%,0);
		color: hsla(160,50%,35%,1);
	}

	.webinar-counter{
		border-radius: 1em !important;
		padding-left:.5em !important;
		padding-right:.5em !important;
		display: inline-block;
	}

	.webinar-affiliate{
		padding:0 1em;

	}

	#webinar-list{
		border-radius: 5px;
		border:1px solid hsla(212,25%,25%,.15);
		box-shadow: 0 2px 5px hsla(212,25%,25%,.25);
	}

	.webinar-list-item{
		display: flex;
		flex-wrap: nowrap;
		line-height: 1em;
		align-content: center;
		align-items: center;
	}
	.webinar-list-item .list-group-item-heading{
		color: hsla(355,60%,50%,1) !important;
	}
	.webinar-list-item > *{
		line-height: 1.5em;
		margin:0;
	}

	.webinar-list-item > h3{
		flex-grow: 1;
	}
	.webinar-list-item > .label{
		max-width: 30%;
		line-height: 1.25em;
		word-break: normal;
		overflow-x: hidden;
	}

	.webinar-list-item > h3 > .time{
		font-size: 12px;
		font-family: courier;
		color: hsla(355,50%,10%,1);
	}

	.enroll-form{
		border-radius: 5px;
		padding:10px 20px 0 20px !important;
		border:1px solid hsla(212,25%,25%,.15);
		box-shadow: 0 2px 5px hsla(212,25%,25%,.25);
		border-left:5px solid hsla(355,60%,60%,1);
	}
	.list-group-item.webinar-list-item {
		background-color: transparent !important;
	}

	.bubble-header {
		position: relative;
		background-color: /*hsla( 212 ,25%,50%,1)*/ #214d78;
		color: #fff !important;
		width: 0;
		height: 0;
		width: 100%;
		height: auto;
		border-radius: 3px;
		padding: 20px;
		margin:0;
		margin-bottom:50px;
		font-size: 20px;
		line-height: 1.2em;
	}
	.bubble-header .arrow {
	  width: 0;
	  height: 0;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid /*hsla( 212 ,25%,50%,1)*/ #214d78;
	  position: absolute;
	  bottom:-10px;
	  left:50px;

	}

	.button{

		background-color: hsla(200,80%,25%,1);

	}
	.button:hover{

		background-color: hsla(45,50%,60%,1);

	}

	article{
		display:none;
	}


	[data-cinc-attachment*="field"][data-cinc-attachment*="button"]{
		color:hsla( 212 ,0%,100%,.65);
		background-color: hsla( 212 ,25%,25%,1);
	}
	[data-cinc-attachment*="field"][data-cinc-attachment*="button"]:hover{
		color:hsla( 212 ,0%,100%,1);
		background-color: hsla( 212 ,25%,25%,1);
	}

	h1, h2, h3, h4, h5{

		color: hsla( 212 ,25%,25%,1);

	}
	h2/*, h3*/{
		margin-bottom:0;
	}
	h3.highlight{
		font-size: 2em;
		color:hsla(355,60%,50%,1);
	}

	h3.highlight.flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	h3.highlight.flex > .label{
		margin-right: 1em;
	}

	h3.highlight.flex > .link-right{
		color: hsla( 212 ,25%,25%,1);

	}

	h3.highlight.flex > .link-right > .icon{
		height: 50px;
	}
	h3.highlight.flex > .link-right > span{
		margin-left: .5em;
	}

	a{

		color: hsla(355,60%,50%,1);

	}
	a:hover{

		color: hsla(355,60%,50%,1);
		text-decoration: underline;

	}
	h1.error{
		color: hsla(355,60%,50%,1);
	}
	h2.greeting{
		color: hsla( 212 ,25%,25%,.35);
	}
	.menu{
		width:100%;
		display: block;
	}
	.menu > a {
		width:100%;
		display: block;
	}
	.menu.permission-exclusiv > a {
		display:none;
	}
	.menu.permission-exclusiv > a.granted {
		display:block;
	}

	.boxed{
  		/*box-shadow: inset 0px 0px 15px 0px hsla( 100 ,40%,60%,1);*/
  		border:1px solid hsla( 212 ,25%,25%,1);

		padding:20px;
		border-radius: 10px;
	}
	.mentor{
		/*
		padding:10px;
		border-radius:3px;
		border:1px solid hsla(0,0%,90%,1);
		*/
	}
	.mentor h4{
		font-weight: bold;
	}
	.mentor .media-body *{
		margin: 0 ;
	}
	.mentor .media-object{
		width:60px;
		height:auto;
	}
	.webinar-link{

	}

	.webinar-link{
		display: block;
		box-shadow: 0 2px 5px hsla(212,25%,25%,.25);
		border-radius: 5px;
	}

	.webinar-link h4{

		border-radius: 3px 3px 0px 0px;
		background-color: hsla( 355 ,50%,50%,1);
		color:white;
		font-weight: bold;
		font-size: 15px;
		text-align: center;
		padding:1em;
		border-bottom:3px solid hsla( 355 ,50%,35%,1);
		margin:0;
	}
	.webinar-link h5{
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		line-height: 1em;
		padding:15px  0 5px 0;
		margin:0;
		color:hsla( 0 ,0%,10%,1);
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: hsla(0,0%,90%,1);
	}
	.webinar-link p{
		padding:0.5em;
		border-radius: 0px 0px 3px 3px;
		color:hsla( 0 ,0%,65%,1);
		border-width: 0px 1px 3px 1px;
		border-style: solid;
		border-color: hsla(0,0%,90%,1);
		text-align: center;
		padding-bottom:15px;
	}
	.webinar-link span{
		text-align: center;
		display: block;
		color:hsla( 0 ,0%,65%,1);
	}
	.webinar-link:hover span{
		color: hsla( 355 ,50%,40%,1);
	}

	.peanut-link{
		display: flex;
		flex-wrap: nowrap;
		width:100%;
		align-items: center;
		padding:10px;
		border-radius:3px;
		border:1px solid hsla(0,0%,90%,1);
		margin-bottom:5px;

		align-items:center;
	}
	.peanut-link .eventID{
		opacity:.25;
		font-size:.75em;
	}
	.peanut-link .eventName{
		flex-grow: 1;
	}
	.peanut-link .eventLabel{
		display:flex;
		width:100%;
	}
	.peanut-link > *{
		margin:0;
		padding:0;
	}
	.peanut-link{
		text-decoration: none !important;
	}
	.peanut-link i{
		flex-shrink: 1;
		padding:0 1em 0 0;
		color: hsla(0,0%,65%,1);

	}

	.past-list{
		display: flex;
		flex-direction: column-reverse;
	}

	.past:not(.linkVideo) .major{
		display:none;
	}

	.peanut-link.linkVideo:hover i{
		color: hsla(0,0%,35%,1);
	}

	.peanut-link:hover {
		cursor: default;
	}
	.peanut-link.linkVideo:hover{
		cursor: pointer;
	}
	.peanut-link p{
		flex-grow: 2;
	}
	.title{
		display: flex;
		align-items: center;
		line-height: 1em;
	}
	.title span:not(.label){
		padding-left:15px;
	}

	.title > .page-back{
		display: inline-flex;
		background-color: hsla(212,25%,25%,1);
		color:white;
	}
	.page-back{
		background-color: red;
		height:2em;
		width:2em;
		border-radius: 50%;
		display: flex;
		align-items: center;

	}
	.page-back,
	.page-back > *{
		text-align: center;
	}
	.page-back > *{

		flex-grow: 1;
	}
	.panel-heading *{
		text-decoration: none !important;
	}
	.panel-heading *:hover{
		text-decoration: none !important;
	}
	@media (max-width: 767px){
		header{
			flex-direction: column;
		}

		header .logo{
			width:100%;
			text-align: center;
			margin-top:25px;
		}
		header .logo img{
			width:100%;
			max-width: 450px;
			height:auto;
		}
	}

	.waitMe_progress > div:nth-child(odd){
		background-color: hsla(40,90%,60%,1) !important;
	}
	.waitMe_progress > div:nth-child(even){
		background-color: hsla( 355 ,50%,50%,1) !important;
	}
	.menu .glyphicon{
		margin-right:1em;
	}

	.hideCode kbd{
		display: none;
		font-size:.75em;
	}
	.hideCode:active kbd{
		display: inline;
	}
.list-action-button{
	display: block;
	width: 100%;
}
	.list-action-button .caret{
		margin-left:5px;
	}

	.no-pointer:hover{
		cursor: default;
	}
footer{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	display: flex;
	flex-direction: column;
}
footer{
	text-align: center;
}
footer .footer-menu{
	padding:25px;
}
footer .footer-line{
	background-color: hsla(0,0%,95%,1);
	color: hsla(0,0%,65%,1);
	padding:25px;
}
footer .footer-menu a{
	margin:10px;
}

.error{
	color:red;
}

.alert-small,
.alert-small *{
	font-size:11px;
}
.alert-grey{
	background-color: hsla(212,25%,25%,.05);
	color: hsla(212,25%,25%,1);
}
.video-missing-wrapper *:not(.alert){
}
.video-missing-wrapper:hover *{
	cursor: not-allowed;
}

.modal-body video{
	max-height:50%;
}
.modal-body div.plyr--fullscreen-active video{
	max-height:100%;
}

.label{
	font-size: inherit;
	white-space: normal;

}
/*
	iframe#edudip{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	*/
	.popover-content.contact * {
		font-size: 12px !important;
	}
	.popover-content.contact p{
		margin: 0px 0 5px 0;
	}
	.popover-content.contact i{
		opacity: .35;
	}
	.modal-close{
		background-color: transparent;
		border: none;
	}
	.modal-video .modal-wrapper .modal-dialog {
		width:50%;;
		max-width: 90%;
		min-width: 50%;
	}
.alert.alert-danger .btn{
	background-color: hsla(355,60%,65%,1)
	border: none;
	color:white;
}
.alert.alert-danger .btn:hover{
	background-color: hsla(355,60%,67%,1)
}
.alert.alert-warning .btn{
	background-color: hsla(40,90%,60%,1);
	border: none;
	color:white;
}
.alert.alert-warning .btn:hover{
	background-color: hsla(40,90%,62%,1);
}
.alert.alert-success .btn{
	background-color: hsla(160,65%,45%,1);
	border: none;
	color:white;
}
.alert.alert-success .btn:hover{
	background-color: hsla(160,65%,47%,1);
}

.edudip-auth, .edudip-link, .edudip-error{
	display:none;
}

.edudip-link > a{
	text-decoration: none;
}
section.content{
	margin-bottom:100px;
}
.teamviewer-link{
	display: block;
	border:none;
	box-shadow: none;
	background-color: hsla(210,65%,45%,.1);
	border: 1px solid hsla(210,45%,45%,.65);
	color:hsla(210,65%,35%,1) !important;
	text-align: center;
	line-height: 3em;
	border-radius: 1.5em;
	width:100%;
	margin-bottom:30px;
}
.teamviewer-link:hover{
	background-color: hsla(210,65%,45%,1);
	border: 1px solid hsla(210,65%,45%,1);
	text-decoration: none;
	color:white !important;
}

.webinar-promt{
	display: block;
	border:none;
	box-shadow: none;
	background-color: hsla(355,65%,45%,.1);
	border: 1px solid hsla(355,45%,45%,.65);
	color:hsla(355,65%,35%,1) !important;
	text-align: center;
	line-height: 3em;
	border-radius: 1.5em;
	width:100%;
	margin:20px 0;
}
.webinar-promt:hover{
	background-color: hsla(355,65%,45%,1);
	border: 1px solid hsla(355,65%,45%,1);
	color:white !important;
}
.secondary-link{
	display: block;
	margin-bottom:10px;
	box-shadow: 0 2px 5px hsla(212,50%,35%,.25);
	border-radius: 5px;
	border:none;
	box-shadow: none;
	background-color: hsla(210,50%,35%,.1);
	color:hsla(210,50%,35%,1) !important;
	text-align: center;
	line-height: 3em;
	border-radius: 1.5em;
	width:100%;
}
.secondary-link:hover{
	background-color: hsla(210,50%,35%,1);
	color:white !important;
	text-decoration: none;
}

.label-default{
	background-color: hsla(212,10%,65%,1);
	border-color: hsla(212,10%,65%,1);
}
.label-primary{
	background-color: hsla(212,50%,50%,1);
	border-color: hsla(212,50%,50%,1);
}

.label-trans{
	color: hsla(212,15%,55%,1);
	background-color: hsla(212,15%,75%,0);
	border-color: hsla(212,15%,75%,0);
}
.label-success{
	background-color: hsla(160,65%,45%,1);
	border-color: hsla(160,65%,45%,1);
}
.label-danger{
	background-color: hsla(355,60%,55%,1);
	border-color: hsla(355,60%,55%,1);
}
.label-warning{
	background-color: hsla(35,85%,55%,1);
	border-color: hsla(35,85%,55%,1);
}

.label.sign{
	min-width: 32px;
	min-height: 32px;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	font-weight: 600;
}

.sign.label-primary{
	background-color: hsla(212,50%,50%,1);
	border-color: hsla(212,50%,50%,1);
}
.sign.label-outlined{
}
.label-danger.sign.label-outlined{
	color: hsla(355,60%,55%,1);
	background-color: hsla(355,60%,55%,0);
}
.label-success.sign.label-outlined{
	background-color: hsla(160,65%,45%,0);
	color: hsla(160,65%,45%,1);
}
.label-primary.sign.label-outlined{
	background-color: hsla(212,50%,50%,0);
	color: hsla(212,50%,50%,1);
}
.label-default.sign.label-outlined{
	background-color: hsla(212,10%,65%,0);
	border-color: hsla(212,10%,65%,1);
	color: hsla(212,10%,65%,1);
}
.label-warning.sign.label-outlined{
	background-color: hsla(35,85%,55%,0);
	color: hsla(35,85%,55%,1);
}

.alert > strong{
	display: block;
	margin-bottom:.5em;
}

.cookieRejection{
	display:none;
}
.alert-success a{
	background-color: hsla(160,65%,45%,1);
	padding:1px 4px;
	border-radius: 2px;
	color:white;
}
.popover-special{
	/*background-color: hsla(212,25%,25%,.95);*/


}
.popover-special .popover-content{
	padding: 8px;
}
.popover-special,
.popover-special *{
	font-size: 10px;
	/*color:white;*/
	border:none;
	box-shadow: none;
}

[data-enrollment-note]{
	margin:0 0 10px 0;
	background-color: hsla(65,90%,95%,1);
	box-shadow: 0px 2px 2px hsla(65,0%,0%,.15);
	border-radius: 0px;
	border:1px solid hsla(65,35%,35%,.1);
	border-bottom:1px solid hsla(65,35%,35%,.25);
}
[data-enrollment-note].active,
[data-enrollment-note]:active
[data-enrollment-note].focus,
[data-enrollment-note]:focus{
	border:1px solid hsla(65,35%,35%,.1);
	border-bottom:1px solid hsla(65,35%,35%,.25);
	box-shadow: 0px 2px 2px hsla(65,0%,0%,.15);

}


.table-collapse > tbody > tr:nth-of-type(n){
	background-color: white;
}
.table-collapse > tbody > tr:nth-of-type(4n-1){
	/*background-color: #f9f9f9;*/
}

.table-collapse > tbody > tr.accordion-toggle:hover{
	cursor: pointer;
}
.table-collapse td{
	vertical-align: middle !important;
}
.table-collapse .hiddenRow{
	padding: 0 !important;
	border-top:none !important;
}
.table-collapse > tbody > tr:nth-of-type(even) td{
	padding: 0 !important;
	border-top: none;
}

.nav-tabs * {
	font-size: 11px;
}
.datev-link{
	margin-top: 15px;
border-radius: 5px;
display: inline-block;
padding: 10px 10px;
border: 1px solid hsla(0,0%,0%,0.1);
background-color: hsla(0,0%,0%,.03);
}
.datev-link:hover{
	background-color: hsla(0,0%,0%,.2);
	background-color:hsla(0,0%,0%,.1);
}
.datev-link img{
	width:150px;
}
.edudip-recentdated{
	display: flex;
}
.edudip-recentdated > *{
	margin-left:15px;
}
.edudip-recentdated > *:nth-child(1){
	flex-grow:1;
	margin-left:0;
}
.support-page h1{
	color:hsla(355,60%,55%,1) !important;
	font-size: 3em;
}
.support-page li{
	margin-bottom:10px;
}

.alert p{
	color:inherit;
}

.tt-notification{
	display:none;
}

.overlay-canvas{
	background-color: hsla(0,0%,100%,.97);
	top: 0;
	z-index: 9;
	display: none;
	position: fixed;
	height:100%;
	width:100%;
	overflow-y: scroll;
}

.overlay-canvas .header{
	display: flex;
}
.overlay-canvas .header .back{
	background-color: transparent;
	border: none;
}
.overlay-canvas .header .back:hover{
	cursor: pointer;
}
.overlay-canvas .header .title{
	flex-grow: 1;
	line-height: 2em;
	padding:0 1em !important;
}
.enroll-note, .crm-note, .enroll-datev-access{
	background-color: hsla(55,90%,97%,1);
	border: 1px solid hsla(55,70%,93%,1);
	padding:8px;
	border-radius: 0px;
}
.crm-note{
	min-width:300px;
	height:75px;
}
.enroll-note{
	min-width:300px;
	height:100px;
}

.enroll-datev-access{
	min-width:350px;
	height:200px;
}
.enroll-datev-user-name,
.enroll-datev-user-password{
	width:100px;
}

.send-datev-access{
	width:100%;
	margin-top:5px;
}

.smallize *{
	font-size: 12px;
}
.legend, .filter {
	list-style-type: none;
	padding:0;
	margin:0;
	background-color: hsla(0,0%,97%,1);
	padding:1em;
	margin-bottom:1em;
}
.filter {
	overflow: hidden;
	max-height: 10.5em;
	transition: max-height 0.1s ease-in-out;
	
}
.filter *{
	font-size: 11px;
}
.filter h1, .filter h2, .filter h3{
	font-weight: bold;
}
.filter ul, .filter ul li{
	list-style-type: none;
	margin:0;
	padding:0;
	margin-bottom:.1em;
}
.filter ul{
	margin-bottom:1em;
}
.filter.open {
	max-height: 100em;
	transition: max-height 1s ease-in-out;
}
.filter label{
	display: flex;
	align-items: center;
}
.filter label:hover{
	cursor: pointer;
}
.filter label input{
	margin:0;
	padding:0;
	margin-right:.25em;
}
.filter .stats .text,
.filter label .text{
	flex-grow: 1;
	margin-right:1em;
}
.filter .counter{
	padding-bottom:.1em;
	display: flex;
}
.filter h1, .filter h2{
	margin:.5em 0;
	padding:0;
}
.filter .counter > span{
	background-color: hsla(160,0%,59%,1);
	color:white;
	padding:.1em .2em;
	display: block;
	min-width: 3em;
	text-align: right;
	border-radius: .2em;
}
.filter .counter > span.matched{
	margin:0 .1em;
	background-color: hsla(0,0%,90%,1);
	color: hsla(0,0%,65%,1);
}
.filter .stats{
	display: flex;
	align-items: center;
	margin-right:1em;
}

.crm_filter_text{
	flex-grow: 1;
	font-size: 1em;
	line-height: 2em;
	padding:.25em .5em;
	border-radius:.2em;
	border:none;
}
.flexnostrech{
	justify-content: flex-start !important;
}
.crm_filter_all, .crm_filter_none, .crm_filter_gall, .crm_filter_gnone{
	border:1px solid hsla(160,0%,35%,1);
	color: hsla(160,0%,35%,1);	
	outline: none;
	background-color: transparent;
	margin:.1em;
	border-radius: .2em;
}
.crm_filter_all, .crm_filter_gall{
	margin-left:0;
}
.crm_filter_all:hover, .crm_filter_none:hover, .crm_filter_gall:hover, .crm_filter_gnone:hover{
	cursor: pointer;
	background-color: hsla(160,0%,35%,1);	
	color: white;
}
.crm_filter_apply{
	font-size: 1em;
	line-height: 2em;
	border-radius:.2em;
	border:none;
	background-color:hsla(35,90%,60%,1);
	color:white;
	margin-left:1em;
}
.filter_toggle{
	font-size: .75em;
	line-height: 1em;
	border:none;
	background-color:transparent;
	text-decoration: underline;
	margin:1em 0;
	padding:0;
}
.filter-horizontal > *{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.legend-horizontal{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.crmSignal,.CRMrenderDetails{
	display: flex;
	flex-direction: column;
}
.crmSignal > *, ,.CRMrenderDetails>*{
	display: inline-block;

}
.crmSignal .searchCrmPhrase, .CRMrenderDetails .searchCrmPhrase{
	font-size:5px;
	color:white;
}

.CRMrenderDetails{
	border-radius: .2em;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	-ms-border-radius: .2em;
	-o-border-radius: .2em;
	padding:.5em;
	text-align: center;
}
.CRMrenderDetails:hover{
	text-decoration: none;
	color:inherit;
	border:1px solid grey;
}
.swopBooker{
	display: block;
    background-color: red;
    padding: .5em;
    border-radius: .2em;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: .5em;
}
.CRMrenderDetails.orange{
	background-color:hsla(35,90%,60%,1);
	border-color:hsla(35,90%,60%,1);
	color:hsla(35,90%,60%,1);

}
.CRMrenderDetails.red{
	background-color:hsla(0,60%,60%,1);
	border-color:hsla(0,60%,60%,1);
	color:hsla(0,60%,60%,1);
}
.CRMrenderDetails.blue{
	background-color:hsla(210,60%,60%,1);
	border-color:hsla(210,60%,60%,1);
	color:hsla(210,60%,60%,1);
}
.CRMrenderDetails.purp{
	background-color:hsla(280,60%,60%,1);
	border-color:hsla(280,60%,60%,1);
	color:hsla(280,60%,60%,1);
}
.CRMrenderDetails.grey{
	background-color:hsla(280,0%,60%,1);
	border-color:hsla(280,0%,60%,1);
	color:hsla(280,0%,60%,1);
}
.CRMrenderDetails:not(.filled){
	background-color: transparent !important;
}
.CRMrenderDetails:not(.outlined){
	border-color: transparent !important;
}
.CRMrenderDetails.filled{
	color: white !important;
}

.partnerList {
	list-style-type: none;
	padding:0;
	margin:0;
}
.partnerList li{
	font-size: .75em;
}

.thead-dark thead th{
	border:none;
}
.table tbody tr td{
	border:none;
	border-top: 1px solid hsla( 212 ,15%,95%,1) !important;
}

a[data-toggle="tab"]{
	color:inherit;
}
[name*='crm_user']{
	display: none;
}
/*
.modal-body .plyr--video{
	max-width:600px;
}
.modal-body{
	display: flex;
	justify-content: space-around;
}
*/

.past-event-inner{
	list-style-type: none;
	padding:0;
	margin:0;
	display: flex;
}
.past-event-inner li{
	flex-shrink: 1;
}
.past-event-inner li.video{
	flex-grow: 1;
	width: 300px;
}
.past-event-inner li.video > a.past{
	height:99px;
}
.past-event-inner li.interaction{
	width:150px;
}

.past-event-inner li button{
	background-color: transparent;
	border:none;
	color: black;
	border:1px solid black;
	border-radius:3px;
	padding:8px 8px;
	width:100%;
	text-align: center;
	margin-bottom:5px;
	font-size: .75em;
	line-height: 1em;
}
.past-event-inner li button > * {
	display: block;
}
.past-event-inner li button:last-of-type{
	margin-bottom:0px;
}
.past-event-inner li button.rating{
	color:hsla(35,85%,55%,1);
	border-color:hsla(35,85%,55%,1);
}
.past-event-inner li button.report{
	color: hsla(355,60%,55%,1);
	border-color: hsla(355,60%,55%,1);
}
.past-event-inner li button.rating:hover{
	color:white;
	background-color:hsla(35,85%,55%,1);
}
.past-event-inner li button.report:hover{
	color:white;
	background-color: hsla(355,60%,55%,1);
}

.past-event-inner li button.rating.done{
	color:white;
	background-color: hsla(160,65%,45%,1);
	border-color: hsla(160,65%,45%,1);
}
.past-event-inner li button.report.done{
	color: hsla(160,65%,45%,1);
	border-color: hsla(160,65%,45%,1);
}
.past-event-inner li button.rating.done:hover{
	color:white;
	background-color: hsla(160,65%,45%,1);
	border-color: hsla(160,65%,45%,1);
	cursor: default;
}
.past-event-inner li button.report.done:hover{
	color: hsla(160,65%,45%,1);
	background-color: white;
	border-color: hsla(160,65%,45%,1);
	cursor: default;
}

.past-event-inner li button span{
	display: flex;
	justify-content: center;
}
.past-event-inner li button i{
	margin-bottom:3px;
}
/*
.past-event li.rating{
	display:none;
}
*/
/*
.videoLaneWrapper{
	position: relative;
}
.videoLaneOverhead{
	position: absolute;
	top:0;
	margin-top:-200px;
}
*/

.countdown_clock{
	display:none;
	padding:10px;
	border:1px solid hsla(215,15%,15%,0);
	background-color: hsla(0,0%,98%,1);
	border-radius: 5px;
}
.countdown_clock.show{
	display:block;
}
.countdown_clock .wrapper{
	display: block;
	width:100%;
	text-align: center;
	margin-top:10px;
}
.countdown_clock .wrapper .display{
	font-size: 20px;
	background-color: hsla(215,15%,15%,.35);
	color:white;
	line-height: 2em;
	padding:5px 8px;
	border-radius: 5px;
}


.countdown_clock.emph{
	border:1px solid hsla(40,60%,50%,0);
	background-color: hsla(40,60%,50%,.1);
  color: hsla(40,50%,35%,1);

}
.countdown_clock.emph .wrapper .display{
	background-color: hsla(40,80%,50%,1);
}

#survey .modal-dialog{
	background-color: white;
	margin:25px auto;
  padding: 50px 50px 20px 50px;
	min-width: 50%;
}

#survey .modal-dialog .label.label-bonus{
	color:white !important;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	width:90px;
	margin-top:-47px;
	left:-97px;
	border-radius: 15px 15px 0 15px;
	border:1px solid hsla(0,0%,100%,.35);
}
#survey .modal-dialog .modal-header *,
#survey .modal-dialog .modal-body *{
	color: hsla(210,25%,25%,1) !important;
}
#survey .modal-dialog .modal-header,
#survey .modal-dialog .modal-body{
	padding: 0;
	margin:0;
}
#survey .modal-dialog .modal-body{
	margin-top:10px;
}

#survey .modal-dialog .modal-header{
	flex-direction: row;
	align-items: flex-start;
}
#survey .modal-dialog .modal-header h5{
	flex-grow: 1;
}
#survey .btn-secondary{
	background-color: transparent !important;
	color: hsla(210,25%,25%,1) !important;
	border: 1px solid hsla(210,25%,25%,0) !important;
	opacity: .35;
}
#survey .btn-primary{
	background-color: hsla( 355 ,50%,50%,1) !important;
	color: white !important;
	border: 1px solid hsla( 355 ,50%,50%,1) !important;
}

#survey .modal-body span:not(.label){
	display:block;
	font-size: 13px;
}
#survey .modal-body span.gruss{
	font-size: 15px;
	margin-top:15px;
}
#survey .modal-body span.option{
	margin-top:5px;
}
#survey .modal-body span.frage{
	font-weight: bold;
	margin:20px 0 10px 0;
}
#survey .modal-body span.frage i.error{
	display:none;
}
#survey .modal-body span.frage.error{
	border-right:3px solid hsla( 355 ,50%,50%,.35) !important;
}
#survey .modal-body span.frage.error i.error{
	display:inline;
	color: hsla( 355 ,50%,50%,1) !important;
	font-size: 9px;
}
#survey .modal-body span.zitat{
	color: hsla( 355 ,50%,50%,1) !important;
	margin:10px 0;
}
#survey label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#survey input[type=radio]{
	margin: 0 10px 0 0;
}
#survey input.survey.number{
	width:35px;
	text-align: center;
	margin:0 5px;
}
#survey .modal-done{
	width:100%;
	padding:20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#survey .modal-done span.bubble{
	width:100px;
	height:100px;
	line-height:100px;
	background-color: white;
	border-radius: 50%;
	font-size: 50px;
	margin-top:-50px;
	font-size: 20px;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
}
#survey .modal-done span.bubble i{
	font-size: 50px;
	color: hsla(160,65%,45%,1) !important;
}
span.credit{
	background-color: hsla(160,65%,45%,1) !important;
	padding: 4px 12px;
	border-radius: 20px;
	color: white !important;
	font-size: 20px;
}
span.thank{
	background-color: hsla(160,65%,45%,1) !important;
	padding: 4px 12px;
	border-radius: 20px;
	color: white !important;
	font-size: 20px;
}

.event_link{

}
.event_survey{
	font-size: 1em;
	color:black;
}

.event_survey.open .reward{
	font-size: 10px;
	color:black;
}
.event_survey.done .reward{
	display:none;
}
.event_survey{
	display: flex;
	flex-direction: column;
}
.event_survey.closed:hover{
	cursor: not-allowed;
}
.event_survey{
	
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

	border:none;
	box-shadow: none;
	background-color: hsla(210,65%,45%,.1);
	border: 1px solid hsla(210,45%,45%,.65);
	color:hsla(210,65%,35%,1) !important;
	text-align: center;
	line-height: 3em;
	border-radius: 1.5em;
	width:100%;
	margin-bottom:30px;
}
.event_survey:hover{
	background-color: hsla(210,65%,45%,1);
	border: 1px solid hsla(210,65%,45%,1);
	text-decoration: none;
	color:white !important;
}
.event_survey span.credit{
	background-color: hsla(160,65%,45%,1) !important;
	padding: 2px 4px;
	border-radius: 10px;
	color: white !important;
	font-size: 10px;
	margin-bottom:5px;
	text-align: center;
	font-weight: bold;
}
.event_survey span.trigger{
	text-align: center;
	font-weight: bold;
	display: none;
}

.event_survey.closed span.reward{
	display:none;
}

.event_survey.open span.trigger.open{
	display: block;
}
.event_survey.closed span.trigger.closed{
	display: block;
}
.event_survey.open span.check{
	display: none;
}
.event_survey.closed span.check{
	display: block;
}
.event_survey span.check{
	text-align: center;
	font-size: 20px;
	margin-right:1em;
}
a.credit_programm{
	display: none;
}
a.credit_programm .label{
	background-color: hsla(160,65%,45%,1) !important;
	padding-right:10px;
}
a.credit_programm .label i{
	opacity: .5;
	font-size: 11px;
	margin:0 5px;
}
#credit_reward:hover{
	text-decoration: none;
	cursor: default;
}
.event_wrapper{
	display: flex;
}
#survey .modal-dialog .modal-body .label-primary.trainer{
	color:white !important;
}
table.legende,
table.surveyTable{
	width:100%;
}
table.legende td{
	font-size:9px !important;
	font-weight:bold;
	padding-right:10px;
	color:hsla(0,0%,65%,1) !important;
	text-align: center;
}
table.surveyTable.light{
	background-color: hsla(0,0%,100%,1);
}
table.surveyTable{
	background-color: hsla(0,0%,98%,1);
}
table.surveyTable td{
	font-size:9px !important;
	text-align: center;
	padding-top:2px;
	padding-bottom:8px;
}
table.surveyTable td [type="radio"]{
	margin:0 !important;
}
table.surveyTable .headline td{
	font-weight:bold;
	padding-top:8px;
	padding-bottom:0px;
}

table.question{
	width:100%;
	margin-bottom:100px;
}
table.question tr.option{
	width:100%;
}
table.question tr.meta td .wrapper{
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}
table.question tr.meta td .unit{
	width:100px;
	background-color: hsla(0,0%,95%,1);
	padding:5px;
	border-radius: 5px;
	text-align: center;
}

table.question tr.meta td div .name{
	color: hsla(0,0%,0%,.35);
}

table.question tr.option td.head{
	width:150px;
	font-weight: bold;
}
table.question tr.option td.value{
	width:50px;
	padding:10px;
}

table.question tr.option td.body .user{
	display: none;
}

table.question tr.option td.body .user span{
	display: inline-block;
}


table.question tr.option .result{
	background-color: hsla( 355 ,50%,50%,1);
	color:white;
	padding:10px;
}
table.question tr.option .result.overhead{
	color:hsla(0,0%,30%,1);
	background-color: hsla(0,0%,65%,1);
}

#surveyResult .survey{
	margin-top:100px;
}

.codebox * {
	display: block;
}
.codebox .label {
	font-size:10px;
	font-weight: bold;
	margin-top:4px;
}

.promo{
	display:none;
	margin-bottom: 2em;
}

.promo .arrow{
	opacity:0;
}

.promo .small-font{
	font-size: .75em;
	opacity: .75;
}
.promo .thanks p{
	display: flex;
	align-items: center;
}
.promo .thanks p span{
	flex-grow: 1;
}
.promo .thanks p i{
	font-size: 3em;
    margin-right: .5em;
}

.video-outline{
	text-align:left;
	margin:2em 0;
}
.video-outline .video-outline-list{
	width: 100%;
	padding:0;

}
.video-outline .video-outline-item{
	width: 100%;
}
.video-outline .video-outline-item .headline{
	border-bottom:1px solid hsla(210,25%,25%,.25);
	color: hsla(210,25%,25%,.45);
	font-weight: bold;
	padding-bottom:.5em;
}
.video-outline .video-outline-item:not(.headline) > *{
	padding-top:1em;
}
.video-outline .video-outline-item .time{
	text-align:left;
}
.video-outline .video-outline-item .length{
	text-align:left;
}
.video-outline .video-outline-item .title{
	display: flex;
	text-align:left;
	font-weight: bold;
	max-width: -webkit-fill-available;
	max-width: -fill-available;
	margin-right: 1em;
	align-items: flex-start;
}
.video-outline .video-outline-item .title > *{
	color:hsla(210,0%,15%,1);
}
.video-outline .video-outline-item .title > .outline{
	min-width: 4em;
}
.video-outline .video-outline-item .title > .suffix{
	align-self: flex-end;
}
.video-outline .video-outline-item .title > .text{
	flex-grow: 1;
}
.video-outline .video-outline-item .title > *:not(:first-child){
	margin-left:.25em;
}
.video-outline .video-outline-item .title:hover{
	cursor: pointer;
	text-decoration: underline;
}
.video-outline .video-outline-item .jumper{
	color:hsla(35, 90%, 60%,1);
	width: 20px;
}
.video-outline .video-outline-item .jumper:hover{
	cursor: pointer;
}
.video-outline .video-outline-item .jumper .glyphicon-play{
	top: -1px;
}

.video-container{
	position:relative;
  }
  .video-container .caption{
	position: absolute;
	width:100%;
	height:100%;
	background-color:hsla(210,25%,25%,.9);
	color:white;
	display:flex;
	align-items:center;
	justify-content: center;
	text-align:center;
	top:0;
	left:0;
  }
  .video-container .caption p{
	text-align:center;
	vertical-align: center;
  }
  .video-container.ready .caption{
	display:none;
  }

.event-list .tab-content{
	padding: 1em;
    margin-left: 1em;
	width: -webkit-fill-available;
	width: -fill-available;
	max-width: 570px;
}

.event-list .player{
	max-width: -webkit-fill-available;
	max-width: -fill-available;
}

.event-header .event-id{
	opacity: .35;
	font-size: .75em;
	line-height: 2em;
	margin-left:.5em;
}
.event-header .event-label{
	display: flex;
}
.event-header .event-label .event-name{
	flex-grow: 1;
}

.alert-info {
	color: hsla(210, 60%,35%,1);
	background-color: transparent;
	border:1px solid hsla(210, 60%,35%,.15);
}

.event-list .event_survey{
	margin:0;
}
.event-list .event_survey span.trigger{
	font-size: 1em;
}

.event-list .session{
	display: block;
    text-align: left;
	border:transparent;
	padding: .5em .75em;
    border-radius: .25em;
}

.event-list .session-wrapper:not(:last-child){
	margin-bottom:1em;
}



.event-list .session[aria-expanded='false'] {
	background-color: hsla(210,0%,0%,.05);
	color:hsla(210,0%,15%,1);
}
.event-list .session[aria-expanded='false']:hover {
	background-color: hsla(210,65%,45%,.1);
	color: hsla(210,65%,35%,1);

}

.event-list .session[aria-expanded='true'] {
	background-color: hsla(210,65%,45%,1);
	color:white;
}

.event-list .session-wrapper:not(:last-child) .collapse{
	margin-bottom:3em;
}

.testcenter-link{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none;
    background-color: hsla(210,65%,45%,.1);
    border: 1px solid hsla(210,45%,45%,.65);
    color: hsla(210,65%,35%,1) !important;
    text-align: center;
    line-height: 3em;
    border-radius: 1.5em;
    width: 100%;
	margin-top:3em;
	font-weight: bold;
}
.testcenter-link:hover {
    background-color: hsla(210,65%,45%,1);
    border: 1px solid hsla(210,65%,45%,1);
    text-decoration: none;
    color: white !important;
}

.crm_controls{
	display: flex;
	margin-bottom: 1em;
}

.crm_controls > *:not(:last-child){
	margin-right:1em;
}

.crm_controls .list-stats > span{
	line-height: 2.2em;
}