/*Geasmtplaner*/
.scheduler-wrapper{
	width:100%;
	margin-top:0.5%;
}
/*Obere Legende*/
.scheduler-legend{
	width:100%;
	height:50px;
	border-bottom: 3px solid white;
}
/*Oben links, kurzname vom Tag*/
.scheduler-legend-day-short{
	width:50px;
	height:50px;
	background-color:#751416;
	float:left;
	line-height: 50px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color:white;
	font-size: 16pt;
}
/*Zeitachse in der oberen Legende*/
.scheduler-legend-timeaxis{
	background-color:#b61f25;
	height:50px;
	margin-left:55px;
}
/*timeslots in der oberen legende*/
.scheduler-legend-timeslot{
	border-right: 1px solid white;
	height:100%;
	float:left;
}
/*Die beschriftungen der Timeslots*/
.scheduler-legend-timeslot > p{
	margin: 0;
	padding: 0px 5px;
	line-height: 25px;
	height:25px;
	font-weight: bold;
	color: white;
}
/*Startzeit des timeslots*/
.scheduler-legend-timeslot-start{
	text-align: left;
}
/*Endzeit des timeslots*/
.scheduler-legend-timeslot-end{
	text-align: right;
}
/*Wrapper für die Räume*/
.scheduler-room-wrapper{
	width:100%;
}

/*Wrapper für ne Raum zeile*/
.room-row-wrapper{
    height: 205px;
    border-bottom: 0px solid white;
}

/*Linke Seite eine Raumlegende*/
.scheduler-room-legend{
	width:50px;
	height:200px;
	background-color:#9d9c9c;
	float:left;
	position: relative;
	cursor:inherit;
}
/*Beschriftung des Raumes ind er LEgende*/
.scheduler-room-legend > span {
    color: white;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10%;
}
/*Wrapper für die Controllbuttons für den Raum*/
.scheduler-room-controller-wrapper{
	width:100%;
	position:absolute;
	bottom: 0;
	height:25px;
	border-top: 2px solid white;
	text-align: center;
	line-height: 25px;
}
/*Session hinzu buztton*/
.scheduler-room-session-add-btn{
	width:100%;
	position:absolute;
	bottom: 25px;
	height:25px;
	border-top: 2px solid white;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}
/*Raum edit button*/
.scheduler-room-controller-button-edit{
	width:50%;
	height:100%;
	border-right:1px solid white;
	float:left;
	color:#7FAF0E;
	cursor: pointer;
}
/*Raum löschen button*/
.scheduler-room-controller-button-remove{
	width:50%;
	height:100%;
	float: right;
	color:red;
	border-left: 1px solid white;
	cursor: pointer;
}
/*Trennzeile zwischen den räumen*/
.room-divider {
    width: 100%;
    height: 1px;
    background-color: white;
}
/*Session wrapper in ner raumzeile*/
.scheduler-sessions-wrapper {
    background-color: transparent;
    margin-left: 55px;
    height: 100%;
}
/*Session Zeile... Sinnig? */
.scheduler-session-row{
	height:200px;
	width: 100%;
	position: relative;
}
/*Zeitspalte im Raum*/
.session-time-column{
	border-right: 1px dotted black;
	height:200px;
	float: left;

}
/*Hier sind die Sessions Drinne*/
.session-content-row{
	width: 100%;
	height:100%;
	position: relative;
}
/*Ein Session element*/
.session-element{
	border-right: 1px solid #fff;
	height:200px;
	top:0px;
	background-color: rgba(0,0,0,0.7);
	position:absolute;


}

