*{
	margin:0;
	padding:0;
	outline:none;
	box-sizing:border-box;
	font-family:'Manrope',sans-serif;
}
html,body{
	
}
body{
	overflow-y:scroll;
	padding-top:50px;
	padding-bottom:20px;
	background:#e0e0e0;
}
ul{
	list-style:none;
}
label{
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;
	color:#555;
}
header{
	position:fixed;
	top:0px;
	width:100%;
	z-index:9;
	padding:0px 20px;
	background:#fff;
	border-bottom:1px solid #ccc;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:50px;
}
#hamburger-menu{
	position:fixed;
	top:2px;
	right:5px;
	height:50px;
	width:50px;
	background:none;
	border:none;
	display:none;
}
.title{
	font-size:18px;
	text-transform:uppercase;
	color:#555;
	text-align:center;
	padding:20px 20px;
}
.page-title{
	position:fixed;
	z-index:9;
	top:0;
	left:0;
	margin-left:140px;
	font-size:14px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-transform:uppercase;
	color:#555;
}
#menu{
	height:100%;
}
#main-menu{
	display:flex;
	height:100%;
}
#main-menu a{
	padding:0px 10px;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	text-decoration:none;
	color:#555;
	font-weight:800;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:-0.5px;
}
#main-menu a:hover{
	background:rgba(0,0,0,0.1);
}
#main-menu a span{
	margin-right:5px;
	font-size:20px;
}
#logo img{
	height:30px;
	margin-top:5px;
}
table{
	border-collapse:collapse;
	width:100%;
}
thead{
	font-weight:700;
}
thead tr{
	background:#999 !important;
	color:#fff;
}
tr{
	border-bottom:1px solid #e0e0e0;
}
tr.highlight td{
	background:#fefde6;
	font-weight:700;
}
tr.empty td{
	background:#feeded;
}
tr.inactive td{
	color:#be706b;
	background:#feeded;
	text-decoration:line-through;
}
.icon-off{
	color:#c65252;
}
.icon-on{
	color:#3da03d;
}
.disabled{
	opacity:0.2;
}
tr:nth-child(odd){
	background:#f0f0f0;
}
tr:nth-child(even){
	background:#fafafa;
}
td{
	padding:5px 10px;
	font-size:12px;
}
table a{
	color:#555;
}
.table-button{
	max-width:50px;
	width:50px;
}
.ci{
	color:#fff;
	font-weight:900;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	font-size:14px;
}
.ci-er{
	border:1px solid #555;
	width:29px;
	height:29px;
	background:#fff;
	color:#555;
}
.ci-l{
	background:#048d1f;
}
.ci-10{
	background:#0280d8;
}
.ci-12{
	background:#fbd01c;
}
.ci-14{
	background:#f18711;
}
.ci-16{
	background:#d1000c;
}
.ci-18{
	background:#000000;
}
#plan,#tvshow,#title,#users,#university,#slot{
	width:100%;
	padding:20px;
	max-width:1200px;
	margin:0 auto;
}
#plan{
	padding-top:0px;
}
#university{
	max-width:680px;
}
#slot{
	max-width:500px;
}
#users{
	max-width:680px;
}
#toolbar,#toolbar-day{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:10px 20px 10px 20px;
	margin:10px auto;
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:center;
	background:#f4f4f4;
	border-radius:20px;
}
#toolbar-day{
	padding:0px 0px 0px 0px;
	margin:0px auto;
	background:none;
}
.toolbar-center{
	display:flex;
	justify-content:center;
}
#toolbar h1{
	text-align:center;
	text-transform:uppercase;
	color:#555;
	font-size:24px;
	display:flex;
	align-items:center;
}
#main-toolbar{
	width:100%;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:5px 0px;
	background:#fff;
	border-bottom:1px solid #ccc;
}
#toolbar-buttons{
	align-self:flex-end;
	display:flex;
	gap:10px;
}



#toolbar input{
	flex:1;
	padding:0px 10px;
	height:38px;
	min-height:38px;
	border-radius:4px;
	border:1px solid #888;
	font-weight:700;
}
#toolbar input::placeholder{
	font-weight:400;
}
#toolbar .search{
	height:38px;
	width:38px;
	border-radius:4px;
	border:1px solid #888;
	display:flex;
	align-items:center;
	justify-content:center;
}

