/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben 
2. Namenskombinationen:
	- mit Unterstrich (z.B. "wizard_navi")
*/
/*****************************************************************************/
/*                            HTML-Raumplan                                  */
/*****************************************************************************/

/* Zweck: Layout resultIteratorSchedulePlan*/
.resultIteratorSchedulePlan{
	display: inline-block;
}

.currentScheduleEvent {
	background-color:var(--backgroundColor9) !important;	
}

.scheduleContainer	{
	width:98.9%;
}
	
.planFrame {
	position: relative;
	margin-top: 3.5em;
	background-color: var(--backgroundColor2);
}

@media screen and (max-width: 1024px){ 		
	 .planFrame{
		max-width:85% !important; 
		font-size:90% !important;
	}
}

@media screen and (max-width: 768px){ 	
 .planFrame{
		min-width:1200px;
	}
}	
	
.plan,.timeline {
	list-style-type: "";
	background-color: var(--backgroundColor2);
}

@media screen and (max-width: 768px){	
	 .timelineItem{
		min-width:40px;
	}
}

.scheduleContainer .uiText .submit_image {
	margin-left:0;
}

.singleblock {
	position: absolute;
	text-align: left;
	margin: 0;
	border:var(--basicButtonBorder);
	overflow: hidden;
	/*min-height: 46px;*/
	font-size: var(--fontSize6);
	line-height:1.3em;
	padding:0.1em;
	/* -webkit-transition: all 0.1s ease;
	transition: all 0.1s ease; */
	font-family: var(--font) !important;
}

/** vorgemerkte Veranstaltungen */
.stundenplanVormerkung {
	opacity:0.9;
}

/** ausfallende Termine */
.scheduleCancelled {
	border: 3px dotted var(--backgroundColor6);
}

.scheduleCancelled .schedulePanel .scheduleItemInnerContent {
	text-decoration: line-through;
	color: var(--backgroundColor41);
}

.singleblock .overlayHeading .showHelp .box_title h2{
	line-height:1.7em;
}

.singleblockDetailView {
	overflow: visible;
	z-index:10;
	height:auto !important;
	min-height:inherit;
	margin-left:-1em;
	margin-bottom:1em;
	margin-top:-1em;
 	padding:1.1em; 
 	width:110% !important;
 	min-width:30em;
 	max-width: 60%;
	-webkit-box-shadow: 3px 3px 15px var(--highlightShadowColor);
  	-moz-box-shadow : 3px 3px 15px var(--highlightShadowColor);
 	-o-box-shadow : 3px 3px 15px var(--highlightShadowColor);
  	box-shadow : 3px 3px 15px var(--highlightShadowColor);	
}

.singleblockDetailView .schedulePanel {
	width: 80%;
}

.scheduleRoomUnavailable {
	position: absolute;
	text-align: left;
	margin: 1px 0;
	overflow: auto;
	font-size: var(--fontSize6); 
	background-image: url('/HISinOne/images/icons/background_crisscross.gif');	
	background-size:auto;
	background-color: var(--backgroundColor3) !important;
}

.legendEntryRoomUnavailable {
	background-color:var(--backgroundColor3) !important;
	background-image: url('/HISinOne/images/icons/background_crisscross.gif');	
	background-size:auto;
}

.image_small{
	width:1.1em;	
	padding: 0 0;
	margin-right:3px;
}

.todayblock {
	position: absolute;
	margin: -1px;
	background-color: var(--backgroundColor41);
	opacity: 0.2;
	width: 100%; 
	left: 0;
	height: 5px;
}

.emptyCell {
	position: absolute;
	text-align: left;
	border-color: var(--basicButtonBorderColor);
	border-width: 1px;
	overflow: hidden;	
	font-family: var(--font) !important;
	font-size: var(--fontSize5);
	font-family: var(--font) !important;
}

.div_emptyCell {
	padding-left: 2em;
	padding-top: 0.5em;
}

li.times {
	width: 100%;
	left: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	overflow: auto;
	margin-top: -1px;
	border-bottom:1px solid var(--backgroundColor3) !important;	
	font-family: var(--font) !important;
	font-size: var(--fontSize5);
	font-family: var(--font) !important;
}

div.times {
	position: absolute;
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
	border: 0;
	font-family: var(--font) !important;
	background-color: var(--backgroundColor3) !important;
}

.column {
	height: 100%;
	top: 0;
	position: absolute;
	text-align: center;
	line-height: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-color: var(--basicButtonBorderColor);
	font-family: var(--font) !important;
}

.colhead {
	font-size: 85%;
	position: relative;
	margin: 0;
	padding-bottom: 1px;
	height: 3.1em;
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: var(--basicButtonBorderColor);
	padding-top: 3px;
	top: -3.1em;
	background-color: var(--backgroundColor3) !important;
}

@media screen and (max-width: 1024px){			
	 .colhead{
		padding-top: 5px;
	}
}

li.timeline {
	left: 0;
	top: 0;
	background-color: var(--backgroundColor2);
	height: 100%;
	position: absolute;
	border: var(--border2);
}

div.timelineItem {
	position: absolute;
	top: 0;
	bottom:0;
	border-right: var(--basicButtonBorder);
	border-top: var(--basicButtonBorder);
	font-size:80%;
	background-color: var(--backgroundColor3) !important;
}

.hour {
	font-weight: bold;
	padding-left: 2px;
	font-size: var(--fontSize2);
}

.minutes {
	vertical-align: top;
	text-decoration: underline;
}

.lines {
	position: absolute;
	border-bottom: 1px dashed var(--basicButtonBorderColor);
}

