/* CALENDAR */

div#calendar table,div#calendars table,div#inactivecalendars table {
    table-layout: fixed;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div#calendar table a,div#calendars table a,div#inactivecalendars table a {
	width: 80%;
	height: 15px;
	padding: 0;
	display: inline-block;
	border-radius: 50%;
	line-height: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #808080;
	font-size: 12px;
	background: none !important;
}

div#calendar table a,div#calendars table a {
	cursor: pointer;
}

body.dark div#calendar table a,body.dark div#calendars table a,body.dark div#inactivecalendars table a {
	color: #CCC;
}

div#calendar table td,div#calendars table:not(.calmonths) td,div#inactivecalendars table td {
	padding-top: 5px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
}

body.dark div#calendar table td,body.dark div#calendars table:not(.calmonths) td,body.dark div#inactivecalendars table td {
	border-bottom: 1px solid #666;
}

div#calendar table:not(.days) td,div#calendars table:not(.calmonths):not(.days) td,div#inactivecalendars table:not(.days) td {
	padding-bottom: 0px;
	vertical-align: top;
	height: 78px;
	cursor: pointer;
}

div#calendar table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed) {
	width: 8px;
	height: 8px;
	display: block;
	margin: 8px auto 0 auto;
	border-radius: 4px;
}

div#calendar div.month a:hover h2, 
div#calendarmonth h1:hover,
div#calendar div.month td h4:hover,div#calendarmonth td h4:hover,
div#calendars:not(.disabled) h1:hover,
div#calendars:not(.disabled) table td h4:hover,
div#calendars:not(.disabled) table td:hover a,
div#calendars:not(.disabled) h1:hover ~ table td a,
div#calendars:not(.disabled) table:not(.days) td[*|id].hover a {
	color: #407EC9;
}

div#calendars:not(.disabled) h1:hover ~ table:not(.days) td[*|id],
div#calendars:not(.disabled) table:not(.days) td[*|id]:hover,
div#calendars:not(.disabled) table:not(.days) td[*|id].hover {
	background: var(--highlight-blue-bg-hover);
}

div#calendars:not(.disabled) h1:hover ~ table:not(.days) tr td:last-child[*|id],
div#calendars:not(.disabled) h1:hover ~ table:not(.days) tr td:first-child[*|id],
div#calendars:not(.disabled) table tr td:first-child[*|id]:hover,
div#calendars:not(.disabled) table tr td:last-child[*|id]:hover,
div#calendars:not(.disabled) table:not(.days) td:first-child[*|id].hover,
div#calendars:not(.disabled) table:not(.days) td:last-child[*|id].hover {
	background: var(--highlight-blue-bg-active);
}

/*
div#calendar table td a,div#calendars table td a,div#inactivecalendars table td a {
	border: 1px #FFF solid !important;
}

body.dark div#calendar table td a,body.dark div#calendars table td a,body.dark div#inactivecalendars table td a {
	border: 1px rgba(20,20,21,1) solid !important;
}
*/

div#calendar table tr td:first-child[*|id],
div#calendar table tr td:last-child[*|id],
div#calendars table tr td:first-child[*|id],
div#calendars table tr td:last-child[*|id],
div#inactivecalendars table tr td:first-child[*|id],
div#inactivecalendars table tr td:last-child[*|id] {
	background: #F2F2F2;
}

body.dark div#calendar table tr td:first-child[*|id],
body.dark div#calendar table tr td:last-child[*|id],
body.dark div#calendars table tr td:first-child[*|id],
body.dark div#calendars table tr td:last-child[*|id],
body.dark div#inactivecalendars table tr td:first-child[*|id],
body.dark div#inactivecalendars table tr td:last-child[*|id] {
	background: rgba(40,40,43,1);
}

/*
div#calendar table tr td:first-child[*|id]:not(.available) a,
div#calendar table tr td:last-child[*|id]:not(.available) a,
div#calendars table tr td:first-child[*|id] a,
div#calendars table tr td:last-child[*|id] a,
div#inactivecalendars table tr td:first-child[*|id] a,
div#inactivecalendars table tr td:last-child[*|id] a {
	border: 1px solid #F2F2F2 !important;
}

body.dark div#calendar table tr td:first-child[*|id]:not(.available) a,
body.dark div#calendar table tr td:last-child[*|id]:not(.available) a,
body.dark div#calendars table tr td:first-child[*|id] a,
body.dark div#calendars table tr td:last-child[*|id] a,
body.dark div#inactivecalendars table tr td:first-child[*|id] a,
body.dark div#inactivecalendars table tr td:last-child[*|id] a {
	border: 1px rgba(40,40,43,1) solid !important;
}

div#calendar table tr td.today:first-child[*|id] a,
div#calendar table tr td.today:last-child[*|id] a,
div#calendars table tr td.today:first-child[*|id] a,
div#calendars table tr td.today:last-child[*|id] a,
div#inactivecalendars table tr td.today:first-child[*|id] a,
div#inactivecalendars table tr td.today:last-child[*|id] a {
	border: 1px #36b835 solid;
}

div#calendars table td.active a,
div#calendars table td.amactive a,
div#calendars table td.pmactive a,
div#inactivecalendars table td.active a,
div#inactivecalendars table td.amactive a,
div#inactivecalendars table td.pmactive a,
div#calendar table td.active a, 
div#calendar table td.busy a {
	text-shadow: 0 0 4px rgba(0,0,0,0.5) !important;
}
*/

div#calendar table td.active a, 
div#calendar table td.amactive a, 
div#calendar table td.pmactive a,
div#calendars table td.active a, 
div#calendars table td.amactive a, 
div#calendars table td.pmactive a,
div#inactivecalendars table td.active a, 
div#inactivecalendars table td.amactive a, 
div#inactivecalendars table td.pmactive a,
div#doodsdates table td.active a, 
div#doodsdates table td.amactive a, 
div#doodsdates table td.pmactive a,
div#calendar table td.busy a,
div#calendar table td.unavailable a {
	color: #FFF !important;
}

div#calendar table td.busy a,
div#calendars table td.active a,
div#inactivecalendars table td.active a,
div#calendar table td.active a {
	background: #407EC9;
}

div#calendars table td.amactive:not(.confirmed) a,
div#inactivecalendars table td.amactive:not(.confirmed) a,
div#doodsdates table td.amactive:not(.confirmed) a {
	background: linear-gradient(to right, #407ec9 50%, rgba(64,126,201,0.05) 50%) !important;
}

div#calendars table td.pmactive:not(.confirmed) a,
div#inactivecalendars table td.pmactive:not(.confirmed) a,
div#doodsdates table td.pmactive:not(.confirmed) a {
	background: linear-gradient(to left, #407ec9 50%, rgba(64,126,201,0.05) 50%) !important;
}

div#calendar table td.unavailable a {
	background: #CE3030 !important;
}

div#calendar table td.available a {
	background: transparent !important;
	color: #808080 !important;
	border: 1px #36b835 solid !important;
}

body.dark div#calendar table td.available a {
	color: #FFF !important;
	border: 1px #36b835 solid !important;
}

div#calendars.pencil table td.active a,div#calendar.pencil table td.active a,div#doodsdates table tr.pencil td.active a,div#inactivecalendars.pencil table td.active a,
div#calendars table td.pencil.active a,div#calendar table td.pencil.active a,div#doodsdates table tr td.pencil.active a,div#inactivecalendars table td.pencil.active a {
	background: #f6b340;
}

/* YELLOWNONE */
div#calendars.pencil table td.amactive:not(.confirmed) a, 
div#inactivecalendars.pencil table td.amactive:not(.confirmed) a, 
div#doodsdates table tr.pencil td.amactive:not(.confirmed) a,

div#calendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) a, 
div#inactivecalendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) a, 
div#doodsdates table tr td.pencil.amactive:not(.confirmed):not(.amconfirmed) a,

div#calendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) a, 
div#inactivecalendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) a, 
div#doodsdates table tr td.ampencil.amactive:not(.confirmed):not(.amconfirmed) a {
	background: linear-gradient(to right, #f6b340 50%, rgba(246,179,64,0.05) 50%) !important;
}

/* NONEYELLOW */
div#calendars.pencil table td.pmactive:not(.confirmed) a,
div#inactivecalendars.pencil table td.pmactive:not(.confirmed) a,
div#doodsdates table tr.pencil td.pmactive:not(.confirmed) a,

div#calendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#inactivecalendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#doodsdates table tr td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) a,

div#calendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#inactivecalendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#doodsdates table tr td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) a {
	background: linear-gradient(to left, #f6b340 50%, rgba(246,179,64,0.05) 50%) !important;
}

/* GREYGREY */
div#calendars table td.weather.active:not(.confirmed):not(.conflict) a,
div#calendar table td.weather.active:not(.confirmed):not(.conflict) a,
div#doodsdates table tr td.weather.active:not(.confirmed):not(.conflict) a,
div#inactivecalendars table td.weather.active:not(.confirmed):not(.conflict) a,
div#calendars table td.amweather.amactive.pmweather.pmactive:not(.confirmed):not(.conflict) a,
div#calendar table td.amweather.amactive.pmweather.pmactive:not(.confirmed):not(.conflict) a,
div#doodsdates table tr td.amweather.amactive.pmweather.pmactive:not(.confirmed):not(.conflict) a,
div#inactivecalendars table td.amweather.amactive.pmweather.pmactive:not(.confirmed):not(.conflict) a,
div#calendars table td.amweather.pmweather.active:not(.confirmed):not(.conflict) a,
div#calendar table td.amweather.pmweather.active:not(.confirmed):not(.conflict) a,
div#doodsdates table tr td.amweather.pmweather.active:not(.confirmed):not(.conflict) a,
div#inactivecalendars table td.amweather.pmweather.active:not(.confirmed):not(.conflict) a {
	background: #999;
}

/* GREYNONE */
div#calendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) a,
div#inactivecalendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) a,
div#doodsdates table tr td.weather.amactive:not(.confirmed):not(.amconfirmed) a,

div#calendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) a,
div#inactivecalendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) a,
div#doodsdates table tr td.amweather.amactive:not(.confirmed):not(.amconfirmed) a {
	background: linear-gradient(to right, #999 50%, rgba(153,153,153,0.05) 50%) !important;
}

/* NONEGREY */
div#calendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#inactivecalendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#doodsdates table tr td.weather.pmactive:not(.confirmed):not(.pmconfirmed) a,

div#calendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#inactivecalendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) a,
div#doodsdates table tr td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) a {
	background: linear-gradient(to left, #999 50%, rgba(153,153,153,0.05) 50%) !important;
}

div#calendars table td.active.pushed.pencil a,
div#calendar table td.active.pushed.pencil a,
div#doodsdates table tr td.active.pushed.pencil a,
div#inactivecalendars table td.active.pushed.pencil a,

div#calendars table td.active.pushed.weather a,
div#calendar table td.active.pushed.weather a,
div#doodsdates table tr td.active.pushed.weather a,
div#inactivecalendars table td.active.pushed.weather a,