/*Session Info*/
.session-element-info-wrapper {
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 170px;
    top: 0px;
    background-color: transparent;
    border-right: 0px solid #fff;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.session-element-info-wrapper-active {
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 170px;
    top: 0px;
    background-color: #751416;
    border-right: 0px solid #fff;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.session-element-info-start {
    width: 33.3333%;
    float: left;
    line-height: 24px;
    color: white;
    font-weight: bold;
    font-size: 8pt;
    padding-left: 5px;
}
.session-element-info-number {
    width: 100%;
    line-height: 24px;
    color: white;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.session-element-info-name{
    width: 100%;
    /*float:right;*/
    line-height: 18px;
    color: white;
    font-weight: normal;
    font-size: 10pt;
    text-align: left;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 5px;
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.session-element-info-session-manager{
	width:100%;
	line-height:16px;
	color:white;
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
	padding-top:5px;
	padding-right: 0px;
	padding-left: 5px;
}

.session-element-info-end{
	width:33.3333%;
	float:right;
	line-height:24px;
	color:white;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
	padding-right: 5px;
}

.session-element-cart-wrapper {
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 29px;
    bottom: 0;
    background-color: #6c6b6b;
    border-right: 0px solid #fff;
}

.session-element-info-add-to-cart {
    width: 50%;
    float: left;
    line-height: 29px;
    color: #B61F25;
    font-weight: normal;
    font-size: 12pt;
    padding-left: 15%;
}
.session-element-info-remove-from-cart {
    width: 50%;
    float: right;
    line-height: 29px;
    color: #fff;
    font-weight: normal;
    font-size: 12pt;
    padding-left: 15%;
}

/*session crontoller*/
.session-controller-wrapper{
	position:absolute;
	width: 100%;
	border-top: 2px solid white;
	height:24px;
	bottom:0px;
	background-color: grey;
	border: 1px solid #fff;
}
.session-controller-edit{
	width: 50%;
	height:100%;
	line-height: 24px;
	text-align: center;
	color:green;
	border-right:2px solid white;
	cursor:pointer;
	float:left;
}
.session-controller-remove{
	width: 50%;
	height:100%;
	line-height: 24px;
	text-align: center;
	color:red;
	float:right;
	cursor:pointer;
}

.session-element-add-event-wrapper{
	position:absolute;
	bottom: 24px;
	width: 100%;
	height:25px;
	line-height: 25px;
	background-color: darkgrey;
	text-align: center;
	cursor: pointer;
	border: 1px solid #fff;

}
.session-element-content{
	position: absolute;
	top:24px;
	bottom:0px;
	width: 100%;
	border: 1px solid #fff;
	overflow: hidden;
}
.session-event-element{
	width: 100%;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	height:40px;
	background-color:#cf2320;
	position: relative;
	padding: 3px;
	border-bottom:1px solid white;
}
.event-controller-wrapper{
	position: absolute;
	top:0;
	right:1px;
	width: 25px;
	height: 100%;
	border-left:2px solid white;

}
.event-edit-btn{
	position: absolute;
	top: 0;
	height: 20px;
	width: 23px;
	border-bottom: 1px solid white;
	cursor: pointer;
	text-align: center;
	color: black;
	font-size: 9pt;
	line-height: 20px;

}
.event-remove-btn{
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 23px;
	border-top: 1px solid white;
	cursor: pointer;
	text-align: center;
	color:red;
	font-size: 9pt;
	line-height: 20px;

}
.session-event-duration-indicator-wrapper{
	position:absolute;
	bottom: 0;
	right :26px;
	left:0px;
	height:4px;

}
.session-event-duration-indicator{
	height: 100%;
	background-color: red;
}
.event-clipboard{
	width: 100%;
	min-height: 50px;
	padding: 5px;
	border: 2px solid #7FAF0E;
	overflow: hidden;
}
.event-clipboard-element{
	margin:5px;
	height:40px;
	width: 150px;
	background-color:#2e2e30;
	line-height: 40px;
	color: white;
	text-align: center;
	float:left;
	font-size: 10pt;
	border-radius: 4px;
}

.event-paper-clipboard{
	width: 100%;
	min-height: 50px;
	padding: 5px;
	border: 2px solid #7FAF0E;
	overflow: hidden;
}
.event-clipboard-paper-element {
    margin: 5px;
    height: 40px;
    width: 150px;
    background-color: #2e2e30;
    line-height: 40px;
    color: white;
    text-align: center;
    float: left;
    font-size: 10pt;
    border-radius: 4px;
}