.columnlines {
	position: absolute;
	border-left: 1px dashed var(--basicButtonBorderColor);
	height: 160mm;
	width: 1mm;
}

.raster {
	position: absolute;
	text-align: right;
	margin-top: -1px;
	border-top: 1px;
	border-top-color: var(--backgroundColor2);
	border-top-style: dashed;
}

.textblock {
	display: block;
}

.textblock-bold {
	font-weight: bold;
	display:inline;
}

.textblock-italic {
	display: block;
	font-style: italic;
}

.additionalPlanInfo {
	top: 0;
	right: 0;
	float: right;
	margin-left:5px;
    border: var(--border1);
}

.additionalPlanInfoList {
	display:inline-block;
    border: var(--border1);
}

.schedulePanel{
	float:left;	
	/* width:80%; */
	width: auto;
	overflow:hidden;
}

.singleblock a{
text-decoration:underline !important;
text-decoration:underline dotted  !important;
white-space:nowrap;
display:inline;
	}

.scheduleButtons .leftContainer,
.scheduleButtons .centerContainer,
.scheduleButtons .rightContainer {
	display: inline-block;
}

.scheduleButtons .spacer {
	display: none;
}

@media screen and (max-width: 1024px){ 	
	 .sbPortletOverflow.singleblock:hover{
		left: -200% !important;
	}
	
	 .sbOverflow.singleblock:hover{
		left: -50% !important;
	}
	
	 .schedulePanel .linkTableTree{
		white-space: nowrap;
	}
}	

.roomconflict {
	background-color: var(--backgroundColor22) !important;
	background-image: url('/HISinOne/images/icons/background_crisscross.gif');
	background-size:auto;
	position: absolute;
	text-align: left;
	margin: 0;
	border:var(--basicButtonBorder);
	overflow: hidden;
	min-height: 46px;
	font-size: var(--fontSize6);
	line-height:1.3em;
	padding:0.1em;
}

.personconflict {
	background-color:var(--backgroundColor23) !important;
	background-image: url('/HISinOne/images/icons/background_crisscross_mirror.gif');	
	background-size:auto;
	position: absolute;
	text-align: left;
	margin: 0;
	border:var(--basicButtonBorder);
	overflow: hidden;
	min-height: 46px;
	font-size: var(--fontSize6);
	line-height:1.3em;
	padding:0.1em;
}

/* Korrigiert Room- und Personconflict einträge in der legend */
.legendEntryBox.personconflict, .legendEntryBox.roomconflict{
	position: unset;
	min-height: 1px;
}

.roomrequest {
	background-color: var(--backgroundColor22) !important;
	background-image: url('/HISinOne/images/icons/background_crisscross.gif');	
	background-size:auto;
}


.scheduleTimes{
    font-weight:bold;
    color: var(--accentFontColor);
    }

.schedule_period {
	vertical-align: middle;
}

/*Link Header Plan*/
.planFrame a.submit_image_text span{
	text-decoration:none;
}

.planFrame a.submit_image_text{
	text-decoration: none;
	margin-top:5px;
	line-height:1em;
	background-color: var(--backgroundColor3) !important;
}

@media screen and (max-width: 768px) {
  .planFrame a.submit_image_text {
    margin-top:-5px;
  }
}

.planFrame .listNoStyle a.submit_image_text{
	display:block;
}

/* Trennung Listenelemente in Stundenplan - Listenansicht + Mobile*/

.schedulePanelList .linkTableTree{
	margin-top:5px;
}

.schedulePanelList{
	border-top: 4px solid #8a8888;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:5px;
}

.terminStyleClass{
	margin-top:0;
	margin-bottom:0;
	clear:left;
}

li.terminStyleClass:nth-child(odd) {
    background-color:var(--backgroundColor4);
}

.planFrame .listNoStyle ul.plan{
	padding-left:32px;
}

body .planFrame {
    min-width: auto;
   	max-width: 100% !important;
}

.scheduleButtons .group{
	display:inline-block;
}

@media screen and (max-width: 768px){
     .listNoStyleLevel1{
	padding-left:1px;
	}
     .listNoStyleLevel2{
	padding-left:15px;
	}
     .scheduleButtons .next,
     .scheduleButtons .previous{
	margin-top:28px;
	}
     .scheduleButtons{
	width: 100%;
	text-align: center;
	}
	 .centerContainer input{
	width: 150px;
	text-align: center;
	display:block;
	font-size:var(--fontSize3);
	}
	 .scheduleButtons .oneDayPaging .submit_image{	
    font-size:180%;
    padding:1px;
	}	
	 .scheduleButtons .centerContainer{
	margin-top:5px;
	margin-right:2px;
	margin-left:2px;
	}	
	 .scheduleButtons .oneWeekPaging .submit_image{	
    padding:1px;
    font-size:180%;
	}
	 .planFrameMobile {
	margin-top: 2em;
	background-color: var(--backgroundColor2);
	}	
	 .plan{
	margin-left:0;
	padding-left:0;
	}
    .textMarkerGrey{
   	padding:6px;
   }	
    .scheduleButtons .topLabel{
		display:block;
	}
	
	.scheduleButtons > a   {
		margin-left: -65px;
	}
	
	.colhead {
		height: 7.1em;
		margin-top: -15px
	}
	
	.planFrame {
		margin-top: 5.5em;
	}
	
	.planFrame a.submit_image_text {
		line-height: 1.5em;
	}
	
	.planFrame a.submit_image_text span {
		line-height: 1em;
	}
	
	li.timeline {
		margin-top: 29px
	}
}