@font-face{
	font-family:"Open Sans";
	src:url(../../../templates/yoo_master2/fonts/OpenSans-Regular.ttf) format("truetype");
}

select{width:234px!important;height:42px!important}

.charCount{display:block;margin:5px;padding:5px;color:red;}


.blinker {
  /*animation: blinker 0.7s linear infinite;*/
}

@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}

#spring-jahr-nav h3{color: #fff!important}

.edit-note-textarea{resize:none;height:55px;width:175px;margin:5px}
.edit-note-save{margin:2px}
.edit-note-cancel{margin:2px}

.btn-note{cursor:pointer;background:rgba(234, 189, 39, 0.9);}

.note-box{width:300px;height:auto;padding:10px;position:fixed;z-index:1000;background:rgba(234, 189, 39, 0.9);top:10%;right:-500px;transition: right .35s ease-in-out;}
.note-box textarea{resize:none;height:350px;width:280px;margin:5px auto;background:rgba(255, 255, 255, 0.5);}

.btn{margin-bottom:10px;}
.btn-signup{background:rgb(202, 215, 222)!important;}
#einsatz-button-nav{background:#fff;padding:0;border:0;}
#tech-set-container{border:1px solid #52777d;padding:15px;}
.btn-einsatz{
	margin-bottom:0px!important;border-top-left-radius:7px!important;
	border-top-right-radius:7px!important;
	box-shadow: 4px -4px 6px rgba(0, 0, 0, 0.3);
}

.btn-einsatz:hover{background:#fff;}

.copyTable td{
	
	padding:5px;
	margin:20px auto;
	text-align:left;
	
}




#email-preview{
	width:90%;
	height:400px;
	overflow-x:hidden;
	overflow-y:scroll;
    /*transform: scale(0.72);*/
	background-color:#f9f8f8;	
	margin:20px auto;
	display:none;
}

#email-preview h1{
	border:none!important;
	font-size:16px!important;
}

#email-preview p{
	font-size:12px!important;
}

#email-preview a{
	font-size:12px!important;
}

.red-circle{
	color:red;
	font-size:25px;
	display:inline;
	margin-right:10px
	}

.table-anmeldung {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;	
  width: 100%;
  margin-bottom: 20px;
}
.table-anmeldung th,
.table-anmeldung td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}

.uk-dropdown-navbar{
	background:rgb(202, 215, 222);
}
#search_hits{min-width:75px;width:75px;}
#search_funktion{width:175px;}
#search_status{width:175px;}
#search_modified{width:175px;height:22px}
#search_word{width:175px;height:22px}
#search_unterkunft{width:175px;}

#info-text-table li{
	margin:20px 0;
}

.legendBlock{display:inline-block;margin:0 20px;}
.legendBlock table td:nth-child(2){font-size:12px;font-style:italic}
.legendBlock table{text-align:left;}
#legendContainer{margin-top:20px;display:none;min-height:120px;padding:20px 0;width:100%;text-align:left;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#legendToggle{width:100%;text-align:right}
#toggle-legend{cursor:pointer;}

#kuenstler-text-30{display:none;}
#kuenstler-btn-30{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-04{display:none;}
#kuenstler-btn-04{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-06{display:none;}
#kuenstler-btn-06{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-33{display:none;}
#kuenstler-btn-33{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-35{display:none;}
#kuenstler-btn-35{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-31{display:none;}
#kuenstler-btn-31{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler-text-11{display:none;}
#kuenstler-btn-11{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#kuenstler_rechnung{display:none;}

#info-text-34{display:none;}
#info-btn-34{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}
#info-text-35{display:none;}
#info-btn-35{font-size:14px;cursor:pointer;color:#fff;margin-left:15px;display:inline-block}

.hiddenData{display:none;}
.foto-hinweis{background:rgba(234, 189, 39, 0.7);padding:15px;}
.unterkunft-hinweis{background:rgba(234, 189, 39, 0.7);padding:15px;}
.kuenstler-hinweis{border:2px dashed black;background:rgba(234, 189, 39, 0.7);padding:15px;margin:25px 0}

