racalmas/website/agenda/planung/css/calendar.css

body #content{
	padding:0;
}

button:hover{
    cursor:pointer;
}

@media print{
	#calcms_admin_menu{
		display:none;
	}
	#toolbar{
		display:none;
	}
	tr,td,div.event,div.schedule,div.work,div.play{
	    border:1pt solid black;
	}
	#content{
	    top:0;
	}
}

#content #calendar_weekdays,
#content #calendar_weekdays table,
#content #calendar{
	position:absolute;
	padding:0;
	left:0;
}

#content #calendar_weekdays{
	font-size:12px;
}

@media screen{
	#content #calendar{
		overflow-x:hidden;
		overflow-y:scroll;		
	}
}

#calendar_weekdays table,
#calendar table{
	table-layout:fixed;
}

#calendar_weekdays table td,
#calendar table td{
	vertical-align:top;
	padding:0;
	min-width:100px;
}

#calendar_weekdays table td{
    white-space:normal;
}

#calendar_weekdays table td:nth-child(1),
#calendar table td:nth-child(1){
	min-width:80px !important;
}

#calendar table td{
	word-wrap:break-word;
	hyphens:auto;
}

#calendar div.text{
    padding-right:0;
}
@media (min-width: 720em) {
    #calendar div.text{
        padding-right:16px;
    }
}

#event_list tr{
    border-bottom:1px solid #999;
}

#calendar div.schedule div.text,
#calendar div.event div.text{
    positions:absolute;
    top:0;
    left:0;
    padding-left:0;
    padding-top:0;
    padding-bottom:0;
}

#calendar div.event div.icons{
    position:absolute;
    top:0px;
    right:0px;
    margin:0;
    width:16px;
    font-size:16px;
    opacity:0.8;
    line-height:1.5;
}

#calendar div.time.now {
    padding:0;
    margin:0;
	border:2px dashed #99f;
    width:100%;
    height:0px;
    z-index:0;
}

#calendar_weekdays div.date,
#calendar div.time {
	text-align:center;
	vertical-align:middle;
    z-index:5;
}

#calendar_weekdays div.date.today {
    background:#ccf;
}

#calendar div.grid{
	overflow:hidden;
	position:absolute;
	background:white;
}

#calendar_weekdays td.week,
#calendar td.week{
    padding:0;
    width:0px;
    min-width:0px;
    max-width:0px;
}

#calendar_weekdays td.week div,
#calendar td.week div{
    padding:0;
    min-width:1px;
    height:100%;
    background:#666;
    background-image:url(../image/chess.gif);
}

#calendar td.week div{
    height:180em;
}


#calendar div.time,
#calendar_weekdays div.date,
#calendar div.event,
#calendar div.schedule,
#calendar div.work,
#calendar div.play{
	overflow:hidden;
	font-size:12px;
	border-right:0;
	position:absolute;
	margin-left:0px;
	border:0;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
}

#calendar div.time,
#calendar_weekdays div.date{
    border:0;
}

#calendar div.time,
#calendar_weekdays div.time{
	border-top:1px solid #666;
}

/* calendar list*/


#content div.event{
    z-index:5;
}

#content div.schedule{
	font-weight:normal;
	z-index:4;
}

#content .scheduled{
	color:#000;
	font-weight:normal;
	z-index:4;
}

#content div.work{
	font-weight:normal;
	z-index:3;
}

#content div.play{
	font-weight:normal;
    z-index:1;
}

#content div.grid{
    z-index:1;
    margin-left:0px;
    background:white;
}

#event_list tr th:hover{
    cursor:pointer;
}

#event_list tr th,
#event_list tr td,
#event_list .tablesorter-header-inner{
    padding:6px;
    padding-left:6px;
    padding-right:0px;
}
input.tablesorter-filter{
    width:4em;
}

#event_list tr td.day_of_year{
    white-space: nowrap;
}
#event_list td:nth-child(1),
#event_list th:nth-child(1),
#event_list td:nth-child(1) .tablesorter-filter{
    white-space: nowrap;
    padding:0;
    width:3em;
    text-align:center;
}

#event_list tr td.weekday{
    white-space: nowrap;
}
#event_list td:nth-child(2),
#event_list th:nth-child(2),
#event_list td:nth-child(2) .tablesorter-filter{
    white-space: nowrap;
    padding:0;
    width:2em;
    text-align:right;
}