div#calendars table td.active.pushed.amweather.pmpencil a,
div#calendar table td.active.pushed.amweather.pmpencil a,
div#doodsdates table tr td.active.pushed.amweather.pmpencil a,
div#inactivecalendars table td.active.pushed.amweather.pmpencil a,

div#calendars table td.active.pushed.pmweather.ampencil a,
div#calendar table td.active.pushed.pmweather.ampencil a,
div#doodsdates table tr td.active.pushed.pmweather.ampencil a,
div#inactivecalendars table td.active.pushed.pmweather.ampencil a,

div#calendars.pencil table td.active.pushed a,
div#calendar.pencil table td.active.pushed a,
div#doodsdates table tr.pencil td.active.pushed a,
div#inactivecalendars.pencil table td.active.pushed a {
	background: #CE3030;
}

div#calendars.pencil table td.active.locked a,
div#doodsdates table tr.pencil td.active.locked a,
div#calendars table td.active.pencil.locked a,
div#doodsdates table tr.pencil td.active.pencil.locked a,

div#calendars table td.active.weather.locked a,
div#doodsdates table tr td.active.weather.locked a,

div#calendars table td.active.ampencil.pmweather.locked a,
div#doodsdates table tr td.active.ampencil.pmweather.locked a,
div#calendars table td.active.pmpencil.amweather.locked a,
div#doodsdates table tr td.active.pmpencil.amweather.locked a {
	background: #36b835 !important;
}

div#calendars table td.active.confirmed a,
div#calendars table td.active.amconfirmed:not(.pencil):not(.weather):not(.ampencil):not(.amweather):not(.pushed) a,
div#calendars table td.active.pmconfirmed:not(.pencil):not(.weather):not(.pmpencil):not(.pmweather):not(.pushed) a,

div#calendars table td.active.pencilled:not(.pencil):not(.weather):not(.pushed) a,
div#calendars table td.active.ampencilled:not(.pencil):not(.weather):not(.ampencil):not(.amweather):not(.pmpencil):not(.pmweather):not(.pushed) a,
div#calendars table td.active.pmpencilled:not(.pencil):not(.weather):not(.ampencil):not(.amweather):not(.pmpencil):not(.pmweather):not(.pushed) a,

div#calendar.pencil table td.active.confirmed a,
div#calendar.pencil table td.active.amconfirmed a,
div#calendar.pencil table td.active.pmconfirmed a,
div#doodsdates table tr.pencil td.active.confirmed a,
div#doodsdates table tr.pencil td.active.amconfirmed a,
div#doodsdates table tr.pencil td.active.pmconfirmed a,
div#inactivecalendars.pencil table td.active.confirmed a,
div#inactivecalendars.pencil table td.active.amconfirmed a,
div#inactivecalendars.pencil table td.active.pmconfirmed a {
	background: #CE3030 !important;
}

div#calendars table td.amactive.confirmed a,
div#calendars table td.amactive.amconfirmed a,
div#calendars table td.amactive.pencilled:not(.pencil):not(.weather):not(.ampencil):not(.pmpencil):not(.amweather):not(.pmweather):not(.pushed):not(.ampushed):not(.pmpushed) a,
div#calendars table td.amactive.ampencilled:not(.pencil):not(.weather):not(.ampencil):not(.pmpencil):not(.amweather):not(.pmweather):not(.pushed):not(.ampushed):not(.pmpushed) a,
div#inactivecalendars.pencil table td.amactive.confirmed a,
div#inactivecalendars.pencil table td.amactive.amconfirmed a,
div#inactivecalendars div:not(.moreinfomonth) table td.amconflict a,
div#inactivecalendars div.moreinfomonth table td.amconflict.active a,
div#inactivecalendars div.moreinfomonth table td.amconflict.amactive a,
div#inactivecalendars div.moreinfomonth table td.conflict.amactive a,
div#inactivecalendars table td.amold a {
	background: linear-gradient(to right, #CE3030 50%, rgba(206,48,48,0.05) 50%) !important;
}

div#calendars table td.pmactive.confirmed a,
div#calendars table td.pmactive.pmconfirmed a,
div#calendars table td.pmactive.pencilled:not(.pencil):not(.weather):not(.ampencil):not(.pmpencil):not(.amweather):not(.pmweather):not(.pushed):not(.ampushed):not(.pmpushed) a,
div#calendars table td.pmactive.pmpencilled:not(.pencil):not(.weather):not(.ampencil):not(.pmpencil):not(.amweather):not(.pmweather):not(.pushed):not(.ampushed):not(.pmpushed) a,
div#inactivecalendars.pencil table td.pmactive.confirmed a,
div#inactivecalendars.pencil table td.pmactive.pmconfirmed a,
div#inactivecalendars div:not(.moreinfomonth) table td.pmconflict a,
div#inactivecalendars div.moreinfomonth table td.pmconflict.active a,
div#inactivecalendars div.moreinfomonth table td.pmconflict.pmactive a,
div#inactivecalendars div.moreinfomonth table td.conflict.pmactive a,
div#inactivecalendars table td.pmold a {
	background: linear-gradient(to left, #CE3030 50%, rgba(206,48,48,0.05) 50%) !important;
}

div#calendars.pencil table td.active.amconfirmed.pmpencilled a,
div#calendars.pencil table td.active.amconfirmed.pencilled a,
div#calendars.pencil table td.active.amconfirmed a,

div#calendars table td.active.pencil.amconfirmed.pmpencilled a,
div#calendars table td.active.pencil.amconfirmed.pencilled a,
div#calendars table td.active.pencil.amconfirmed a,

div#inactivecalendars.pencil table td.active.amconfirmed.pmpencilled a,
div#inactivecalendars.pencil table td.active.amconfirmed.pencilled a,
div#inactivecalendars.pencil table td.active.amconfirmed a,
div#inactivecalendars.pencil table td.pmactive.amold a {
	background: linear-gradient(to left, #f6b340 50%, #CE3030 50%) !important;
}

div#calendars.pencil table td.active.pmconfirmed.ampencilled a,
div#calendars.pencil table td.active.pmconfirmed.pencilled a,
div#calendars.pencil table td.active.pmconfirmed a,

div#calendars table td.active.pencil.pmconfirmed.ampencilled a,
div#calendars table td.active.pencil.pmconfirmed.pencilled a,
div#calendars table td.active.pencil.pmconfirmed a,

div#inactivecalendars.pencil table td.active.pmconfirmed.ampencilled a,
div#inactivecalendars.pencil table td.active.pmconfirmed.pencilled a,
div#inactivecalendars.pencil table td.active.pmconfirmed a,
div#inactivecalendars.pencil table td.amactive.pmold a {
	background: linear-gradient(to right, #f6b340 50%, #CE3030 50%) !important;
}

div#calendars table td.active.weather.amconfirmed.pmpencilled a,
div#calendars table td.active.weather.amconfirmed.pencilled a,
div#calendars table td.active.weather.amconfirmed a,

div#calendars table td.active.pmweather.amconfirmed a
 {
	background: linear-gradient(to left, #999 50%, #CE3030 50%) !important;
}

div#calendars table td.active.weather.pmconfirmed.ampencilled a,
div#calendars table td.active.weather.pmconfirmed.pencilled a,
div#calendars table td.active.weather.pmconfirmed a,

div#calendars table td.active.amweather.pmconfirmed a
 {
	background: linear-gradient(to right, #999 50%, #CE3030 50%) !important;
}

/*
div#calendars:not(.pencil) table td.active.amconfirmed:not(.ampencilled):not(.pencilled):not(.pmpencilled) a,
div#inactivecalendars:not(.pencil) table td.active.amconfirmed:not(.ampencilled):not(.pencilled):not(.pmpencilled) a,
*/
div#inactivecalendars table td.amconflict.pmactive a, div#inactivecalendars table td.amconflict.active a,
div#inactivecalendars table td.pmactive.amold a {
	background: linear-gradient(to left, #407EC9 50%, #CE3030 50%) !important;
}

/*
div#calendars:not(.pencil) table td.active.pmconfirmed:not(.ampencilled):not(.pencilled):not(.pmpencilled) a,
div#inactivecalendars:not(.pencil) table td.active.pmconfirmed:not(.ampencilled):not(.pencilled):not(.pmpencilled) a,
*/
div#inactivecalendars table td.pmconflict.amactive a, div#inactivecalendars table td.pmconflict.active a,
div#inactivecalendars table td.amactive.pmold a {
	background: linear-gradient(to right, #407EC9 50%, #CE3030 50%) !important;
}

div#calendars table td.active.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to left, #f6b340 50%, #407ec9 50%) !important;
}

div#calendars table td.active.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to right, #f6b340 50%, #407ec9 50%) !important;
}

div#calendars table td.active.pmweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.pmweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.pmweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to left, #999 50%, #407ec9 50%) !important;
}

div#calendars table td.active.amweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.amweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.amweather:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to right, #999 50%, #407ec9 50%) !important;
}

div#calendars table td.active.amweather.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.amweather.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.amweather.pmpencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to left, #f6b340 50%, #999 50%) !important;
}

div#calendars table td.active.pmweather.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#inactivecalendars table td.active.pmweather.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a, 
div#doodsdates table td.active.pmweather.ampencil:not(.confirmed):not(.amconfirmed):not(.pmconfirmed):not(.pushed):not(.ampushed):not(.pmpushed) a {
	background: linear-gradient(to right, #f6b340 50%, #999 50%) !important;
}

div#calendars.pencil table td.active.amlocked a,
div#inactivecalendars.pencil table td.pmactive.amnew a {
	background: linear-gradient(to right, #36b835 50%, #f6b340 50%) !important;
}

div#calendars.pencil table td.active.pmlocked a,
div#inactivecalendars.pencil table td.amactive.pmnew a {
	background: linear-gradient(to left, #36b835 50%, #f6b340 50%) !important;
}

div#calendars.pencil table td.amactive.amlocked a,div#calendars.pencil table td.amactive.locked a,
div#inactivecalendars table td.amnew a {
	background: linear-gradient(to right, #36b835 50%, rgba(54,184,53,0.05) 50%) !important;
}

div#calendars.pencil table td.pmactive.pmlocked a,div#calendars.pencil table td.pmactive.locked a,
div#inactivecalendars table td.pmnew a {
	background: linear-gradient(to left, #36b835 50%, rgba(54,184,53,0.05) 50%) !important;
}

div#calendars.pencil table td.active.ampushed a,
div#calendars table td.active.ampushed.pencil a {
	background: linear-gradient(to right, #CE3030 50%, #f6b340 50%) !important;
}

div#calendars.pencil table td.active.pmpushed a,
div#calendars table td.active.pmpushed.pencil a {
	background: linear-gradient(to left, #CE3030 50%, #f6b340 50%) !important;
}