#toolbar-buttons a{
	border:none;
	color:#555;
	padding:8px 20px;
	border-radius:20px;
	text-decoration:none;
	display:flex;
	align-items:center;
	white-space:nowrap;
	justify-content:center;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}
#toolbar-buttons a span{
	margin-right:5px;
	font-size:20px;
}
#toolbar-buttons a:hover{
	background:rgba(0,0,0,0.1);
}

.form .center button{
	background:#fff;
	border:none;
	color:#555;
	padding:12px 24px;
	border-radius:20px;
	text-decoration:none;
	display:flex;
	align-items:center;
	white-space:nowrap;
	justify-content:center;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
}
.form .center button span{
	margin-right:5px;
}


#date-selection{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px 20px 0px 20px;
	width:100%;
}
#date-selection a{
	color:#555;
}
#date-selection a span{
	font-size:48px;
}
#datepicker{
	font-size:18px;
	color:#555;
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
	border-radius:20px;
	padding:10px 30px;
	width:400px;
	text-align:center;
}
.qs-datepicker-container{
	transform:translateX(-72px);
}
.form{
	width:100%;
	max-width:500px;
	margin:0 auto;
}
.form ul{

}
.form ul li{

}
.form ul li ul{
	display:flex;
	gap:10px;
}
.form ul li ul li{
	flex:1;
}
.form input,.form textarea,.form select{
	width:100%;
	border:1px solid #999;
	border-radius:6px;
	padding:10px 20px;
	resize:none;
}
.form .center{
	display:flex;
	justify-content:center;
	padding:30px 0px 0px 0px;
	gap:20px;
}
.form .center input{
	width:auto;
	padding:10px 20px;
}
#tvshow-form #description{
	height:180px;
}
#filter{
	display:flex;
	gap:20px;
	width:100%;
}
.action-button{
	padding-top:30px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.action-button input{
	width:auto;
}

#login{
	margin:0 auto;
	width:100%;
	max-width:400px;
	padding:30px;
	margin-top:100px;
}
#main-title{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#555;
	font-size:24px;
}
#login img{
	display:block;
	width:65%;
	margin:0 auto;
}
#login form{
	padding:20px 0px;
}
#login ul{
	display:flex;
	flex-direction:column;
}
#login li{
	display:flex;
	flex-direction:column;
	margin:5px 0px;
}
#login label{
	text-align:center;
}
#login .center{
	margin-top:50px;
}
.session-title{
	text-align:center;
	text-transform:uppercase;
	color:#555;
	font-size:24px;
	padding:30px 0px 30px 0px;
}

#report{
	width:100%;
	max-width:800px;
	margin:20px auto;
	font-size:12px;
	background:#fff;
	padding:20px;
}
#report .report-university{
	
}
#report h1{
	margin-bottom:20px;
	text-align:center;
}
#report h2{
	margin-bottom:10px;
}
#report h4{
	padding-left:10px;
	padding-bottom:10px;
}
#report .report-tvshow{
	margin-left:20px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}
#report .report-tvshow > li{
	margin-bottom:30px;
}
#report .report-title{
	margin-left:20px;
}
#report .report-title > li{
	margin-bottom:30px;
}
#report .report-air{
	margin-left:20px;
	font-size:12px;
}
#report .report-air li span{
	font-family:'Inconsolata',monospace !important;
}
#report .report-air li:nth-child(1){
	font-weight:700;
}
.warning{
	font-size:14px;
	text-align:center;
	width:100%;
	max-width:400px;
	margin:40px auto;
}
.current{
	display:block;
	overflow-x:hidden;
}
.nice-select .option{
	white-space:normal;
	line-height:20px;
	padding:10px 20px;
}
.nice-select-dropdown{
	overflow-x:hidden;
}
#report-date-group{
	display:flex;
	gap:20px;
}


/*
#plan table tr td:nth-child(1){
	min-width:60px;
	max-width:60px;
	width:60px;
	text-align:right;
}
#plan table tr td:nth-child(2){
	min-width:100px;
	width:100px;
	max-width:100px;
}
#plan table tr td:nth-child(5){
	max-width:150px;
}
*/


