/* Styles für Sidebar Elemente Ö*/



#sidebar {
	position: absolute;
	background-color: #FFFFFF;
	/*float: right;*/
	width: 210px;
	height: 800px;
	top: 52px;
	z-index: 89;
	/*background-image: url("../images/wg_carbon_fiber_patterns.png");*/
}

.trenner {
	background: #428bca; /* old browsers */
    	/*background: -moz-linear-gradient(top, #0096D6 0%, #79d6f4 100%); /* firefox */
    	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c5a), color-stop(100%,#79d6f4)); /* webkit */
    	
    	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c5a', endColorstr='#79d6f4',GradientType=0 ); /* ie */ 
    }
     /* corresponds to height of #footer */


#sidebar_switch_close {
	cursor: pointer;
	width: 200px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	font-size: 10px;

}

#sidebar_switch_open  {
	cursor: pointer;
	display:none;
	background: #428bca; /* old browsers */
    	/*background: -moz-linear-gradient(top, #0096D6 0%, #79d6f4 100%); /* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c5a), color-stop(100%,#79d6f4)); /* webkit */
    	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c5a', endColorstr='#79d6f4',GradientType=0 ); /* ie */ 
	float: right;
	width: 0px;
	height: 20px;
	padding-left: 1px;
	padding-top: 2px;
	top: -20px;



	/*background-image: url("../images/wg_carbon_fiber_patterns.png");*/
}


#kalender_bg {
	background-image: url("../images/calendar_bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100px auto;
	float: left;
	height: 100px;
	left: 55px;
	margin-left: 0;
	position: absolute;
	top: 20px;
	width: 100px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#wochentag {
	color: white;
	display: block;
    	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin-top: 10px;
	position: absolute;
	text-align: center;
	width: 100px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
#aktueller_tag {
	display: block;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
    	margin-top: 30px;
    	font-size: 34px;
    	vertical-align: middle;
    	text-align: center;
    	width: 100px;
    	height: 36px;
    	/*background-image: url(../images/aktueller_tag_rahmen.png);*/
    	background-repeat: no-repeat;
    	background-position: 60px 0px;
    	background-size: 75px 75px;
    	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#aktueller_monat {
	display: block;
	font-family: 'Lato', sans-serif;
    	font-size: 15px;
    	vertical-align: middle;
    	margin-top: 3px;
    	text-align: center;
    	width: 100px;
    	/*height: 75px;*/
    	/*background-image: url(../images/aktueller_tag_rahmen.png);*/
    	background-repeat: no-repeat;
    	background-position: 60px 0px;
    	background-size: 75px 75px;
    	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


#tag_weiter {
	font-size: 14px;
	margin-right: 15px;
	margin-top: 42px;
	cursor: pointer;
	float: right;
}

#tag_weiter img {
	width: 30px;
	height: 30px;
	border-radius: 6px;
}

#tag_zurueck {
	float: left;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 42px;
	cursor: pointer;
}

#tag_zurueck img {
	width: 30px;
	height: 30px;
	border-radius: 6px;
}

#sidebar_wochen_wahl {
	height: 0px;
	list-style-type: none !important;
}

.clearfix {

	clear: both;
}
.trennlinie {
	position: relative;
	top: 11px;
}
.trennlinie hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0; 
}

#next_termine, #notizen_headline, .komb_ausgabe_headline {
	display: block;
	font-family: 'Lato', sans-serif;
    	font-size: 11px;
    	vertical-align: middle;
    	margin-left: 5px;
    	margin-bottom: 5px;
    	margin-top: 10px;
}
#next_termine_block {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 200;
	border: 1px solid #cccccc;
    	border-radius: 0;
}
#next_termine_block_mini {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 200;
    	border-radius: 0;
}

#next_termine_tabelle {
	width: 100%;

}

#next_termine_tabelle tr {
   	height: 20px;

}

.center-table
{
  margin: 0 auto !important;
  float: none !important;
}



#notizblock {
	width: 100%;
/*	width: 100%;
	min-height: 20%;
	border-radius: 0px;
	border: 1px solid #cccccc;
	padding: 10px;
	margin: auto;
	margin-top: 0px;
*/	
}

#notizblock textarea {
	height: 70px;
	margin-bottom: 15px;
	max-height: 400px;
	width:96%;
}
textarea.form-control {
  margin:0px 0px;
  padding:5px;
  /*height:200px;*/
  line-height:16px;

  display:block;
  margin:0px auto;  
  background-color : #CCF2FF;  
}


/* Komb-Mode Anzeige */

.komb_ausgabe_zeile {
	font-family: "Lato",sans-serif;
   	font-size: 11px;

}
 .komb_ausgabe_box {
    	border: 1px solid #ccc;
    	border-radius: 4px;
    	padding: 5px;
    	margin: 4px;
    	
 }
#kombinieren_abbrechen_btn {

	margin-left: 4px;
}

#accordion_sidebar .panel-heading{
	font-size: 10px;



}
#accordion_sidebar .panel-body {
	padding: 5px;
}


.padding_10 {
	padding-left: 10px;
}

.datepicker,
.table-condensed {

}

.datepicker-inline {
    width: 210px !important;
}

.datepicker { 
  	width: 200px;
  	/*height:200px;*/
	font-family: 'Lato', sans-serif;
	font-size: 11px;
}

#kunden_kasse_box {
    /*height: 100px;*/ 
    position: absolute; 
    bottom:10px;
    width: 210px;
}
#kunden_btn {
/* 13.05.2020 JB: EINSTELLUNGEN ABGEÄNDERT, DA NUR NOCH DER KUNDENBUTTON ANGEZEIGT WIRD (TSE-RICHTLINIEN). SOLLTEN DOCH WIEDER BEIDE BUTTONS DARGESTELLT WERDEN, EINFACH WIEDER EINKOMMENTIEREN (TAUSCHEN) */
    /*
    width: 45%;
    left: 0px;
    float: left;
    margin-left: 5px;
    font-size: 16px;
*/


    width: 90%;
    font-size: 16px;


}
#kasse_btn {
    width: 45%;
    right: 0px;
    float: right;
    margin-right: 5px;
    font-size: 16px;
    display: none;
}