div#calendars.pencil table td.amactive.ampushed:not(.confirmed):not(.amconfirmed) a,
div#calendars.pencil table td.amactive.pushed:not(.confirmed):not(.amconfirmed) a,
div#calendars table td.amactive.ampushed.ampencil:not(.confirmed):not(.amconfirmed) a,
div#calendars table td.amactive.pushed.ampencil:not(.confirmed):not(.amconfirmed) a,
div#calendars table td.amactive.ampushed.amweather:not(.confirmed):not(.amconfirmed) a,
div#calendars table td.amactive.pushed.amweather:not(.confirmed):not(.amconfirmed) a {
	background: linear-gradient(to right, #CE3030 50%, rgba(206,48,48,0.05) 50%) !important;
}

div#calendars.pencil table td.pmactive.pmpushed:not(.confirmed):not(.pmconfirmed) a,
div#calendars.pencil table td.pmactive.pushed:not(.confirmed):not(.pmconfirmed) a,
div#calendars table td.pmactive.pmpushed.pmpencil:not(.confirmed):not(.pmconfirmed) a,
div#calendars table td.pmactive.pushed.pmpencil:not(.confirmed):not(.pmconfirmed) a,
div#calendars table td.pmactive.ampushed.pmweather:not(.confirmed):not(.pmconfirmed) a,
div#calendars table td.pmactive.pushed.pmweather:not(.confirmed):not(.pmconfirmed) a {
	background: linear-gradient(to left, #CE3030 50%, rgba(206,48,48,0.05) 50%) !important;
}

div#calendars table td.active.ampencilled:not(.pmpencilled):not(.pencil):not(.pmpencil):not(.ampencil):not(.weather):not(.pmweather):not(.amweather):not(.pushed):not(.ampushed):not(.pmpushed):not(.confirmed):not(.amconfirmed) a {
	background: linear-gradient(to right, #CE3030 50%, #407EC9 50%) !important;
}

div#calendars table td.active.pmpencilled:not(.ampencilled):not(.pencil):not(.pmpencil):not(.ampencil):not(.weather):not(.pmweather):not(.amweather):not(.pushed):not(.ampushed):not(.pmpushed):not(.confirmed):not(.pmconfirmed) a {
	background: linear-gradient(to left, #CE3030 50%, #407EC9 50%) !important;
}

div#inactivecalendars table td.pmold.amnew a {
	background: linear-gradient(to right, #36b835 50%, #CE3030 50%) !important;
}

div#inactivecalendars table td.amold.pmnew a {
	background: linear-gradient(to left, #36b835 50%, #CE3030 50%) !important;
}

div#calendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#calendar table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#doodsdates table tr td span,div#inactivecalendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed) {
	display: none;
}

/* div#calendars.pencil table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#calendar.pencil table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#doodsdates table tr.pencil td span,div#inactivecalendars.pencil table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed) { */
div#calendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#calendar table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed),div#doodsdates table tr td span,div#inactivecalendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed) {
	color: #FFF;
    background: #36b835;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 2.5vw;
    padding: 1vw 1.5vw;
    font-weight: bold;
    border-radius: 4vw;
    display: none;
    min-width: 60%;
    text-transform: uppercase;
    margin-top: 1.5vw;
}

table td span#fullpill, table td span#ampill, table td span#pmpill {
	width: calc(100% - 5px);
	text-align: center;
	height: 36px;
	background: var(--colour-blue);
	border-radius: 18px;
	display: none;
	position: relative;
}

table td span#ampill {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: calc(80% - 5px);
    margin-right: 5px;
}

table td span#pmpill {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: calc(80% - 5px);
    margin-left: 5px;
}

table td span#fullpill.pencil1, 
table td span#ampill.pencil1, 
table td span#pmpill.pencil1 {
	background: var(--colour-green);	
}

table td span#fullpill.pencil2, 
table td span#ampill.pencil2, 	
table td span#pmpill.pencil2 {
	background: var(--colour-orange);	
}

table td span#fullpill.pencil3, 
table td span#ampill.pencil3, 
table td span#pmpill.pencil3 {
	background: var(--colour-yellow);	
}

table td span#fullpill.conflict, 
table td span#ampill.conflict, 
table td span#pmpill.conflict {
	background: var(--colour-red);	
}

span#icon {
    background: none;
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-top: 6px;
}

table td.splitstatus span#ampill span#icon {
	visibility: hidden;
}

table td.splitstatus span#pmpill span#icon {
	position: relative;
    left: calc(-1 * (50% - 14.5px) - 14px);
}

table td.amonly span#ampill span#icon {
	margin-left: 5px;
}

table td.pmonly span#pmpill span#icon {
	margin-right: 5px;
}

table td.splitstatuspurpose span#ampill span#icon {
	margin-left: 10%;
}

table td.splitstatuspurpose span#pmpill span#icon {
	margin-right: 10%;
}

span#icon.prep {
    background: url('https://images.crewlist.co/icons/edit/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.meeting {
    background: url('https://images.crewlist.co/icons/lightbulb/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.recce {
    background: url('https://images.crewlist.co/icons/binoculars/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.travel {
    background: url('https://images.crewlist.co/icons/plane/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.standby {
    background: url('https://images.crewlist.co/icons/hourglass/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.shoot {
    background: url('https://images.crewlist.co/icons/filmcamera/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.weather {
    background: url('https://images.crewlist.co/icons/weather/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.wrap {
    background: url('https://images.crewlist.co/icons/raceflag/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.post {
    background: url('https://images.crewlist.co/icons/scissors/colour/ffffff') no-repeat 50% 50% / 24px 24px;
}

span#icon.quote {
    background: url('https://images.crewlist.co/icons/stop/colour/ffffff') no-repeat 50% 50% / 20px 20px;
}

span#icon.ownpencil {
    background: url('https://images.crewlist.co/icons/op/colour/ffffff') no-repeat 50% 50% / 20px 20px;
}

span#icon.rehearsal {
    background: url('https://images.crewlist.co/icons/rehearsal/colour/ffffff') no-repeat 50% 50% / 20px 20px;
}

span#icon.prelight {
    background: url('https://images.crewlist.co/icons/filmlight/colour/ffffff') no-repeat 50% 50% / 20px 20px;
}

span#amorder, span#pmorder {
	position: absolute;
	background: var(--colour-red);
	width: 20px;
	height: 20px;
	color: #FFF;
	font-family: var(--font-family-sans);
	font-weight: bold;
    font-size: 12px;
    padding: 2px 0 0 0;
    border-radius: 50%;
    top: 31px;
    left: 3px;
    display: none;
}

span#pmorder {
	left: unset;
	right: 3px;
}

span#ampushed, span#pmpushed {
	position: absolute;
    background: url('https://images.crewlist.co/icons/warning/colour/ce3030') no-repeat 50% 50% / cover, #FFFFFF;
	width: 20px;
	height: 20px;
    padding: 0;
    border-radius: 50%;
    top: -5px;
    left: 3px;
    display: none;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}

span#pmpushed {
	left: unset;
	right: 3px;
}

table span#fullpill.pushed span#ampushed,
table span#ampill.pushed span#ampushed,
table span#pmpill.pushed span#pmpushed {
	display: inline-block;
}

span#ampushing, span#pmpushing {
	position: absolute;
    background: url('https://images.crewlist.co/icons/padlock/colour/FFFFFF') no-repeat 50% 50% / 12px 12px, #407EC9;
	width: 20px;
	height: 20px;
    padding: 0;
    border-radius: 50%;
    top: -5px;
    left: 3px;
    display: none;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}

span#pmpushing {
	left: unset;
	right: 3px;
}

table span#fullpill.pushing span#ampushing,
table span#ampill.pushing span#ampushing,
table span#pmpill.pushing span#pmpushing {
	display: inline-block;
}

table td.full span#fullpill[class*="pencil"] span#amorder {
	display: inline-block;
	left: calc(50% - 10px);
}

table td.amonly span#ampill[class*="pencil"] span#amorder {
	display: inline-block;
	left: calc(50% - 7.5px);
}

table td.pmonly span#pmpill[class*="pencil"] span#pmorder {
	display: inline-block;
	left: calc(50% - 12.5px);
}

table td.splitstatuspurpose span#ampill[class*="pencil"] span#amorder,
table td.splitstatuspurpose span#pmpill[class*="pencil"] span#pmorder {
	display: inline-block;
}

table td.splitstatus span#ampill[class*="pencil"] span#amorder,
table td.splitstatus span#pmpill[class*="pencil"] span#pmorder,
table td.splitpurpose span#ampill[class*="pencil"].pushing span#amorder,
table td.splitpurpose span#pmpill[class*="pencil"].pushing span#pmorder {
	display: inline-block;
}

table td.splitpurpose span#pmpill[class*="pencil"]:not(.pushing) span#pmorder {
	display: inline-block;
	left: -10px;
}

table td.full span#fullpill,
table td.amonly span#ampill,
table td.pmonly span#pmpill {
	display: inline-block;
}

table td.splitstatus span#ampill,
table td.splitstatus span#pmpill,
table td.splitpurpose span#ampill,
table td.splitpurpose span#pmpill,
table td.splitstatuspurpose span#ampill,
table td.splitstatuspurpose span#pmpill {
	display: inline-block;
	margin: 0;
	width: calc((100% - 5px) / 2);
}

table td.full span#fullpill.pushed span#ampushed,
table td.full span#fullpill.pushing span#ampushing {
	left: calc(50% - 10px);
}

table td.amonly span#ampill.pushed span#ampushed,
table td.amonly span#ampill.pushing span#ampushing,
table td.pmonly span#pmpill.pushed span#pmpushed,
table td.pmonly span#pmpill.pushing span#pmpushing {
	left: calc(50% - 7.5px);
}

/* div#calendars.pencil table td span:first-of-type,div#calendar.pencil table td span:first-of-type,div#doodsdates table tr.pencil td span:first-of-type,div#inactivecalendars.pencil table td span:first-of-type { */
div#calendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed):first-of-type,div#calendar table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed):first-of-type,div#doodsdates table tr td span:first-of-type,div#inactivecalendars table td span:not(#fullpill,#ampill,#pmpill,#icon,#amorder,#pmorder,#ampushing,#pmpushing,#ampushed,#pmpushed):first-of-type {
    display: inline-block;
    visibility: hidden;
}

div#calendars table td span#order.g,div#calendar table td span#order.g,div#doodsdates table tr td span#order.g,div#inactivecalendars table td span#order.g {
    visibility: visible;
    background: #36b835;
}

div#calendars table td span#order.r,div#calendar table td span#order.r,div#doodsdates table tr td span#order.r,div#inactivecalendars table td span#order.r {
    visibility: visible;
    background: #CE3030;
}

div#calendars.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span:not(.am),
div#calendars.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span:not(.pm),

div#calendar.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span:not(.am),
div#calendar.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span:not(.pm),

div#doodsdates table tr.pencil td.amactive:not(.confirmed):not(.amconfirmed) span:not(.am),
div#doodsdates table tr.pencil td.pmactive:not(.confirmed):not(.pmconfirmed) span:not(.pm),