#schedule-form,#tvshow-form,#university-form,#slot-form,#user-form{
	padding-top:50px;
}

.toolbar-title #tvshow{
	flex:1;
}
#synopsis{
	height:140px;
}
.unavailable{
	
}


@media (max-width: 985px){
	header{
		padding:10px 0px 10px 10px;
	}
	.page-title{
		margin-left:0px;
		width:100%;
		z-index:9;
		font-size:10px;
	}
	#content{
		padding:0px 10px;
	}
	#logo img{
		height:20px;
	}
	#hamburger-menu{
		display:block;
		z-index:11;
	}
	#menu{
		position:fixed;
		right:10px;
		top:49px;
		height:auto;
		background:#fff;
		display:none;
		z-index:10;
		border:1px solid #ccc;
	}
	#menu.show{
		display:block;
	}	
	#main-menu{
		display:flex;
		flex-direction:column;
		height:auto;
	}
	#main-menu li{
		width:100%;
	}
	#main-menu a{
		padding:10px 100px 10px 20px;
		justify-content:flex-start;
	}
	#datepicker{
		font-size:12px;
	}
	#date-selection a span{
		font-size:24px;
	}
	#day-prevweek,#day-nextweek{
		display:none;
	}
	#plan,#tvshow,#title,#university,#slot,#users{
		padding:0px;
	}
	table{
		max-width:100%;
	}
	table td{
		padding:10px 4px;
		font-size:10px;
	}
	.table-button{
		max-width:30px;
		width:30px;
	}
	#university table tr td:nth-child(3),
	#university table tr td:nth-child(5){
		display:none;
	}
	#plan table tr td:nth-child(6),
	#plan table tr td:nth-child(8){
		display:none;
	}
	table tr {
		position:relative;
	}
	#plan table tr td:nth-child(7),
	#tvshow table tr td:nth-child(4),
	#title table tr td:nth-child(7),
	#university table tr td:nth-child(4),
	#users table tr td:nth-child(5){
		max-width:0px;
	}
	#plan table tr td:nth-child(7) a,
	#tvshow table tr td:nth-child(4) a,
	#title table tr td:nth-child(7) a,
	#university table tr td:nth-child(4) a,
	#users table tr td:nth-child(5) a{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#tvshow table tr td:nth-child(4) a span,
	#title table tr td:nth-child(7) a span,
	#university table tr td:nth-child(4) a span,
	#users table tr td:nth-child(5) a span{
		display:none;
	}
	#toolbar{
		width:95%;
	}
	#search-terms{
		display:none;
	}
	.toolbar-title #filter{
		flex-direction:column;
		gap:5px;
	}
	#tvshow table tr td:nth-child(3),
	#tvshow table tr td:nth-child(5){
		display:none;
	}
	#title table tr td:nth-child(4),
	#title table tr td:nth-child(5),
	#title table tr td:nth-child(6),
	#title table tr td:nth-child(8){
		display:none;
	}
	#users table tr td:nth-child(4),
	#users table tr td:nth-child(6){
		display:none;
	}
	.toolbar-report #filter{
		flex-direction:column;
		gap:4px;
	}
	#report-date-group{
		display:flex;
		gap:5px;
	}
	#login{
		margin-top:100px;
	}
	#plan table tr td:nth-child(7) a span{
		font-size:12px;
		position:absolute;
		right:4px;
		top:4px;
	}

}
@media (max-width: 640px){
	#plan table tr td:nth-child(5),
	#plan table tr td:nth-child(6),
	#plan table tr td:nth-child(8){
		display:none;
	}
}


@media print{
	header{
		display:none;
	}
	.page-title{
		font-size:18px;
		color:#000;
		position:absolute;
	}
	#toolbar{
		display:none;
	}
	td{
		padding:5px;
		font-size:10px;
	}
	#toolbar h1{
		display:block;
		width:100%;
		font-size:18px;
	}
	#hamburger-menu{
		display:none;
	}
	.noprint{
		display:none !important;
	}
	@page{
		size:portrait;
	}
	tr.highlight td{
		font-weight:400 !important;
	}
	#plan table tr td:nth-child(5){
		display:block;
	}
}