#table-box-events{
	width:100%;
	overflow-x:scroll;
}

#table-box-events tr:nth-child(even){
	background:#f1f1f1;
}

#table-box-events tr:hover{
	background:#ccc;
	cursor:pointer;
}

#table-box{
	width:100%;
}

@media only screen and (max-width: 620px) {
#table-box{
	width:100%;
	overflow-x:scroll;
}
}

#countdown-box{
	margin:20px auto;
	width:500px;
	height:200px;
	padding:50px 15px;
	text-align:center;
	/*background:rgb(202, 215, 222);*/	
	background:rgb(234, 189, 39);
	line-height:100%!important
}

#countdown{
	width:100%;
	color:rgb(55, 79, 83);
	font-size:36px;
	text-align:center;
	min-height:400px;
	line-height:70%!important	
}

.spring-login{
  max-width:400px;
  margin:25px auto;
}

html,body{
	background:rgb(202, 215, 222);
	/*background:#111;*/
	/*background:#f1f1f1;*/
	color:rgb(17, 17, 17);
	font-family: 'Open Sans','Verdana','Helvetica','Arial',sans-serif;
}

#tm-content{
	background:#fff;
	padding:25px!important;	

}

/* #tm-middle{
	margin-top:30px!important;
} */

h1, h2, h3, h4, h5, h6 {
	border-left:5px solid rgb(82, 119, 125);
    margin: 0 0 20px 0;
	padding-left:15px;
    font-family: 'Open Sans';
    font-weight: 900;
	color:rgb(82, 119, 125);
    text-transform: none;
}

.infomaptext-target h6,.infomaptext-target p,.infomaptext-target li {
	font-size:18px;
	line-height:120%
}
	
.spring-header{
	background-image: url('../../../images/headers/csm_SPRI-1017.jpg'); 
	background-color:rgb(82, 119, 125);
	background-repeat: no-repeat; 	
	background-size: cover;	
	overflow:hidden;
	width:100%;
	height:270px;
	z-index:900!important;
	position:relative;	
	margin-top:45px;
}
.spring-header-box{
	padding:0;
	margin:0;	
}
.form-border-box{
	border: 1px solid #ddd;
	margin:5px 15px;
	padding:15px;
}
.form-border-box-center{
	margin:3px auto!important;
}
.form-border-box-over{
	border: 3px solid whitesmoke;
	margin:3px;
	padding:15px;
	max-width:1170px;
	overflow-x:scroll;
}

#phg-table{max-width:350px!important}

#infomaptext-target ol li{font-size:18px!important;line-height:24px!important;margin-bottom:20px}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor:pointer;
}

#infostand-map{max-width:750px;margin:20px}

#person-div{
margin-top:20px;
}
.tm-headerbar, .tm-navbar, .tm-footer{
	color:#222;
	margin-top:0;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:px;	

}
.uk-panel-box {
  background: rgb(55, 79, 83);
}  
.uk-navbar {
  background:rgb(55, 79, 83)!important;
  color: #fff;
  position:fixed;
  top:0;
  z-index:1000;
  max-width: 1130px;
	text-transform:uppercase;
	
	
}
.uk-navbar-nav > li.uk-active > a{
  background: #53b5de;
  color: #fff;

}
.uk-navbar-toggle{
  color: #fff;		
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background: #53b5de;
  color: #fff;	
}

.uk-navbar-nav > li > a{
  color: #fff;
	font-size:14px;	

}
.uk-navbar-nav > li: first-child{
	padding-left:0!important;
	padding-right:0!important;	
		background:rgb(55, 79, 83)!important;
}

.uk-navbar-nav > li > a: first-child{
	padding-left:0!important;
	padding-right:0!important;	
		background:rgb(55, 79, 83)!important;
}

.spring-logo-item{
		padding-left:0!important;
		padding-right:0!important;		
		/*height:45px!important;*/
		padding-bottom:-50px!important;
		z-index:1000!important;	
		position:relative;	
		background:rgb(55, 79, 83)!important;
	}