div#inactivecalendars.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span:not(.am),
div#inactivecalendars.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span:not(.pm) {
	display: none;
}

div#calendars table td.active span.r,
div#calendars table td.amactive span.r,
div#calendars table td.pmactive span.r,

div#calendar table td.active span.r,
div#calendar table td.amactive span.r,
div#calendar table td.pmactive span.r,

div#doodsdates table tr td.active span.r,
div#doodsdates table tr td.amactive span.r,
div#doodsdates table tr td.pmactive span.r,

div#inactivecalendars table td.active span.r,
div#inactivecalendars table td.amactive span.r,
div#inactivecalendars table td.pmactive span.r {
    background: #ce3030;
}

div#calendars.pencil table td.active:not(.confirmed) span:not(.am):not(.pm),
div#calendars.pencil table td.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendars.pencil table td.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#calendar.pencil table td.active:not(.confirmed) span:not(.am):not(.pm),
div#calendar.pencil table td.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendar.pencil table td.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#doodsdates table tr.pencil td.active:not(.confirmed) span:not(.am):not(.pm),
div#doodsdates table tr.pencil td.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#doodsdates table tr.pencil td.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#inactivecalendars.pencil table td.active:not(.confirmed) span:not(.am):not(.pm),
div#inactivecalendars.pencil table td.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#inactivecalendars.pencil table td.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

/* newpencil */
div#calendars table td.pencil.active:not(.confirmed) span:not(.am):not(.pm),
div#calendars table td.pencil.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendars table td.pencil.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#calendar table td.pencil.active:not(.confirmed) span:not(.am):not(.pm),
div#calendar table td.pencil.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendar table td.pencil.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#doodsdates table tr td.pencil.active:not(.confirmed) span:not(.am):not(.pm),
div#doodsdates table tr td.pencil.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#doodsdates table tr td.pencil.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#inactivecalendars table td.pencil.active:not(.confirmed) span:not(.am):not(.pm),
div#inactivecalendars table td.pencil.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#inactivecalendars table td.pencil.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

/* weather */
div#calendars table td.weather.active:not(.confirmed) span:not(.am):not(.pm),
div#calendars table td.weather.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendars table td.weather.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#calendar table td.weather.active:not(.confirmed) span:not(.am):not(.pm),
div#calendar table td.weather.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#calendar table td.weather.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#doodsdates table tr td.weather.active:not(.confirmed) span:not(.am):not(.pm),
div#doodsdates table tr td.weather.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#doodsdates table tr td.weather.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm),

div#inactivecalendars table td.weather.active:not(.confirmed) span:not(.am):not(.pm),
div#inactivecalendars table td.weather.active:not(.confirmed):not(.amconfirmed) span:not(.am):not(.pm),
div#inactivecalendars table td.weather.active:not(.confirmed):not(.pmconfirmed) span:not(.am):not(.pm) {
	visibility: visible;
}

div#calendars.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr.pencil td.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span.am,

/* new pencil */
div#calendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.am,

div#calendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.am,

div#calendars table td.ampencil.amactive:not(.pmweather):not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.ampencil.amactive:not(.pmweather):not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.ampencil.amactive:not(.pmweather):not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.ampencil.amactive:not(.pmweather):not(.confirmed):not(.amconfirmed) span.am,

/* weather */
div#calendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.weather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.am,

div#calendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,

div#calendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#calendar table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#doodsdates table tr td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am,
div#inactivecalendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.am {
	display: inline-block;
	visibility: visible;
}

/* new pencil */
div#calendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.full,

div#calendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,

div#calendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.ampencil.amactive:not(.confirmed):not(.amconfirmed) span.full,

/* weather */
div#calendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.weather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.weather.amactive:not(.confirmed):not(.amconfirmed) span.full,

div#calendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,

div#calendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#calendar table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#doodsdates table tr td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full,
div#inactivecalendars table td.amweather.amactive:not(.confirmed):not(.amconfirmed) span.full {
	display: none;
}

div#calendars.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr.pencil td.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

/* new pencil */
div#calendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

div#calendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

div#calendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

/* weather */
div#calendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

div#calendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,

div#calendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#calendar table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#doodsdates table tr td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm,
div#inactivecalendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.pm {
	display: inline-block;
	visibility: visible;
}

/* new pencil */
div#calendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.pmpencil.pmactive:not(.confirmed):not(.pmconfirmed) span.full,

/* weather */
div#calendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.weather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.pmweather.pmactive:not(.confirmed):not(.pmconfirmed) span.full {
	display: none;
}

/* new pencil */
div#calendars table td.active.ampencil:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.ampencil:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.ampencil:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.ampencil:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.ampencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.ampencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.ampencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.ampencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.pmpencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.pmpencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.pmpencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.pmpencil.pmweather:not(.confirmed):not(.pmconfirmed) span.full,

/* weather */
div#calendars table td.active.amweather:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.amweather:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.amweather:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.amweather:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.pmweather:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.pmweather:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.amweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.amweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.amweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.amweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,

div#calendars table td.active.pmweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#calendar table td.active.pmweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#doodsdates table tr td.active.pmweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full,
div#inactivecalendars table td.active.pmweather.pmpencil:not(.confirmed):not(.pmconfirmed) span.full {
	display: inline-block;
	visibility: visible;
}

div#calendars.pencil table td.active.pmconfirmed.ampencilled span.full,
div#calendar.pencil table td.active.pmconfirmed.ampencilled span.full,
div#doodsdates table tr.pencil td.active.pmconfirmed.ampencilled span.full,
div#inactivecalendars.pencil td.active.pmconfirmed.ampencilled span.full,

div#calendars table td.pencil.active.pmconfirmed.ampencilled span.full,
div#calendar table td.pencil.active.pmconfirmed.ampencilled span.full,
div#doodsdates table tr td.pencil.active.pmconfirmed.ampencilled span.full,
div#inactivecalendars.pencil td.pencil.active.pmconfirmed.ampencilled span.full {
	display: inline-block;
	visibility: visible;
}

div#calendars.pencil table td.amactive:not(.confirmed):not(.amconfirmed) span.r:not(.am):not(.pm):not(.full),
div#calendars.pencil table td.pmactive:not(.confirmed):not(.pmconfirmed) span.r:not(.am):not(.pm):not(.full),
div#calendars.pencil table td.active:not(.confirmed):not(.amconfirmed):not(.pmconfirmed) span.r:not(.am):not(.pm):not(.full),

div#calendars table td.pencil.amactive:not(.confirmed):not(.amconfirmed) span.r:not(.am):not(.pm):not(.full),
div#calendars table td.pencil.pmactive:not(.confirmed):not(.pmconfirmed) span.r:not(.am):not(.pm):not(.full),
div#calendars table td.pencil.active:not(.confirmed):not(.amconfirmed):not(.pmconfirmed) span.r:not(.am):not(.pm):not(.full) {
	display: inline-block;
	visibility: visible;
}

div#calendars table td.semiactive a {
	background: #a0bfe4 !important;
	color: #FFF !important;
}

div#calendars.pencil table td.semiactive a {
	background: #fad99f !important;
	color: #FFF !important;
}

div#calendars.pencil table td.semiactive.pushed a {
	background: #e69797 !important;
	color: #FFF !important;
}

div#calendars.pencil table td.semiactive span {
	visibility: visible;
	background: #9adb9a !important;
}

div#calendars.pencil table td.semiactive span.r {
	background: #e69797 !important;
}

div#calendar table td.today.busy a, div#calendars.showaddremove table td.added a,div#calendars table td.today.active a, div#inactivecalendars table td.new a {
	color: #FFF;
	background: #36b835;
}

div#inactivecalendars table td.conflict a,
div#inactivecalendars table td.old a {
	color: #FFF;
	background: #ce3030;
}

div#calendars.showaddremove table td.removed a {
	color:#ce3030;
	background: inherit !important;
}

div#calendar.infomode table td.busy a,div#calendar.infomode table td.active a {
	color: #407EC9;
	background: #FFF;
}

div#calendar table td.event span {
	background: #407EC9;
}

div#calendar h1,div#calendars h1,div#inactivecalendars h1 {
	width: -moz-calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	width: -o-calc(100% - 92px);
	width: calc(100% - 92px);
	text-align: center;
	margin: 0px;
	padding-top: 9px;
	display: inline-block;
	color: var(--h4-text);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div#calendars h1,div#inactivecalendars h1 {
	width: 100%;
}

div#calendar h1,
div#calendars:not(.disabled) h1,
div#calendars:not(.disabled) h4,
div:not(#inactivecalendars) table.days h4 {
	cursor: pointer;
}

div#calendar span.arrow,div#dayframe span.arrow {
	display: inline-block;
	width: 46px;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
}

div#calendar span.arrow#prevmonth,div#calendar span.arrow#projectprevmonth,div#dayframe span.arrow#prevday,div#calendar span.arrow#clientprevmonth,div#dayframe span.arrow#clientprevday {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/calendaricons/desktop/prevarrow@2x.png');
	background-size: 10px 16px;
	background-position: center center;
	background-repeat: no-repeat; 
}

div#calendar span.arrow#nextmonth,div#calendar span.arrow#projectnextmonth,div#dayframe span.arrow#nextday,div#calendar span.arrow#clientnextmonth,div#dayframe span.arrow#clientnextday {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/calendaricons/desktop/nextarrow@2x.png');
	background-size: 10px 16px;
	background-position: center center;
	background-repeat: no-repeat; 
}

div#calendar table h4,div#calendars table h4,div#inactivecalendars table h4 {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-weight: 500;
	color: #808080;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div#dayframe div#date {
	margin: 10px 0px;
	width: 100%;
	text-align: center;
}

div#dayframe div#date h4 {
	margin: 0px;
	padding: 0px;
}

div#dayframe div#date h4.tyt.g {
	color:#36b835;
}

div#dayframe span#date {
	height: 0px;
	width: 36px;
	padding: 17px 0px 17px 0px;
	display: inline-block;
	border-radius: 20px;
	line-height: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #808080;
	font-size: 18px;
	margin: 0px;
	text-align: center;
	margin: 0px 5px -13px 5px;
	border: 1px solid #CCC;
}

body.dark div#dayframe span#date {
	border: 1px solid #666;
	color: #FFF;
}

div#dayframe span#date.busy, div#dayframe span#date.active {
	border: 1px #FFF solid;
	color: #FFF;
	background: #407EC9;
}

div#dayframe span#date.unavailable {
	border: 1px #FFF solid;
	color: #FFF;
	background: #CE3030;
}

div#dayframe span#date.available {
	border: 1px #36b835 solid;
	color: #808080 !important;
	background: transparent !important;
}

body.dark div#dayframe span#date.available {
	border: 1px #36b835 solid !important;
	color: #FFF !important;
	background: transparent !important;
}

body.dark div#dayframe span#date.busy, body.dark div#dayframe span#date.active,body.dark div#dayframe span#date.unavailable {
	border: 1px rgba(20,20,21,1) solid;
}