#event_list tr td.start_date{
    white-space: nowrap;
    font-family:monospace;
}
#event_list tr .start_date{
    text-align:left;
}

#event_list tr td.start_time{
    white-space: nowrap;
}
#event_list tr td.series_name{
}
#event_list tr td.title{
    max-width:20em;
}
#event_list tr td.user_title{
}

#event_list tr td.episode{
    white-space: nowrap;
}
#event_list td:nth-child(7),
#event_list th:nth-child(7),
#event_list td:nth-child(7) .tablesorter-filter{
    white-space: nowrap;
    padding:0;
    width:2em;
    text-align:right;
}

#event_list tr td.rerun{
    white-space: nowrap;
}
#event_list tr .rerun{
    width:1em;
    text-align:center;
}

#event_list tr th.draft,
#event_list tr td.draft{
    background:none;
}

#event_list tr th{
    border-right:1px solid #ccc;
}

#event_list td:nth-child(9),
#event_list th:nth-child(9),
#event_list td:nth-child(9) .tablesorter-filter{
    white-space: nowrap;
    padding:0;
    width:1em;
    text-align:center;
}

#event_list td:nth-child(10),
#event_list th:nth-child(10),
#event_list td:nth-child(10) .tablesorter-filter{
    padding:0;
    width:1em;
    text-align:center;
}

#event_list tr:hover{
    border-left:1px solid #333;
    border-right:1px solid #333;
    cursor:pointer;
}

/* calendar colors */

#content div.event.no_series{
	color:#000;
}

#content.conflicts .schedule.error{
	color:#000;
}

#content.conflicts .error{
	color:#000;
}

/* color end*/

#content .weak{
    font-weight:300;
}

#content .schedule,
#content .event{
	cursor:pointer;
}

#content #calendar_weekdays td:nth-child(1) div.date a{
	font-size:1.7em;
}

#content #position{
	word-wrap:break-word;
    word-break:normal;
    text-align:center;
}

div#toolbar{
    z-index:999;
    padding:0;
	width:100%;
    background:#ddd;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
	vertical-align:middle;
	z-index:99;
}

div#toolbar div{
    display:table-cell;
    vertical-align:middle;
}

div#toolbar select{
    padding:8px;
    margin-left:6px;
}

div#toolbar input.search{
    padding:9px;
}

#content #toolbar div{
    padding:0;
    padding-left:6px;
}

#content #toolbar div:hover,
#content #toolbar select:hover,
#content #toolbar input:hover{
    background:#ccc;
    padding-top:6px;
    padding-bottom:6px;
}

#content #toolbar div#selectDate:hover{
    padding-top:0;
    padding-bottom:0;
}

#content #toolbar div#current_date{
    cursor:pointer;
    font-size:1.5em;
    width:5em;
    text-align:center;
    padding:5px;
}

#content #toolbar div#previous_month,
#content #toolbar div#next_month{
    cursor:pointer;
    font-size:1.7em;
    padding:6px;
}

#content #toolbar input#start_date{
    display:none;
}

#series td{
    padding:6px;
}

#calendar div {
    transition: all 0.1s;
    transition-delay: 0s;
}

#calendar td div.play:hover {
    min-height: 180px!important;
    min-width: 420px!important;
    z-index:99;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
	border-radius:3px;
}

#calendar td div.play:hover img{
    display:show;
}

#calendar td div.play img{
    position:absolute;
    top:1em;
    right:1em;
    width:40%;
    height:40%;
    display:none;
}

#calendar td div.play img:hover{
    cursor:pointer;
}

#calendar div.ui-draggable-dragging{
    z-index:99;
    cursor:move;
}

#calendar div.intersect{
    background:#fcc;
}

#calendar div.event.error,
#calendar div.event.schedule{
/*    width:50%; */
}

#calendar div.event.error.x2,
#calendar div.event.schedule.x2{
    /*
    margin-left:50%;
    */
}

div.rms_detail{
    width:100%
}

div.rms_detail div.image{
    width:100%;
    float:right;
}
div.rms_detail div.image img{
    
}

div.rms_detail div.text{
    width:100%;
    text-align:left;
    float:left;
    font-size:0.8rem;
}

div.event .ok,
div.play .ok{
    display:inline;
    background:#4caf50;
}

div.event .warn,
div.play .warn{
    display:inline;
    background:#ffeb3b;
}

div.event .error,
div.play .error{
    display:inline;
    background:#f44336;
}