.spring-logo{
		-moz-transition: height 0.5s ease;
		-webkit-transition: height 0.5s ease;
		-o-transition: height 0.5s ease;
		transition: height 0.5s ease;
		height:90px;
		z-index:1000!important;	
		position:relative;
		background:rgb(55, 79, 83);
	}	

@media (max-width: 1380px){
	.spring-logo{
		height:45px;
	}	
}

@media (max-width: 1200px){
	.spring-header{
		height:70px!important;
	}
	.render-table{
		overflow:hide;
		overflow-x:scroll;
	}
	.render-table img{
		min-width:50px;
	}	
}

@media (max-width: 414px){
	.spring-login{
		padding:0 25px;
	}
}

#infoTextContainer {
    margin-top: 20px;
    min-height: 120px;
    padding: 20px;
    width: 75%;
	min-width:400px;
	max-width:800px;
    text-align: left;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
	
}

#infoImg {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.allsignups{
/*
	border-left: 3px solid whitesmoke;
	border-right: 3px solid whitesmoke;
	border-bottom: 3px solid whitesmoke;*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 25px 0 45px;
    padding: 15px;

}


#breadcrumbs{width:100%;height:80px;position:fixed;background:transparent;color:transparent;top:0;margin:0 -25px!important;padding-top:53px;text-align:center;font-weight:bold;}
@media (min-width: 1300px){	#breadcrumbs{ max-width: 1300px; } }
@media (max-width: 1299px){	#breadcrumbs{ max-width: 1130px; } }
@media (max-width: 1219px){	#breadcrumbs{ max-width: 930px; } }
@media (max-width: 1100px){	#breadcrumbs{ max-width: 930px; } }
@media (max-width: 1000px){	#breadcrumbs{ max-width: 900px; } }
@media (max-width: 900px){ #breadcrumbs{ max-width: 830px; } }


.person_signup{border:10px solid #0881ba;}
.kuenstler_signup{border:10px solid rgb(173, 193, 46);}
.workshop_signup{border:10px solid rgb(202, 215, 222);}
.mitarbeiter_signup{border:10px solid rgb(234, 189, 39); }
.referent_signup{border:10px solid rgb(82, 119, 125); }
.info_signup{border:10px solid rgb(240, 127, 60); }

.kuenstler_anmeldelink{font-size:10px;padding:1px;color:#0881ba;text-decoration:underline}
.info_anmeldelink{font-size:10px;padding:1px;color:#0881ba;text-decoration:underline}


.nav {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-tabs {
    border-bottom: 3px solid whitesmoke;
    padding: 0 15 15 15px;

}

.nav-tabs > li > a{
	font-size:16px;
	color: #ccc;	
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	color: #374f53!important;
	font-size:16px!important;
    background-color: #ffffff!important;
    border: 3px solid whitesmoke!important;
    border-bottom-color: #ffffff!important;
	font-weight:bold!important;
}


.nav-tabs > li > a:hover {
    border-color: transparent;
    border-bottom-color: transparent;
    background: transparent;
    color: #374f53;
	font-weight:bold;	
}

.nav-tabs > li {
    margin-bottom: -3px;
}

.uk-container{overflow:hidden;}

@media (min-width: 1370px){
	.uk-container{
		max-width: 1370px;
		padding: 0 35px;
	}
	.uk-navbar{
		max-width: 1300px;
		width:100%;
	}
	.tm-navbar{
		max-width: 1300px;
		width:100%;		
	}
	.uk-navbar-nav{
		max-width: 1300px;
		width:100%;		
	}
}


.status_{color:#222;}
.status_0{color:#222;}
.status_1{color:#f1f1f1;}
.icon-mail.status_1{color:orange;}
.status_2{color:rgb(255, 200, 0);}
.status_3{color:rgb(0, 197, 0);}
.status_4{color:rgb(255,0,0);}
.status_5{color:rgb(255,0,0);}
.status_55{color:rgb(0,200,255);}
.status_99{color:#ccc;}
.status_999{color:transparent;}

.status_span{cursor:pointer;margin-left:20px}
.status_span:hover{color:rgb(55, 79, 83);}
.status_permanent{color:#555;cursor:pointer}
.status_permanent:hover{}
.loaderSmall {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid rgb(82, 119, 125); /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 0.5s linear infinite;
    position: fixed;
    top: 40%;
    left: 50%;
}
.loaderSmallInside {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid rgb(82, 119, 125); /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 0.5s linear infinite;
	margin:0 auto;
}
.loaderExtraSmallInside {
    border: 2px solid #f3f3f3; /* Light grey */
    border-top: 2px solid rgb(82, 119, 125); /* Blue */
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 0.5s linear infinite;
	margin:0 auto;
}
.loaderBox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 2;
    cursor: pointer;
}
.loaderBoxInside{
    width: 100%;
    cursor: pointer;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1002;
    cursor: pointer;
}
#form-inner{ 
	width: 95%;
	height: 85%;
	margin: 2% auto 0;
	background:#fff;
	padding:15px;overflow-y:scroll;
}
#form-inner-small{ 
	width: 55%;
	height: 75%;
	margin: 5% auto 0;
	background:transparent;
	padding:0px;
	text-align:center;
	overflow-y:hidden;
}
#form-inner-small-white{ 
	width: 55%;
	height: auto;
	margin: 5% auto 0;
	background:#fff;
	padding:20px 10px 20px;
	text-align:center;
	overflow-y:hidden;
}
#form-inner-small-white-flexible{ 
	width: 55%;
	max-width:700px;
	height:auto;
	min-height:400px;
	margin: 5% auto 0;
	background:#fff;
	padding:20px 10px;
	text-align:center;
}