div#dayframe h1:not(.title) {
	width: -moz-calc(50% - 71px);
	width: -webkit-calc(50% - 71px);
	width: -o-calc(50% - 71px);
	width: calc(50% - 71px);
	font-size: 18px;
	margin: 0px;
	display: inline-block;
	height: 36px;
	color: #808080;
	text-align: left;
}

body.dark div#dayframe h1:not(.title) {
	color: #CCC;
}

div#dayframe span.arrow {
}

div#dayframe h1#day {
	text-align: right;
}

div#dayframe input:not([type=checkbox]) {
	padding-left: 35px;
	width: 100%;
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/edit@2x.png');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 11px 50%;
}

table.padlr.checkbox p.time {
	padding-left: 10px;
	width: 100%;
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/timebig@2x.png');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

table.padlr.checkbox p.map {
	padding-left: 10px;
	width: 100%;
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/map@2x.png');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

table.padlr.times td:nth-child(4) {
	width: 20px;
}

table.padlr.times p {
	width: 100%;
	text-align: center;
}

table.padlr.times td:nth-child(2),table.padlr.times td:nth-child(3) {
	padding-right: 4px;
}

table.padlr.times td:nth-child(5),table.padlr.times td:nth-child(6) {
	padding-left: 4px;
}

div#timeframe {
	display: none;
}

div#dayframe input#eventlocation {
	width: 100%;
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/location@2x.png') var(--input-bg);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 11px 50%;
}

div#dayframe input#eventaddress {
	width: -moz-calc(100% - 47px);
	width: -webkit-calc(100% - 47px);
	width: -o-calc(100% - 47px);
	width: calc(100% - 47px);
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/address@2x.png') var(--input-bg);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 11px 50%;
	vertical-align: top;
}

div#dayframe span#getgps {
	height: 42px;
	width: 42px;
	display: inline-block;
	margin: 2px 0 0 5px;
	border: 1px #E5E5E5 solid;
	border-radius: 2px;
	cursor: pointer;
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/location@2x.png') var(--input-bg);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: top;
}

div#map,div#eventtools,div#updateeventbuttons {
	display: none;
}

div#map img {
	width: 100%;
	margin-top:-3px;
	height: auto;
	min-height: 100px;
	background: url('https://s3-ap-southeast-2.amazonaws.com/crewlist/images/generalicons/desktop/mapback@2x.png') #b3b3b3;
	background-size: 44px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div#events > h3:first-child {
	display: none;
}

div#dayframe span.event img {
	margin-top: 5px;
	margin-left: 0%;
	width: 100%;
}

div#dayframe span.event h5, div#dayframe span.event h4, div#dayframe span.event h3 {
	margin-left: 0px;
	padding-left: 30px;
}

div#dayframe span.event h3 {
	padding-left: 11px;
}

div#dayframe span.event h3 span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #407EC9;
	margin-right: 9px;
}

div#dayframe span.event h4.project {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventicons/desktop/project@2x.png') transparent;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px 2px;
}

div#dayframe h4.crew {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventicons/desktop/calendar@2x.png') transparent;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px 1px;
}

div#dayframe h4.time {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventicons/desktop/time@2x.png') transparent;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px 1px;
}

div#dayframe h5.location {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventicons/desktop/location@2x.png') transparent;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px 1px;
}

div#dayframe h5.address {
	background: url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventicons/desktop/address@2x.png') transparent;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 11px 1px;
}

div#dayframe span.birthday,div#dayframe span.project {
	width: 100%;
	padding: 5px 0px 3px 0px;
	margin: 0px;
	display: block;
}

div#dayframe span.birthday img {
	border-radius: 50%;
}

div#dayframe span.birthday a.img,div#dayframe span.project a.img {
	float: left;
	width: 40px;
}

div#dayframe span.birthday span,div#dayframe span.project span {
	min-height: 40px;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	display: table;
	float:left;
	padding: 0px;
}

div#dayframe span.birthday span p,div#dayframe span.project span p {
	display: table-cell; 
	vertical-align: middle; 
	text-align: left; 
	padding-left: 7px;
	margin: 0px;
	line-height: 12px;
}

div#dayframe span.birthday p a,div#dayframe span.project p a {
	float: none;
	color: #808080;
	font-weight: bold;
}

body.dark div#dayframe span.birthday p a,body.dark div#dayframe span.project p a {
	color: #CCC;
}

div#dayframe span.birthday a img,div#dayframe span.project a img {
	width: 100%;
	display: inline;
	vertical-align: middle;
}

div#calendars table.calmonths td:nth-of-type(2) div.selectdiv {
	background:  url('https://s3-us-west-2.amazonaws.com/crewlist/images/generalicons/desktop/selectarrow@2x.png') no-repeat right 50% / 18px 7px, url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/fromcalendar@2x.png') no-repeat 11px 50% / 19px 14px, var(--input-bg);
}

div#calendars table.calmonths td:nth-of-type(4) div.selectdiv {
	background:  url('https://s3-us-west-2.amazonaws.com/crewlist/images/generalicons/desktop/selectarrow@2x.png') no-repeat right 50% / 18px 7px, url('https://s3-us-west-2.amazonaws.com/crewlist/images/eventinputicons/desktop/tocalendar@2x.png') no-repeat 11px 50% / 19px 14px, var(--input-bg);
}

div#daycontroller img#dayicon {
	width: 40px;
    vertical-align: top;
    margin: 9px 5px 0 5px;
    display: inline-block;
}

div#daycontroller div#dayreason.selectdiv {
	width: 29%;
	margin-right: -2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

div#daycontroller div#dayreason.selectdiv select {
	padding-right: 25px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

div#daycontroller div#daytype.selectdiv {
	width: 26%;
	margin-right: -2px;
	border-radius: 0;
}

div#daycontroller div#daytype.selectdiv select {
	padding-right: 25px;
	border-radius: 0;
}

div#daycontroller div#daypencil.selectdiv {
	width: calc(45% - 46px);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

div#daycontroller div#daypencil.selectdiv select {
	padding-right: 25px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

table.labels {
	text-align: center;
	margin: 5px 0 10px 0;
	width: 100%;
	table-layout: fixed;
}

table.labels tr td:nth-child(1),table.labels tr td:nth-child(5) {
	width: 10px;
}

table.labels h4 {
	display: inline-block;
	margin: 10px 0 6px 8px;
}

table.labels span {
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: text-bottom;
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-bottom: -6px;
	border-radius: 50%;
	color: #FFF;
	background: #407EC9;
}

table.labels span.n {
	color: #FFF;
	background: #36b835;
}

table.labels span.r {
	border: 1px #ce3030 solid;
	color:#ce3030;
	background: #FFF;
}

div.month {
	margin-bottom: 20px;
}

div#sidr-right div#calendars div.month {
	width: 100%;
	float: none;
}

div#sidr-right div#calendars div.month table:not(.days) {
	background:  var(--input-bg);
}

div#sidr-right div#calendars h1 {
	height: auto;
	font-size: 20px;
	padding: 11px 0 0 0;
	font-weight: bold;
	color: #808080;
}

body.dark div#sidr-right div#calendars h1 {
	color: #CCC;
}

div#sidr-right div#loadingdates h4 {
	font-size: 16px;
}

div#sidr-right div#calendars table a {
	font-size: 14px;
	width: 86%;
	padding-top: 39%;
	padding-bottom: 42%;
}

div#sidr-right div#calendars table:not(.days) td {
	/* background: #FFF; */
}

div#sidr-right a#clearcalendar {
	margin-top: 0px;
}

div#sidr-right table.calmonths,div#sidr-right table.days {
    table-layout: fixed;
	border-collapse: collapse;
}

div#sidr-right table.calmonths div.selectdiv {
	margin: 0;
	width: 100%;
}

table.padlr.calmonths td:nth-child(3) {
	width:10px;
}

div#sidr-right table.padlr.calmonths td:nth-child(1),div#sidr-right table.padlr.calmonths td:nth-child(5) {
	width:0px;
}

div#sidr-right select.icon {
	padding-left: 36px;
}

div#sidr-right div#calendars table h4 {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	color: #b3b3b3;
}

div#dayframe div.project.pencil img {
    margin-left: 5px;
}

div#dayframe div.project.pencil span.holder, div#dayframe div.project.am span.holder, div#dayframe div.project.pm span.holder {
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: -o-calc(100% - 170px);
	width: calc(100% - 170px);
}

div#dayframe div.project.am:not(.pencil) span.holder, div#dayframe div.project.pm:not(.pencil) span.holder {
	width: -moz-calc(100% - 175px);
	width: -webkit-calc(100% - 175px);
	width: -o-calc(100% - 175px);
	width: calc(100% - 175px);
}

div#dayframe div.project.pencil span.tools, div#dayframe div.project.am span.tools, div#dayframe div.project.pm span.tools {
	width: 105px;
    display: inline-block;
    text-align: right;
}

div#dayframe div.project.pencil span.tools span, div#dayframe div.project.am span.tools span, div#dayframe div.project.pm span.tools span {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
    color: #FFF;
    background: #36b835;
    padding: 5px 8px;
    text-transform: uppercase;
    border-radius: 17px;
    top: 20px;
    position: relative;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 2px;
}

div#dayframe div.project.pencil.am span.tools span,div#dayframe div.project.pencil.pm span.tools span {
	top: 8px;
}

div#dayframe div.project.am span.tools span:first-of-type, div#dayframe div.project.pm span.tools span:first-of-type {
	background: #407EC9;
}

div#dayframe div.project.pencil span.tools span.r {
    background: #ce3030;
}

div#dayframe div.project.pencil span.tools span.pencil,div#dayframe div.project.pencil span.tools span.weather {
	margin-left: 2px;
	background: #f6b340;
	text-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
}

div#dayframe div.project.pencil span.tools span.weather {
	background: #999;
}

table.calendarinfo {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	margin-left: 10px;
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
}

table.calendarinfo td {
	padding: 5px 0.5vw;
}

