/*CALENDAR*/
#calendar.boxed{
	display:inline-block;
	text-align:left;
	font-size:12px;
	margin:0 auto;
}
#calendar div.header{
	background:#ddb;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#calendar.inline div.duties{
	text-align:left;
	padding:5px;
}
#calendar div.day{
	text-align:left;
	border:1px solid #aaa;
	border-radius:10px;
	margin:4px;
	position:relative;
}
#calendar.boxed div.day{
	vertical-align:middle;
	display:inline-block;
	border:1px solid #aaa;
	padding:0;
	margin:0;
}
#calendar.boxed div.day{margin:0 auto;}
#calendar div.passed{
	background:#dfdfe5;
}
#calendar div.fill_day{
	display:inline-block;
	padding:1px;
	height:0px!important;
}
#calendar.inline>div{
	width:96%;
}
#calendar div.weeknumber{
	display:inline-block;
	width:16px;
	color:#445522;
}
#calendar div.header div.day_nr{
	border:1px solid #bbb;
	width:21px;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background:#eec;
	font-weight:bold;
	color:#443;
	margin:0px 4px 0px 0px;
}
#calendar div.day.today{border-color:#fc0;background:#fff2c0;}
#calendar div.day.today div.header div.day_nr{background:#ffc800;}
#calendar div.day div.header div.day_nr,
#calendar div.day div.header div.weekday{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	color:#554;
}

#calendar div.duties{
  overflow: hidden;
  margin: 4px 0;
}

#calendar div.duties div.dutie{
  display: block;
  width: 100%;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  border-bottom: 1px solid #bbb;
}
#calendar div.duties div.dutie:last-child{ border-bottom:0; }

#calendar_filter span input {vertical-align:middle;}
#calendar_filter span {margin:0px 12px;}


.day .duties .dutie span.users{font-weight:bold;}
.day .duties .dutie span.times,
.day .duties .dutie span.users,
.day .duties .dutie span.duti_type{margin:0px 3px;}
.day .duties .dutie span.duti_type{font-size:11px;}
.day .duties .dutie span.user{display:inline-block;margin:0 2px;}

div#calendar div.nav{
	text-align:center;
	margin:10px 0px 20px 0px;
}
div#calendar div.nav span.current_month{
	font-weight:bold;
	font-size:18px;
	vertical-align:middle;
	width:200px;
	display:inline-block;
}
div#calendar div.nav span.calendar_nav_prev,
div#calendar div.nav span.calendar_nav_next{
	font-weight:bold;
	font-size:17px;
	vertical-align:middle;
	cursor:pointer;
	background:#ffef8a;
	display:inline-block;
	border-radius:14px;
	width:34px;
	border:3px double #fa0;
	color:#440;
}
div#calendar div.nav span.calendar_nav_prev:hover,
div#calendar div.nav span.calendar_nav_next:hover{
	color:#3b4;
}
div#calendar .total_month_duty_time{
	margin-top:14px;
	text-align:center;
	font-size:13px;
}

div#calendar .open_flights{
	color:#00b;
	font-style:italic;
}

div.dutie.flight.suomi {background:linear-gradient(to right,#d2e4ef,#64dfb6) !important;}


.calendar-wrapper{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

/* optional: nicer scroll behavior */
.calendar-wrapper{ scroll-behavior: smooth; }