.renderForm{
	text-align:center;
	max-width:1000px
}

.renderForm table td{padding:0 0 10px 10px}
.renderFormButtons{text-align:center}
.renderFormButtons button{margin:0 0 10px 10px}

.funktionForm{width:100%;padding:10px;background:rgb(202, 215, 222);min-width:700px}

.form-inner-col{
	min-width:300px;
	margin:5px;
	padding:5px;
	display:inline-block;	
	vertical-align:top;
	max-width:900px
}

#search-bar{
	text-align:left;
}

#tool-bar{
	text-align:right;
}

.polaroid{
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}
.caption{
  text-align: center;
  padding: 10px 20px;
}

.widget_greeting{color:#444;}
.widget_section{width:18%;min-width:200px;display:inline-block;padding:20px;margin:10px;text-align:center;cursor:pointer;}
.widget_person{ background:rgb(154, 58, 35); }
.widget_kuenstler{ background:rgb(173, 193, 46); }
.widget_mitarbeiter{ background:rgb(234, 189, 39); }
.widget_workshop{ background:rgb(202, 215, 222); }



.springtip {
  position: relative;
  display: inline-block;
  cursor:pointer;
}

.springtipclean {
  cursor:pointer;
}

.springtip .springtiptext {
  cursor:pointer;
  visibility: hidden;
  min-width: 120px;
  max-width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px; 

  /* Position the springtip */
  position: absolute;
  z-index: 1;
}

.springtipclean .springtiptext {
  cursor:pointer;
  visibility: hidden;
  min-width: 120px;
  max-width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px; 

  /* Position the springtip */
  position: absolute;
  z-index: 1;
}

.springtip:hover .springtiptext {
  visibility: visible;
}

.springtipclean:hover .springtiptext {
  visibility: visible;
}

select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border-radius: 0;
    box-shadow: none;
    height: 42px;
    line-height: 18px;
    color: #444444;
    min-width:234px;
}

#modal{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    cursor: pointer;
	z-index:1002;
	background-color: rgba(0,0,0,0.9);
	color: #f1f1f1;
}
#modal div{
	width: 95%;
	max-width: 400px;	
	margin: 10% auto;
	padding:35px;
	overflow:hidden;
}

.orgamaster{width:100%;height:100%;min-height:1000px;overflow:scroll}

table.person_teilnahme{max-width:600px}
table.person_teilnahme td{
	vertical-align:top;
	padding:10px
}

table.person_teilnahme textarea{
	width:80%;height:75px;resize:none
}

table.person_teilnahme input[type="text"]{
	width:80%;
}

table.person_teilnahme input[type="number"]{
	width:80px!important;
	min-width:80px!important;	
}