table.calendarinfo td span {
	width: 100%;
    background: #407ec9;
    display: inline-block;
    padding: 2.5vw 0px;
    border-radius: 5vw;
    color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.25vw;
    line-height: 5.5vw;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

table.calendarinfo td span.g {
    background: #36b835;
}

table.calendarinfo td span.r {
    background: #CE3030;
}

table.calendarinfo td span.y {
    background: #F6B349;
    text-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
}

table.calendarinfo td span.grey {
    background: #999;
}

div#calendars table td.ns a,
div#calendars table td.np a,
div#calendars table td.nw a,
div#calendars table td.nc a,
div#calendars table td.np_nc a,
div#calendars table td.np_np a,
div#calendars table td.nw_nc a,
div#calendars table td.nw_np a,
div#calendars table td.sn a,
div#calendars table td.ss a,
div#calendars table td.sp a,
div#calendars table td.sw a,
div#calendars table td.sc a,
div#calendars table td.sp_nc a,
div#calendars table td.sp_np a,
div#calendars table td.sw_nc a,
div#calendars table td.sw_np a,
div#calendars table td.pn a,
div#calendars table td.ps a,
div#calendars table td.pp a,
div#calendars table td.pw a,
div#calendars table td.pc a,
div#calendars table td.pp_nc a,
div#calendars table td.pp_np a,
div#calendars table td.pw_nc a,
div#calendars table td.pw_np a,
div#calendars table td.wn a,
div#calendars table td.ws a,
div#calendars table td.wp a,
div#calendars table td.ww a,
div#calendars table td.wc a,
div#calendars table td.wp_nc a,
div#calendars table td.wp_np a,
div#calendars table td.ww_nc a,
div#calendars table td.ww_np a,
div#calendars table td.cn a,
div#calendars table td.cs a,
div#calendars table td.cp a,
div#calendars table td.cw a,
div#calendars table td.cc a,
div#calendars table td.cp_nc a,
div#calendars table td.cp_np a,
div#calendars table td.cw_nc a,
div#calendars table td.cw_np a,
div#calendars table td.pn_cn a,
div#calendars table td.ps_cn a,
div#calendars table td.pp_cn a,
div#calendars table td.pw_cn a,
div#calendars table td.pc_cn a,
div#calendars table td.pp_cc a,
div#calendars table td.pp_cp a,
div#calendars table td.pw_cc a,
div#calendars table td.pw_cp a,
div#calendars table td.pn_pn a,
div#calendars table td.ps_pn a,
div#calendars table td.pp_pn a,
div#calendars table td.pw_pn a,
div#calendars table td.pc_pn a,
div#calendars table td.pp_pc a,
div#calendars table td.pp_pp a,
div#calendars table td.pw_pc a,
div#calendars table td.pw_pp a,
div#calendars table td.wn_cn a,
div#calendars table td.ws_cn a,
div#calendars table td.wp_cn a,
div#calendars table td.ww_cn a,
div#calendars table td.wc_cn a,
div#calendars table td.wp_cc a,
div#calendars table td.wp_cp a,
div#calendars table td.ww_cc a,
div#calendars table td.ww_cp a,
div#calendars table td.wn_pn a,
div#calendars table td.ws_pn a,
div#calendars table td.wp_pn a,
div#calendars table td.ww_pn a,
div#calendars table td.wc_pn a,
div#calendars table td.wp_pc a,
div#calendars table td.wp_pp a,
div#calendars table td.ww_pc a,
div#calendars table td.ww_pp a {
    background-size: cover !important;
    background-position: 50% 50% !important;
    image-rendering: crisp-edges !important;
    image-rendering: pixelated !important;
    -moz-image-rendering: crisp-edges !important;
    -moz-image-rendering: pixelated !important;
    -webkit-image-rendering: crisp-edges !important;
    -webkit-image-rendering: pixelated !important;
    background-repeat: no-repeat;
    /*
    text-shadow: 0 0 4px rgba(0,0,0,0.5) !important;
    color: #FFF;
    */
}

/*
div#calendars table td.nn a {
	background: none;
}

div#calendars table td.ns a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ns.png') !important;
}

div#calendars table td.np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/np.png') !important;
}

div#calendars table td.nw a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/nw.png') !important;
}

div#calendars table td.nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/nc.png') !important;
}

div#calendars table td.np_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/np_nc.png') !important;
}

div#calendars table td.np_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/np_np.png') !important;
}

div#calendars table td.nw_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/nw_nc.png') !important;
}

div#calendars table td.nw_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/nw_np.png') !important;
}

div#calendars table td.sn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sn.png') !important;
}

div#calendars table td.ss a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ss.png') !important;
}

div#calendars table td.sp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sp.png') !important;
}

div#calendars table td.sw a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sw.png') !important;
}

div#calendars table td.sc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sc.png') !important;
}

div#calendars table td.sp_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sp_nc.png') !important;
}

div#calendars table td.sp_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sp_np.png') !important;
}

div#calendars table td.sw_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sw_nc.png') !important;
}

div#calendars table td.sw_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/sw_np.png') !important;
}

div#calendars table td.pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pn.png') !important;
}

div#calendars table td.ps a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ps.png') !important;
}

div#calendars table td.pp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp.png') !important;
}

div#calendars table td.pw a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw.png') !important;
}

div#calendars table td.pc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pc.png') !important;
}

div#calendars table td.pp_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_nc.png') !important;
}

div#calendars table td.pp_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_np.png') !important;
}

div#calendars table td.pw_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_nc.png') !important;
}

div#calendars table td.pw_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_np.png') !important;
}

div#calendars table td.wn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wn.png') !important;
}

div#calendars table td.ws a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ws.png') !important;
}

div#calendars table td.wp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp.png') !important;
}

div#calendars table td.ww a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww.png') !important;
}

div#calendars table td.wc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wc.png') !important;
}

div#calendars table td.wp_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_nc.png') !important;
}

div#calendars table td.wp_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_np.png') !important;
}

div#calendars table td.ww_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_nc.png') !important;
}

div#calendars table td.ww_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_np.png') !important;
}

div#calendars table td.cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cn.png') !important;
}

div#calendars table td.cs a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cs.png') !important;
}

div#calendars table td.cp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cp.png') !important;
}

div#calendars table td.cw a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cw.png') !important;
}

div#calendars table td.cc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cc.png') !important;
}

div#calendars table td.cp_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cp_nc.png') !important;
}

div#calendars table td.cp_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cp_np.png') !important;
}

div#calendars table td.cw_nc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cw_nc.png') !important;
}

div#calendars table td.cw_np a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/cw_np.png') !important;
}

div#calendars table td.pn_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pn_cn.png') !important;
}

div#calendars table td.ps_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ps_cn.png') !important;
}

div#calendars table td.pp_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_cn.png') !important;
}

div#calendars table td.pw_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_cn.png') !important;
}

div#calendars table td.pc_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pc_cn.png') !important;
}

div#calendars table td.pp_cc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_cc.png') !important;
}

div#calendars table td.pp_cp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_cp.png') !important;
}

div#calendars table td.pw_cc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_cc.png') !important;
}

div#calendars table td.pw_cp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_cp.png') !important;
}

div#calendars table td.pn_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pn_pn.png') !important;
}

div#calendars table td.ps_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ps_pn.png') !important;
}

div#calendars table td.pp_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_pn.png') !important;
}

div#calendars table td.pw_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_pn.png') !important;
}

div#calendars table td.pc_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pc_pn.png') !important;
}

div#calendars table td.pp_pc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_pc.png') !important;
}

div#calendars table td.pp_pp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pp_pp.png') !important;
}

div#calendars table td.pw_pc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_pc.png') !important;
}

div#calendars table td.pw_pp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/pw_pp.png') !important;
}

div#calendars table td.wn_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wn_cn.png') !important;
}

div#calendars table td.ws_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ws_cn.png') !important;
}

div#calendars table td.wp_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_cn.png') !important;
}

div#calendars table td.ww_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_cn.png') !important;
}

div#calendars table td.wc_cn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wc_cn.png') !important;
}

div#calendars table td.wp_cc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_cc.png') !important;
}

div#calendars table td.wp_cp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_cp.png') !important;
}

div#calendars table td.ww_cc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_cc.png') !important;
}

div#calendars table td.ww_cp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_cp.png') !important;
}

div#calendars table td.wn_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wn_pn.png') !important;
}

div#calendars table td.ws_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ws_pn.png') !important;
}

div#calendars table td.wp_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_pn.png') !important;
}

div#calendars table td.ww_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_pn.png') !important;
}

div#calendars table td.wc_pn a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wc_pn.png') !important;
}

div#calendars table td.wp_pc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_pc.png') !important;
}

div#calendars table td.wp_pp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/wp_pp.png') !important;
}

div#calendars table td.ww_pc a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_pc.png') !important;
}

div#calendars table td.ww_pp a {
	background-image: url('https://crewlist.s3.amazonaws.com/images/daybackgrounds/ww_pp.png') !important;
}

*/

div#calendarheader {
	border-bottom: 1px solid var(--list-object-border);
    position: fixed;
    top: var(--mobile-topmenu-height);
    background: var(--content-bg);
    z-index: 2;
    height: calc(var(--mobile-topmenu-height) * 1.25);
    width: 100vw;
}

div#calendarheader:empty {
	border-bottom: 1px solid transparent;
}

div#calendarheader div#activemonthname {
	display: inline-block;
}

div#calendarheader div#calendarcontrols {
	display: inline-block;
    float: right;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	margin: 0px 10px 0 0;
}

@media only screen and (min-width: 410px) {
	div#calendarheader div#calendarcontrols a#today::after {
	  content: "oday";
	}
}

div#calendarheader div#calendarcontrols a {
	height: 40px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 16px;
    margin-left: 5px;
    font-family: var(--font-family-sans);
    color: var(--textbox-grey-text);
    background: var(--button-grey-bg);
}

div#calendarheader div#calendarcontrols a:hover {
	color: var(--highlight-blue-text);
    background: var(--highlight-blue-bg-hover);
}

div#calendarheader div#calendarcontrols a:active {
	color: var(--highlight-blue-text);
    background: var(--highlight-blue-bg-active);
}

div#calendarheader div#calendarcontrols a#prevmonth, div#calendarheader div#calendarcontrols a#nextmonth {
	width: 40px;	
	border-radius: 20px;
}

div#calendarheader div#calendarcontrols a#prevmonth {
	background: url('https://images.crewlist.co/icons/back/colour/808080') no-repeat 50% 50% / 14px 14px, var(--button-grey-bg);
}

div#calendarheader div#calendarcontrols a#prevmonth:hover {
	background: url('https://images.crewlist.co/icons/back/status/active') no-repeat 50% 50% / 14px 14px, var(--highlight-blue-bg-hover);
}

div#calendarheader div#calendarcontrols a#prevmonth:active {
	background: url('https://images.crewlist.co/icons/back/status/active') no-repeat 50% 50% / 14px 14px, var(--highlight-blue-bg-active);
}

div#calendarheader div#calendarcontrols a#nextmonth {
	background: url('https://images.crewlist.co/icons/forward/colour/808080') no-repeat 50% 50% / 14px 14px, var(--button-grey-bg);
}

div#calendarheader div#calendarcontrols a#nextmonth:hover {
	background: url('https://images.crewlist.co/icons/forward/status/active') no-repeat 50% 50% / 14px 14px, var(--highlight-blue-bg-hover);
}

div#calendarheader div#calendarcontrols a#nextmonth:active {
	background: url('https://images.crewlist.co/icons/forward/status/active') no-repeat 50% 50% / 14px 14px, var(--highlight-blue-bg-active);
}

div#calendarheader h1 {
	font-size: 30px;
    margin: 5px 0 0 15px;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div#calendarheader h1 span {
	margin-left: 5px;
    font-weight: normal;
    color: var(--h3-text);
}

div#calendarbody {
	padding-top: calc((var(--mobile-topmenu-height) * 1.25) - 10px);
}

div#calendarbody > h3 {
	margin: 35vh 0 5px 0;
    text-align: center;
    font-weight: bold;
}

div#calendarbody > h3 + h4 {
	margin: 0;
    text-align: center;
    padding: 0 30px;
}

div#calendarbody > div.loading {
	width: 100%;
	text-align: center;
}

div#calendarbody > div.loading svg.loadingcircle {
	width: 40px;
    height: 40px;
    margin-top: calc(50vh - 20px - (var(--mobile-topmenu-height) * 2.25));
    animation: rotationspin 1s steps(10, end) infinite;
}

table.complexcalmonth {
	width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: var(--font-family-sans);
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

table.complexcalmonth, table.complexcaldays {
	width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: var(--font-family-sans);
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

table.complexcalmonth td, table.complexcaldays td {
	border: 1px solid var(--list-object-border);
	margin: 0;
	padding: 0;	
	vertical-align: top;
}

table.complexcaldays {
	position: absolute;
    bottom: 0;
}

table.complexcaldays.short {
	visibility: hidden;	
}

table.complexcaldays td {
    color: var(--input-text);
    font-weight: 500;
    border: 0px;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    text-align: center;    
}

table.complexcaldays.short td {
    padding: 10px 0px;
    text-align: center;
}

table.complexcalmonth td {
	cursor: pointer;
	background: var(--weekday-bg);
}

table.complexcalmonth td:hover {
	background: var(--weekday-bg-hover);
}

table.complexcalmonth td:active {
	background: var(--weekday-bg-active);
}

table.complexcalmonth td.weekend {
	background: var(--weekend-bg);
}

table.complexcalmonth td.weekend:hover {
	background: var(--weekend-bg-hover);
}

table.complexcalmonth td.weekend:active {
	background: var(--weekend-bg-active);
}

table.complexcalmonth tr:first-child td {
	border-top: 0px;
}

table.complexcalmonth tr td:first-child {
	border-left: 0px;
}

table.complexcalmonth tr td:last-child {
	border-right: 0px;
}

table.complexcalmonth tr:last-child td:not(.hasbelow) {
	border-bottom: 1px solid var(--weekend-month-text);	
}

table.complexcalmonth tr:first-child td.fromprevmonth {
	border-bottom: 1px solid var(--weekend-month-text);	
}

table.complexcalmonth tr:first-child td.lastfromprevmonth {
	border-bottom: 1px solid var(--weekend-month-text);
	border-right: 1px solid var(--weekend-month-text);	
}

table.complexcalmonth td div.daybox {
	min-height: max(calc((100vh - (2.25 * var(--mobile-topmenu-height)) - var(--mobile-basemenu-height)) / 5), 75px);
    padding: 8px 5px;
    display: inline-block;
    width: 100%;
    position: relative;
}

table.complexcalmonth td div.daybox div.datebox {
	height: 25px;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
}

table.complexcalmonth td div.daybox div.datebox span.date {
	font-weight: normal;
	color: var(--month-text);
    font-size: 16px;
    opacity: 0.25;
    flex-basis: auto;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;	
    width: 100%;
    text-align: center;
}

table.complexcalmonth td.active div.daybox div.datebox span.date {
	opacity: 1;	
}

table.complexcalmonth td div.daybox div.datebox span.date span {
	font-weight: 500;
	color: var(--input-text);
	display: inline-block;
	height: 25px;
	width: auto;
	border-radius: 12.5px;
	margin-right: 3px;
    text-align: center;
    padding: 2px 0 0 5px;
    font-size: 16px;
}

table.complexcalmonth td.weekend div.daybox div.datebox span.date {
	color: var(--weekend-month-text);
}

table.complexcalmonth td.firstdate div.daybox div.datebox span.date {
	color: var(--input-text);
	font-weight: 500;
}

table.complexcalmonth td.today div.daybox div.datebox span.date span {
	background: var(--colour-blue);
    color: #FFF;
    min-width: 25px;
    padding: 2px 5px 0 5px;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions {
	float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
    display: inline-block;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus {
	height: 25px;
    font-weight: 500;
    border-radius: 12.5px;
    margin: 0 0 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    display: none;
    background: var(--colour-light-green);
    color: #FFF;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 8px 0 25px;
    text-shadow: 0 0 4px var(--colour-dark-green);
    opacity: 0.25;
    background-image: url('https://images.crewlist.co/icons/tick/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td.active div.daybox div.datebox span.dayoptions span.daystatus {
	opacity: 1;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.busy {
	display: inline-block;
    background: var(--colour-light-red);
    text-shadow: 0 0 4px var(--colour-dark-red);
    background-image: url('https://images.crewlist.co/icons/close/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.busy:hover {
    background: var(--colour-red);
    background-image: url('https://images.crewlist.co/icons/close/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.busy:active {
    background: var(--colour-dark-red);
    background-image: url('https://images.crewlist.co/icons/close/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.busy::before {
	content: "BUSY";
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.free {
	display: inline-block;
    background: var(--colour-light-green);
    text-shadow: 0 0 4px var(--colour-dark-green);
    background-image: url('https://images.crewlist.co/icons/tick/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.free:hover {
    background: var(--colour-green);
    background-image: url('https://images.crewlist.co/icons/tick/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.free:active {
    background: var(--colour-dark-green);
    background-image: url('https://images.crewlist.co/icons/tick/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.free::before {
	content: "FREE";
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.check {
	display: inline-block;
    background: var(--colour-light-orange);
    text-shadow: 0 0 4px var(--colour-dark-orange);
    background-image: url('https://images.crewlist.co/icons/warning/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.check:hover {
    background: var(--colour-orange);
    background-image: url('https://images.crewlist.co/icons/warning/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.check:active {
    background: var(--colour-dark-orange);
    background-image: url('https://images.crewlist.co/icons/warning/colour/FFFFFF');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

table.complexcalmonth td div.daybox div.datebox span.dayoptions span.daystatus.check::before {
	content: "CHECK";
}

table.complexcalmonth td div.daybox div.datebox span.editdate {
    background: var(--highlight-grey-bg);
    display: none;
    height: 25px;
    padding: 5px 5px 0 10px;
    font-weight: 500;
    border-radius: 12.5px;
    font-size: 13px;
    margin: 0 0 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

table.complexcalmonth td:hover div.daybox div.datebox span.editdate,
table.complexcalmonth td div.daybox:hover div.datebox span.editdate, 
table.complexcalmonth td div.daybox div.datebox span.editdate.active {
	display: inline-block;
}

table.complexcalmonth td div.daybox div.datebox span.editdate:hover {
	background: var(--highlight-grey-bg-hover);
}

table.complexcalmonth td div.daybox div.datebox span.editdate:active, table.complexcalmonth td div.daybox div.datebox span.editdate.active {
	background: var(--highlight-grey-bg-active);
}

table.complexcalmonth td div.daybox div.datebox span.editdate img {
	height: 13px;
    width: 13px;
    display: inline-block;
    margin: 0 3px -1.5px -2px;
}

table.complexcalmonth td div.daybox div.datebox span.editdate img:nth-of-type(2), table.complexcalmonth td div.daybox div.datebox span.editdate.active img:nth-of-type(1) {
	display: none;
}

table.complexcalmonth td div.daybox div.datebox span.editdate.active img:nth-of-type(2) {
	display: inline-block;
}

table.complexcalmonth td div.daybox span.booking {
	width: 100%;
    background: var(--textbox-blue-bg-new);
    display: inline-block;
    height: 25px;
    padding: 4px 5px 0 10px;
    color: var(--textbox-blue-text);
    font-weight: 500;
    border-radius: 12.5px;
    font-size: 13px;
    margin-bottom: 5px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

table.complexcalmonth td div.daybox span.booking img {
	height: 13px;
    width: 13px;
    display: inline-block;
    margin: 0 3px -1.5px -2px;
}

table.complexcalmonth td div.daybox span.booking img:nth-of-type(2), table.complexcalmonth td div.daybox span.booking.active:not(.qh1,.qh2,.qh3) img:nth-of-type(1) {
	display: none;
}

table.complexcalmonth td div.daybox span.booking.active:not(.qh1,.qh2,.qh3) img:nth-of-type(2) {
	display: inline-block;
}

table.complexcalmonth td div.daybox span.booking.am {
	width: calc(50% - 2.5px);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

table.complexcalmonth td div.daybox span.booking.pm {
	width: calc(50% - 2.5px);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: right;
}

/*
table.complexcalmonth td div.daybox span.booking:not(.active):hover {
	background: var(--textbox-blue-bg-new-hover);
}

table.complexcalmonth td div.daybox span.booking:not(.active):active {
	background: var(--textbox-blue-bg-new-active);
}

table.complexcalmonth td div.daybox span.booking.active {
	background: var(--colour-blue);
	color: #FFF;
}

table.complexcalmonth td div.daybox span.booking.active:hover {
	background: var(--colour-blue-hover);
}

table.complexcalmonth td div.daybox span.booking.active:active {
	background: var(--colour-blue-active);
}
*/

table.complexcalmonth td div.daybox span.booking.p1 {
	background: var(--textbox-green-bg-new);
    color: var(--textbox-green-text);
}

/*
table.complexcalmonth td div.daybox span.booking.p1:not(.active):hover {
	background: var(--textbox-green-bg-new-hover);
}

table.complexcalmonth td div.daybox span.booking.p1:not(.active):active {
	background: var(--textbox-green-bg-new-active);
}

table.complexcalmonth td div.daybox span.booking.p1.active {
	background: var(--colour-green);
	color: #FFF;
}

table.complexcalmonth td div.daybox span.booking.p1.active:hover {
	background: var(--colour-green-hover);
}

table.complexcalmonth td div.daybox span.booking.p1.active:active {
	background: var(--colour-green-active);
}
*/

table.complexcalmonth td div.daybox span.booking.p2 {
	background: var(--textbox-orange-bg-new);
    color: var(--textbox-orange-text);
}

/*
table.complexcalmonth td div.daybox span.booking.p2:not(.active):hover {
	background: var(--textbox-orange-bg-new-hover);
}

table.complexcalmonth td div.daybox span.booking.p2:not(.active):active {
	background: var(--textbox-orange-bg-new-active);
}

table.complexcalmonth td div.daybox span.booking.p2.active {
	background: var(--colour-orange);
	color: #FFF;
}

table.complexcalmonth td div.daybox span.booking.p2.active:hover {
	background: var(--colour-orange-hover);
}

table.complexcalmonth td div.daybox span.booking.p2.active:active {
	background: var(--colour-orange-active);
}
*/

table.complexcalmonth td div.daybox span.booking.p3 {
	background: var(--textbox-yellow-bg-new);
    color: var(--textbox-yellow-text);
}

/*
table.complexcalmonth td div.daybox span.booking.p3:not(.active):hover {
	background: var(--textbox-yellow-bg-new-hover);
}

table.complexcalmonth td div.daybox span.booking.p3:not(.active):active {
	background: var(--textbox-yellow-bg-new-active);
}

table.complexcalmonth td div.daybox span.booking.p3.active {
	background: var(--colour-yellow);
	color: #FFF;
}

table.complexcalmonth td div.daybox span.booking.p3.active:hover {
	background: var(--colour-yellow-hover);
}

table.complexcalmonth td div.daybox span.booking.p3.active:active {
	background: var(--colour-yellow-active);
}
*/

/* quote hold */

table.complexcalmonth td div.daybox span.booking.qh1 {
	background: var(--content-bg);
	color: var(--textbox-green-text);
	border: 2px solid var(--qh1-border);
	padding: 3px 3px 0 8px;
}

/*
table.complexcalmonth td div.daybox span.booking.qh1:not(.active):hover {
	border: 2px solid var(--qh1-border-hover);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh1:not(.active):active {
	border: 2px solid var(--textbox-green-bg-new-active);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh1.active {
	border: 2px solid var(--colour-green);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh1.active:hover {
	border: 2px solid var(--colour-green-hover);
}

table.complexcalmonth td div.daybox span.booking.qh1.active:active {
	border: 2px solid var(--colour-green-active);
}
*/

table.complexcalmonth td div.daybox span.booking.qh2 {
	background: var(--content-bg);
	color: var(--textbox-orange-text);
	border: 2px solid var(--qh2-border);
	padding: 3px 3px 0 8px;
}

/*
table.complexcalmonth td div.daybox span.booking.qh2:not(.active):hover {
	border: 2px solid var(--qh2-border-hover);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh2:not(.active):active {
	border: 2px solid var(--textbox-orange-bg-new-active);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh2.active {
	border: 2px solid var(--colour-orange);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh2.active:hover {
	border: 2px solid var(--colour-orange-hover);
}

table.complexcalmonth td div.daybox span.booking.qh2.active:active {
	border: 2px solid var(--colour-orange-active);
}
*/

table.complexcalmonth td div.daybox span.booking.qh3 {
	background: var(--content-bg);
	color: var(--textbox-yellow-text);
	border: 2px solid var(--qh3-border);
	padding: 3px 3px 0 8px;
}

/*
table.complexcalmonth td div.daybox span.booking.qh3:not(.active):hover {
	border: 2px solid var(--qh3-border-hover);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh3:not(.active):active {
	border: 2px solid var(--textbox-yellow-bg-new-active);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh3.active {
	border: 2px solid var(--colour-yellow);
	background: var(--content-bg);
}

table.complexcalmonth td div.daybox span.booking.qh3.active:hover {
	border: 2px solid var(--colour-yellow-hover);
}

table.complexcalmonth td div.daybox span.booking.qh3.active:active {
	border: 2px solid var(--colour-yellow-active);
}
*/

.floatingmonthname {
	position: absolute;
    width: auto;
    padding: 5px;
    margin: 10px;
    background: var(--content-bg);
    border-radius: 20px;
    box-shadow: 0px 0px 30px var(--content-bg);
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

div#container.manualscrolling:not(.scrolling) .floatingmonthname, div#inlinecalendar.manualscrolling:not(.scrolling) .floatingmonthname {
    opacity: 1;
    visibility: visible;
}

.floatingmonthname h1 {
	font-size: 30px;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.floatingmonthname h1 span {
    margin-left: 5px;
    font-weight: normal;
    color: var(--h3-text);
}

html {
	--cell-pad-each-side: 5px;
	
	--single-day-width: calc((100vw - 7px) / 7);
	--half-day-width: calc(((var(--single-day-width) - (var(--cell-pad-each-side) * 2)) / 2) - 2.5px);
	
	/* width */
	--span-width-zero-zero-half: calc(((var(--single-day-width) - (var(--cell-pad-each-side) * 2)) / 2) - 2.5px);
	--span-width-zero-one-zero: calc((1 * var(--single-day-width)) + (1 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-one-half: calc((1 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (1 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-two-zero: calc((2 * var(--single-day-width)) + (2 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-two-half: calc((2 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (2 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-three-zero: calc((3 * var(--single-day-width)) + (3 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-three-half: calc((3 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (3 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-four-zero: calc((4 * var(--single-day-width)) + (4 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-four-half: calc((4 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (4 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-five-zero: calc((5 * var(--single-day-width)) + (5 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-five-half: calc((5 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (5 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-six-zero: calc((6 * var(--single-day-width)) + (6 * 1px) - (var(--cell-pad-each-side) * 2));
	
	--span-width-zero-six-half: calc((6 * var(--span-width-zero-one-zero)) + var(--span-width-zero-zero-half) + (6 * (var(--cell-pad-each-side) * 2)));
	--span-width-zero-seven-zero: calc((7 * var(--single-day-width)) + (7 * 1px) - (var(--cell-pad-each-side) * 2));
	
	/* width start half */
	--span-width-half-zero-zero: calc((0 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (0 * (var(--cell-pad-each-side) * 2)) + (0 * 1px));
	
	--span-width-half-one-half: calc((0 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (1 * (var(--cell-pad-each-side) * 2)) + (1 * 1px));
	--span-width-half-one-zero: calc((1 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (1 * (var(--cell-pad-each-side) * 2)) + (1 * 1px));
	
	--span-width-half-one-half: calc((1 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (2 * (var(--cell-pad-each-side) * 2)) + (2 * 1px));
	--span-width-half-two-zero: calc((2 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (2 * (var(--cell-pad-each-side) * 2)) + (2 * 1px));
	
	--span-width-half-two-half: calc((2 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (3 * (var(--cell-pad-each-side) * 2)) + (3 * 1px));
	--span-width-half-three-zero: calc((3 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (3 * (var(--cell-pad-each-side) * 2)) + (3 * 1px));
	
	--span-width-half-three-half: calc((3 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (4 * (var(--cell-pad-each-side) * 2)) + (4 * 1px));
	--span-width-half-four-zero: calc((4 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (4 * (var(--cell-pad-each-side) * 2)) + (4 * 1px));
	
	--span-width-half-four-half: calc((4 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (5 * (var(--cell-pad-each-side) * 2)) + (5 * 1px));
	--span-width-half-five-zero: calc((5 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (5 * (var(--cell-pad-each-side) * 2)) + (5 * 1px));
	
	--span-width-half-five-half: calc((5 * var(--span-width-zero-one-zero)) + (2 * var(--span-width-zero-zero-half)) + (6 * (var(--cell-pad-each-side) * 2)) + (6 * 1px));
	--span-width-half-six-zero: calc((6 * var(--span-width-zero-one-zero)) + (1 * var(--span-width-zero-zero-half)) + (6 * (var(--cell-pad-each-side) * 2)) + (6 * 1px));
	
	/* start */
	--start-zero-zero: calc(0 * var(--single-day-width) + 5px + (0 * 1px));
	--start-zero-half: calc((0 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (1 * 0.5px));
	
	--start-one-zero: calc(1 * var(--single-day-width) + 5px + (1 * 1px));
	--start-one-half: calc((1 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (2 * 1px));
	
	--start-two-zero: calc(2 * var(--single-day-width) + 5px + (2 * 1px));
	--start-two-half: calc((2 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (3 * 1px));
	
	--start-three-zero: calc(3 * var(--single-day-width) + 5px + (3 * 1px));
	--start-three-half: calc((3 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (4 * 1px));
	
	--start-four-zero: calc(4 * var(--single-day-width) + 5px + (4 * 1px));
	--start-four-half: calc((4 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (5 * 1px));
	
	--start-five-zero: calc(5 * var(--single-day-width) + 5px + (5 * 1px));
	--start-five-half: calc((5 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (6 * 1px));
	
	--start-six-zero: calc(6 * var(--single-day-width) + 5px + (6 * 1px));
	--start-six-half: calc((6 * var(--single-day-width)) + var(--half-day-width) + (var(--cell-pad-each-side) * 2) + (7 * 1px));
}

span.booking.multiday {
	position: absolute;
	top: 38px;
	left: 5px;
	width: var(--span-width-zero-one-zero) !important;
}

span.booking.multiday.startzerohalf {
	left: var(--start-zero-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.startonezero {
	left: var(--start-one-zero);
}

span.booking.multiday.startonehalf {
	left: var(--start-one-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.starttwozero {
	left: var(--start-two-zero);
}

span.booking.multiday.starttwohalf {
	left: var(--start-two-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.startthreezero {
	left: var(--start-three-zero);
}

span.booking.multiday.startthreehalf {
	left: var(--start-three-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.startfourzero {
	left: var(--start-four-zero);
}

span.booking.multiday.startfourhalf {
	left: var(--start-four-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.startfivezero {
	left: var(--start-five-zero);
}

span.booking.multiday.startfivehalf {
	left: var(--start-five-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.startsixzero {
	left: var(--start-six-zero);
}

span.booking.multiday.startsixhalf {
	left: var(--start-six-half);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

/* width */
span.booking.multiday.zerozerohalf {
	width: var(--span-width-zero-zero-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zeroonezero {
	width: var(--span-width-zero-one-zero) !important;
}

span.booking.multiday.zeroonehalf {
	width: var(--span-width-zero-one-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerotwozero {
	width: var(--span-width-zero-two-zero) !important;
}

span.booking.multiday.zerotwohalf {
	width: var(--span-width-zero-two-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerothreezero {
	width: var(--span-width-zero-three-zero) !important;
}

span.booking.multiday.zerothreehalf {
	width: var(--span-width-zero-three-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerofourzero {
	width: var(--span-width-zero-four-zero) !important;
}

span.booking.multiday.zerofourhalf {
	width: var(--span-width-zero-four-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerofivezero {
	width: var(--span-width-zero-five-zero) !important;
}

span.booking.multiday.zerofivehalf {
	width: var(--span-width-zero-five-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerosixzero {
	width: var(--span-width-zero-six-zero) !important;
}

span.booking.multiday.zerosixhalf {
	width: var(--span-width-zero-six-half) !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.zerosevenzero {
	width: var(--span-width-zero-seven-zero) !important;
}

/* width start half */
span.booking.multiday.halfzerozero {
	width: var(--span-width-half-zero-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halfzerohalf {
	width: var(--span-width-half-zero-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halfonezero {
	width: var(--span-width-half-one-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halfonehalf {
	width: var(--span-width-half-one-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halftwozero {
	width: var(--span-width-half-two-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halftwohalf {
	width: var(--span-width-half-two-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halfthreezero {
	width: var(--span-width-half-three-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halfthreehalf {
	width: var(--span-width-half-three-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halffourzero {
	width: var(--span-width-half-four-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halffourhalf {
	width: var(--span-width-half-four-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halffivezero {
	width: var(--span-width-half-five-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halffivehalf {
	width: var(--span-width-half-five-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

span.booking.multiday.halfsixzero {
	width: var(--span-width-half-six-zero) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

span.booking.multiday.halfsixhalf {
	width: var(--span-width-half-six-half) !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}