/* Master Calendar - Bates College
	 Served from axis.bates.edu/ems26/ via CI deploy (mgr runner)
	 Injection: Ansible ems_master_calendar role adds <link> to Calendar.master
	 https://axis.bates.edu/ems26/mastercalendar.css */

:root {
	--bates-garnet: #881124;
	--bates-garnet-dark: #6e0d1d;
	--bates-garnet-hover: #a01530;
	--bates-gray: #707170;
	--bates-light-gray: #B2B3B2;
}

/* the default mc header img */
#ctl00_Header_imgBannerDiv {
	display:none;
}

/* setup our own garnet bar header */
#ctl00_HeaderContainer {
	background-color: var(--bates-garnet);
	background-image: url(https://axis.bates.edu/branding/wordmark-white.svg);
	background-size: auto 55%;
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
}

/* create "Events at Bates" header */
#page:before {
	/* this matches the MC body width */
	width: 1300px;
	margin-inline: auto;

	content: "Events at Bates";
	color: hsl(0,0%, 18%);
	font-weight: 200;
	font-size: 3em;
	padding: 1em 0 1rem;
	display: block;
}



/**
 * General Overrides
 */
body,
.mc-bg-color-2 {
	background: hsl(175, 10%, 92%);
}

.tab-wraper, .container-wraper {
	display: none !important;
}

.button.selected {
	background-color: hsl(175, 10%, 35%);
	color: white;
}
.button.selected:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}

/* General Checkbox lists
*/
li.calendar-type-title {
	background-color: transparent;
	font-weight: bold;
	width: auto;
}

div.checkbox, div.checkbox-head {
	border-radius: 1px;
	border: 1px solid hsl(0, 0%, 75%);
	background-color: hsl(0, 0%, 90%);
	height: 1.2em;
	width: 1.2em;
}

li.calendar-type-title .groupingHeaderText {
	padding-left: 0.3em;
}
li.calendar-type-title .checkbox-head:focus {
	outline: none;
}
li.calendar-type-title .checkbox-head[aria-checked=true] {
	background-color: hsl(350, 0%, 50%);
	border-color: transparent;
}
li.calendar-type-title:hover {
	background-color: transparent;
}
li.calendar-type-title:hover .groupingHeaderText {
	text-decoration: underline;
}

li.calendar-type-item {
	margin: 0;
	padding: 5px 0 3px 10px;
}
li.calendar-type-item .groupItemText {
	padding-left: 0.5em;
}
li.calendar-type-item .checkbox:focus {
	outline: none;
}
li.calendar-type-item .checkbox[aria-checked=true] {
	background-color: hsl(350, 78%, 30%);
	border-color: transparent;
}
li.calendar-type-item:hover {
	background-color: transparent;
}
li.calendar-type-item:hover .groupItemText {
	text-decoration: underline;
}

/**
 * Admin Pages specific
 */
body.mcBody {
	padding: 0;
	margin: 0;
}
body.mcBody div.mcCon {
	max-width: 1400px;
	margin: 0 auto;
}
body.mcBody .HeaderContainer:before {
	content: "Master Calendar Admin";
	padding: 30px 0 20px;
	font-weight: 800;
	font-size: 30px;
}

/* The Login mini-bar
 *
 * Here we are going to move it up and out of a weird little dropdown
 * next to the user name. Maybe that's a fine spot for a couple things, 
 * but not for the home link. 
 *
 */
.filters-main-container {
	position: static;
}
.filters-main-container > div:first-child {
	height: 0 !important;
}

#page {
	position: relative;
}

.login-container,
.login-fluid-container {
	position: absolute;
	left: 0;
	width: 100%;
	background: hsl(0, 0%, 80%);
	font-size: 1.4rem;
}

/* Put the menu at the top
/* */
#page {
	padding-top: 100px;
}
@media (min-width: 560px) {
	#page {
	padding-top: 72px;
	}
}

.login-container,
.login-fluid-container {
	top: 0;
	padding: .6em 0;
	z-index: 105;
}

.login-fluid-container {
	top: -100px;
}
@media (min-width: 560px) {
	.login-fluid-container {
	top: -72px;
	}
}

/**/
/* Or put the menu at the bottom
/* * /
#page {
	padding-bottom: 4em;
}
.login-container {
	bottom: 0;
	padding: 1.3em 0;
}
/**/
.login-bar {
	height: auto !important;
	max-width: 100%;
	width: 967px;
	margin: 0 auto;
	float: none;
}
.login-bar .icon.person-male {
	display: none;
}
.login-bar .icon.person-male + div {
	float: none;
	display: flex;
	flex-direction: column;
}
@media (min-width: 560px) {
	.login-bar .icon.person-male + div {
	flex-direction: row;
	}
}
.login-bar .icon.person-male + div > div:first-child.pointer {
	text-transform: capitalize;
	padding: 0 0.5em;
	font-size: 1em;
}
.login-bar .icon.person-male + div > div:first-child.pointer:after {
	content: "Menu";
	background-color: hsl(175, 10%, 35%);
	color: white;
	display: inline-block;
	padding: 0.4em 0.8em;
	border-radius: 3px;
	margin-left: 1em;
	cursor: pointer;
}
.login-bar .icon.person-male + div > div:first-child.pointer:after:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
@media (min-width: 560px) {
	.login-bar .icon.person-male + div > div:first-child.pointer {
	cursor: default;
	pointer-events: none;
	}
	.login-bar .icon.person-male + div > div:first-child.pointer:after {
	content: " -- ";
	color: hsl(0, 0%, 60%);
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	cursor: default;
	background: none;
	}
}
.login-bar .icon.person-male + div span.userMenu {
	display: none;
}
.login-bar .user-menu {
	background: transparent;
	position: static !important;
	width: auto;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}
@media (min-width: 560px) {
	.login-bar .user-menu {
	display: block !important;
	}
}
.login-bar .user-menu > div {
	display: flex;
	flex-direction: column;
}
@media (min-width: 560px) {
	.login-bar .user-menu > div {
	flex-direction: row;
	}
}
.login-bar .user-menu .first-level,
.login-bar .user-menu .second-level {
	opacity: 1;
	padding: 0.3em 1em;
}
@media (min-width: 560px) {
	.login-bar .user-menu .first-level,
	.login-bar .user-menu .second-level {
	padding: 0 0.5em;
	}
}
.login-bar .user-menu .first-level.pointer,
.login-bar .user-menu .second-level {
	color: hsl(350, 78%, 30%);
	font-weight: normal;
}
.login-bar .user-menu .first-level.pointer:hover,
.login-bar .user-menu .second-level:hover {
	text-decoration: underline;
}
.login-bar .user-menu .first-level.pointer:focus,
.login-bar .user-menu .second-level:focus {
	outline: none;
}
.login-bar .user-menu .first-level {
	border: none;
}
.login-bar .user-menu .second-level {
	text-indent: initial;
	font-size: 1.4rem;
}
.login-bar .user-menu .first-level:not(.pointer) {
	display: flex;
	flex-direction: column;
}
@media (min-width: 560px) {
	.login-bar .user-menu .first-level:not(.pointer) {
	font-size: 0;
	flex-direction: row;
	}
}
.login-bar .user-menu > div > .first-level:last-child {
	display: none;
}
.login-bar span.login {
	top: auto;
	margin: 0;
	background: transparent;
	color: hsl(350, 78%, 30%);
	border-radius: 2px;
	padding: 0 0.5em;
	font-weight: 400;
	font-size: 1em;
}
.login-bar span.login:hover {
	text-decoration: underline;
}

/* The popup login form
 */
#loginForm {
	background: white;
	padding: 2.5em;
	border-radius: 2px;
	border: 1px solid hsl(350, 78%, 30%);
	box-shadow: 0 0 100px black;
	left: calc(50vw - 175px) !important;
	top: 18vh !important;
	position: fixed !important;
}
@media (min-width: 967px) {
	#loginForm {
	padding: 3.5em;
	}
}
#loginForm .input-wrapper {
	background: transparent;
	width: 100%;
	padding-left: 0;
}
#loginForm .input-wrapper label {
	display: block;
	float: none;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0.2em;
}
#loginForm .input-wrapper input {
	margin-left: 0;
	border: 1px solid silver;
	font-size: 16px;
	font-family: inherit;
	padding: 5px;
	width: 100%;
}
#loginForm .input-wrapper input:focus {
	border: 1px solid hsl(350, 78%, 30%);
}
#loginForm .input-wrapper .c-wrapper-active {
	display: none;
}
#loginForm #secLogin > div > .mt10 {
	display: flex;
	justify-content: space-between;
}
#loginForm #secLogin > div > .mt10 .button {
	padding: 0.5em 1.1em 0.5em 0.8em;
	font-size: 1em;
	border-radius: 2px;
}
#loginForm #secLogin > div > .mt10 .button .icon {
	margin-right: 6px;
}
#loginForm #secLogin > div > .mt10 .button:not(.login-cancel) {
	background: hsl(350, 78%, 30%);
}
#loginForm #secLogin > div > .mt10 .button:not(.login-cancel):hover {
	box-shadow: 0 0 50px hsla(0, 0%, 0%, 0.4) inset;
}
#loginForm #secLogin > div > .mt10 .button.login-cancel {
	background-color: transparent;
	color: hsl(350, 78%, 30%);
}
#loginForm #secLogin > div > .mt10 .button.login-cancel:hover {
	text-decoration: underline;
}

div#CallbackStatus.callbackStatus {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: auto;
	padding: 1.5em;
	top: 10vh !important;
	right: calc(50vw - 50px) !important;
	border: none;
	box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.6);
	background: hsl(0, 0%, 100%);
	border-top: 4px solid hsl(350, 78%, 30%);
	border-radius: 2px;
}
div#CallbackStatus.callbackStatus img {
	height: 30px;
	padding-right: 1.2em;
}
div#CallbackStatus.callbackStatus span {
	font-size: 18px;
	font-weight: bold;
}

/* The sub display nav (with list/calendar and add event)
 */
section.event-type-display-nav .button {
	padding: 0.5em 0.9em;
}
section.event-type-display-nav .button .icon {
	margin-right: 6px;
}
section.event-type-display-nav .button:focus {
	outline: none;
}
section.event-type-display-nav div.button.selected {
	border: 1px solid silver;
	color: hsl(0, 0%, 0%);
	background: hsl(0, 0%, 100%);
	border-radius: 0;
}
section.event-type-display-nav div.button + div.button + div.button.trigger.fr {
	color: hsl(350, 78%, 30%);
	border-radius: 2px;
	opacity: 1;
	padding: 5px 7px;
}
section.event-type-display-nav div.button + div.button + div.button.trigger.fr:hover {
	background: hsla(0, 0%, 0%, 0.1);
	text-decoration: underline;
}
section.event-type-display-nav .time-zone .icon {
	display: none;
}
section.event-type-display-nav .time-zone label {
	float: none;
}
section.event-type-display-nav .time-zone select {
	float: none;
}

#sdCalroot, #calroot, .side-box {
	box-shadow: 1px 1px 2px hsl(0, 0%, 80%);
}

/* The mini calendar
 */
#cal-container {
	display: flex;
	justify-content: center;
}
#cal-container #calroot {
	top: auto !important;
	margin-top: 1em;
	padding: 0;
	border: none;
}
#cal-container #calhead {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	height: auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
#cal-container #caltitle select {
	background: hsla(0, 0%, 100%, 0.6);
}
#cal-container .calweek, #cal-container #caldays {
	float: none;
	height: auto;
	display: flex;
	justify-content: space-around;
}
#cal-container .calweek a, #cal-container #caldays span {
	float: none;
	padding: 6px 0;
	border-radius: 0;
	line-height: normal;
	margin: 0;
	height: auto;
}
#cal-container #caldays {
	background: hsl(0, 0%, 85%);
	padding: 0.2em 0;
}
#cal-container #caldays span {
	background: none;
	border: none;
}
#cal-container #calcurrent {
	outline: black 1px solid;
	background: hsl(0, 50%, 22%);
	font-weight: bold;
	color: white;
}
#cal-container .calfocus, #cal-container .calweek a:hover {
	background: hsl(170, 60%, 88%);
}
#cal-container .calweek a:hover {
	outline: 1px solid hsl(170, 80%, 55%);
}
/* Search Widget
 */
.search-box-small.row,
.search-box-large.row {
	margin-left: 0;
	margin-right: 0;
}
.search-box-small > .fl.mt20,
.search-box-large > .fl.mt20 {
	float: none;
}

.search-box {
	border-radius: 2px;
	height: auto;
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	float: none;
	overflow: auto;
	padding: 0 0 0 0.6em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
}
.search-box .icon.loupe {
	margin: 0;
	flex-shrink: 0;
	width: 24px;
}
.search-box .fl:not(.loupe):not(.pointer) {
	width: 100%;
}
.search-box input {
	border: none;
	margin: 0;
	margin: auto;
	padding: 5px 7px;
	font-size: 1em;
	width: 100% !important;
}
.search-box .go.pointer {
	padding: 0.1em 0.6em;
	background-color: hsl(350, 78%, 30%);
	color: white;
}
.search-box .go.pointer:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}

.search-box-small .search-box, .search-box-large .search-box {
	border-radius: 0 3px 3px 0;
}

.search-fluid .search-box .fl:not(.go):not(.loupe) {
	width: 100%;
}
.search-box-small .search-box .fl input.search-box-input {
	padding: 10px 7px;
	border: none;
}
.search-box-small .search-box .go.pointer {
	padding: 0.6em;
}

/* Calendar selector widget 
 */
section.calendar-types-section #GroupBoxExpandCollapseLbl,
section.calendar-types-section .side-box-head + div,
section.calendar-types-section .side-box-head div.icon.pointer,
section.calendar-types-section .calendar-types-container .calendar-type-title div.icon.pointer {
	display: none;
}
section.calendar-types-section .side-box-head,
section.calendar-types-section .calendar-types-container {
	padding-left: 10px;
	padding-right: 10px;
}
section.calendar-types-section .calendar-types {
	margin: 0 !important;
	padding: 0 0 1em 0;
	width: 100%;
}
section.calendar-types-section .calendar-types.side-box {
	height: auto;
	overflow: auto;
}
section.calendar-types-section .side-box-head {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: auto;
}
section.calendar-types-section .side-box-title {
	color: white;
	padding: 0;
}
section.calendar-types-section .calendar-types-container {
	padding-top: 6px;
	padding-bottom: 6px;
}
section.calendar-types-section div.checkbox, section.calendar-types-section div.checkbox-head {
	height: 1.5em;
	width: 1.5em;
}
section.calendar-types-section li.calendar-type-title .groupingHeaderText {
	padding-left: 0.5em;
}

/* Filters
 */
.filters-box {
	margin: 20px 0 0;
	width: auto;
	padding: 0;
	height: auto !important;
}
.filters-box .side-box-head {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	padding: 4px 10px;
	height: auto;
}
.filters-box .side-box-head .side-box-title {
	color: white;
	padding: 0;
	float: none;
	text-align: left;
}
.filters-box .side-box-head .icon.pointer {
	display: none;
}
.filters-box .filters-container .input-wrapper {
	background: transparent;
	border-bottom: 2px solid hsl(0, 0%, 96%);
	border-radius: 0;
	margin: 0;
	padding: 1em 1em 1.5em;
	float: none;
}
.filters-box .filters-container .input-wrapper .label-small {
	font-weight: bold;
	font-size: 1em;
}
.filters-box .filters-container .input-wrapper .pointer.check-all {
	color: hsl(350, 78%, 30%);
	padding: 0 !important;
}
.filters-box .filters-container .input-wrapper .pointer.check-all:hover {
	text-decoration: underline;
}

/** 
 * The Calendar Grid
 * /
.event-grid-container
	- .event-grid-day-header

	- .weeks 
		- .row.week 
			- .one-event-grid.month-day-box
				- .month-day-events-box
					- .month-day & .month-day-events (the day number)
					- .day-events-container (daily events list wrap)
						- #tooltip_ also .mt3
							- div:first-of-type (the event color)
							- div.font-size-small (time)
							- div.calendar-normal-title
*/
@media (max-width: 500px) {
	.event-grid-container .event-grid-day-header {
	display: none;
	}
}
.event-grid-container .event-grid-day-header > div {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
}
.event-grid-container .month-day-box {
	padding: 0;
}
.event-grid-container .month-day, .event-grid-container .month-day-events {
	position: static;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 0.2em 0.5em;
	border-radius: 0;
	background: hsl(0, 0%, 88%);
	color: hsl(0, 0%, 30%);
}
.event-grid-container .month-day-events-box .more-events {
	background-color: maroon;
	border-radius: 4px;
	width: auto;
	padding: 4px 8px;
	height: auto;
	left: 8px;
}
.event-grid-container .month-day-events-box .more-events:empty {
	display: none;
}
.event-grid-container .month-day-events-box .more-events:hover {
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.6) inset;
	text-decoration: underline;
}
.event-grid-container .day-events-container {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.5em 0.7em 1em;
	font-size: 0.9em;
}
.event-grid-container div[id^=tooltip_] {
	padding: 0.4em 0 0.8em;
	border-bottom: 1px dashed hsl(0, 0%, 70%);
}
.event-grid-container div[id^=tooltip_] > div:first-of-type.mt2.mr3 {
	width: 12px !important;
	height: 12px !important;
	border-radius: 12px;
	margin: 0 0 4px 4px;
	float: right;
}
.event-grid-container div[id^=tooltip_] > div:first-of-type.mt2.mr3[style*="background-color:;"] {
	display: none;
}
.event-grid-container div[id^=tooltip_] .calendar-normal-title {
	border: none;
}
.event-grid-container div[id^=tooltip_] .font-size-small {
	padding-bottom: 0.5em;
}

/* The Event List
 */
.event-list .box.mc-border-style-solid.mc-border-color-5.mc-border-width-3px.br-10.fl.mc-bg-color-1.space {
	border-radius: 0;
	border: 1px solid hsl(0, 0%, 85%);
	margin-bottom: 0.9em;
}
.event-list .box.mc-border-style-solid.mc-border-color-5.mc-border-width-3px.br-10.fl.mc-bg-color-1.space .event-func-list-header.mc-title-secondary,
.event-list .box.mc-border-style-solid.mc-border-color-5.mc-border-width-3px.br-10.fl.mc-bg-color-1.space .event-func-list-header.mc-title-secondary-hover {
	border-radius: 0;
	background: hsl(0, 0%, 85%);
	color: black;
}

/* Event Popup (tooltip)
 */
.tooltip-template {
	border-radius: 0;
	box-shadow: 5px 5px 6px hsla(0, 0%, 0%, 0.6);
	position: absolute;
	display: none;

	.tooltip {
		border-radius: 0;
		border: none;
		border-left: 5px solid hsl(350, 78%, 30%);
		padding: 2em;
		background: white;
	}
	.tooltip div.font-size-large.font-weight-bold {
		margin-bottom: 0.8em;
	}
	.tooltip div.font-size-large.font-weight-bold .icon.edit {
		float: right;
		margin: 0 5px 0 0;
		font-size: 0.9em;
		background: none;
		height: 1px;
		width: 1px;
	}
	.tooltip div.font-size-large.font-weight-bold .icon.edit:after {
		content: "edit";
		padding: 2px;
		background-color: none;
		color: hsl(350, 78%, 30%);
		text-decoration: underline;
	}
	.tooltip div.font-size-large.font-weight-bold .icon.edit:after:hover {
		text-decoration: none;
	}
	.tooltip .font-size-small .fl.mt2[style="width: 10px; height: 10px;"] {
		display: none;
	}
	.tooltip .tooltip-more {
		background-color: none;
		color: hsl(350, 78%, 30%);
		text-decoration: underline;
	}
	.tooltip .tooltip-more:hover {
		text-decoration: none;
	}
	.tooltip-arrow {
		display: none;
	}
	.tooltip-close {
		color: white;
		font-weight: 800;
		display: inline-flex;
		border-radius: 100%;
		height: 28px;
		width: 28px;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: -14px;
		right: -14px;
		background: hsl(0, 0%, 10%);
		border: 1px solid white;
		cursor: pointer;
	}
}

/* Modal for selecting multiple calendars, etc
 */
#simplemodal-container {
	background: white;
	box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
	border-radius: 0;
	border: 1px solid hsl(350, 78%, 10%);
	padding: 0;
}
#simplemodal-container a.modalCloseImg {
	height: 26px;
	width: 26px;
	border-radius: 26px;
	background-position: -1997px;
}
#simplemodal-container .filter-buttons .button {
	border-radius: 3px;
	background-color: hsl(350, 78%, 30%);
	color: white;
}
#simplemodal-container .filter-buttons .button:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
#simplemodal-container #basic-modal-content {
	padding: 1em;
}
#simplemodal-container div[id^=eventDetailsHolder] {
	/* hide this because the buttons are broken because addthis */
}
#simplemodal-container div[id^=eventDetailsHolder] .backToCalLink,
#simplemodal-container div[id^=eventDetailsHolder] .event-collapse {
	display: none;
}
#simplemodal-container div[id^=eventDetailsHolder] #eventDetailsCloseLink .icon.contract {
	background-position: -2000px;
}
#simplemodal-container div[id^=eventDetailsHolder] #eventDetailsCloseLink .icon.contract:focus {
	outline: none;
}
#simplemodal-container div[id^=eventDetailsHolder] .mc-title-primary,
#simplemodal-container div[id^=eventDetailsHolder] .section-event-page-footer {
	background: hsl(175, 10%, 35%);
}
#simplemodal-container div[id^=eventDetailsHolder] .section-event-page-footer {
	display: none;
}
#simplemodal-container div[id^=eventDetailsHolder] .event-footer .nav-button {
	display: flex;
	align-items: center;
	opacity: 0.7;
}
#simplemodal-container div[id^=eventDetailsHolder] .event-footer .nav-button .icon {
	margin-right: 6px;
}
#simplemodal-container div[id^=eventDetailsHolder] .event-footer .nav-button:hover {
	opacity: 1;
}

/* Search Results Page
 */
.search-results .back-to-events {
	float: none;
}
.search-results .back-to-events .c-wrapper-active {
	background-color: transparent;
}
.search-results .back-to-events .mc-color-3 {
	background-color: none;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
}
.search-results .back-to-events .mc-color-3:hover {
	text-decoration: none;
}
.search-results .mc-title-primary {
	margin-bottom: 0 !important;
}
.search-results > div:nth-of-type(3) {
	padding: 1em;
}
.search-results > div:nth-of-type(3) > div.column {
	display: flex;
	align-items: center;
}
.search-results > div:nth-of-type(3) .column label {
	font-weight: bold;
	padding-right: 2px;
}
.search-results > div:nth-of-type(3) .icon.cal-month {
	cursor: pointer;
}
.search-results > div:nth-of-type(3) #sdCal-container,
.search-results > div:nth-of-type(3) #edCal-container {
	display: flex;
	align-items: center;
}
.search-results > div:nth-of-type(3) input.date1 {
	padding: 4px 7px;
}
.search-results > div:nth-of-type(4) {
	margin: 0 -15px 2.5em;
	padding: 1em;
	height: auto !important;
}
.search-results > div:nth-of-type(4) .fl {
	float: none;
}
.search-results > div:nth-of-type(4) .show-large {
	display: inline;
}
.search-results > div:nth-of-type(4) label {
	padding-left: 0;
}
.search-results > div:nth-of-type(3), .search-results > div:nth-of-type(4) {
	background: hsl(0, 0%, 86%);
}
.search-results > section {
	margin-top: 2em;
}
.search-results .search-list-bar .el-title div.title {
	border: none;
}
.search-results .search-list-bar .icon.expand:not(.pointer) {
	display: none;
}
.search-results .search-list-bar .icon.expand {
	background-position: -1098px;
	background-color: hsl(175, 10%, 35%);
	padding: 12px;
	border-radius: 50px;
}
.search-results .search-list-bar .icon.expand:hover {
	background-color: hsl(350, 78%, 30%);
}
.search-results #searchResultsExportText + div.button {
	display: flex;
	align-items: center;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
	opacity: 1;
}
.search-results #searchResultsExportText + div.button .icon {
	margin-right: 5px;
}
.search-results #searchResultsExportText + div.button:hover {
	text-decoration: none;
}

/* Footer
 */
#PageLinksContainer {
	background: hsl(0, 0%, 20%);
	padding: 2em;
}
#PageLinksContainer a {
	color: white;
	text-decoration: underline;
}
#PageLinksContainer a:hover {
	text-decoration: none;
}
#PageLinksContainer span#linkSeperator {
	color: hsl(0, 0%, 50%);
	padding: 0 1em;
}

/* The main calendar page
 */
body.MasterCalendar .bates-header .wrapper,
body.MasterCalendar section.main > .row.centered,
body.MasterCalendar .HeaderContainer.show-large::before,
body.MasterCalendar .login-bar {
	width: 1300px;
}
body.MasterCalendar .mc-title-primary.br-5 {
	border-radius: 2px;
	background-image: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	padding-left: 1em;
}
body.MasterCalendar .mc-title-primary.br-5 > div:first-of-type {
	display: none;
}
body.MasterCalendar .mc-title-primary.br-5 > div.ten.column {
	width: 97%;
}
body.MasterCalendar .mc-title-primary.br-5 > div:nth-of-type(2) div.column.seven {
	padding-top: 5px;
}
body.MasterCalendar .mc-title-primary.br-5 .button {
	border-top: 4px solid transparent;
	padding-bottom: 4px;
}
body.MasterCalendar .mc-title-primary.br-5 .button.selected {
	background: hsl(175, 30%, 20%);
	border-top: 4px solid hsl(350, 78%, 30%);
}
@media (max-width: 967px) {
	body.MasterCalendar .mc-title-primary.br-5 .date-scroller {
	display: flex;
	justify-content: center;
	}
	body.MasterCalendar .mc-title-primary.br-5 .display-type-buttons {
	width: 100%;
	display: flex;
	justify-content: space-around;
	justify-content: space-evenly;
	}
}

/**
 * Single Event page view
 */
body.EventDetails .backToCalLink {
	background: transparent;
	max-width: 967px;
	margin: 1.5em auto;
	padding: 0 1em;
}
body.EventDetails .backToCalLink span.calendar-link {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	border-radius: 3px;
	padding: 0.4em 0.9em !important;
	display: inline-block;
}
body.EventDetails .backToCalLink span.calendar-link:hover {
	box-shadow: 0 0 50px hsla(0, 0%, 0%, 0.6) inset;
	text-decoration: underline;
}
body.EventDetails .event-page-event {
	font-size: 18px;
}
body.EventDetails .event-footer {
	background: transparent;
	margin: 0 auto;
	max-width: 967px;
	position: static !important;
	height: auto !important;
}
body.EventDetails .event-footer .event-footer-nav {
	line-height: normal !important;
	display: flex;
}
body.EventDetails .event-footer .nav-button {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	opacity: 1;
	display: inline-flex;
	align-items: center;
	float: none;
	padding: 0.4em 0.9em;
	border-radius: 3px;
	margin-right: 0.5em;
}
body.EventDetails .event-footer .nav-button .icon {
	margin-top: 0 !important;
}
@media (min-width: 500px) {
	body.EventDetails .event-footer .nav-button .icon {
	margin-right: 0.5em;
	}
}
body.EventDetails .event-footer .nav-button:hover {
	box-shadow: 0 0 50px hsla(0, 0%, 0%, 0.6) inset;
}
body.EventDetails .event-footer .nav-button:hover span.font-size-normal {
	text-decoration: underline;
}
body.EventDetails .event-sliding[data-curtain=add] {
	width: 330px !important;
	height: 230px !important;
	top: 10vh !important;
	left: calc(50vw - 150px);
	bottom: auto !important;
	box-shadow: 3px 3px 3px hsla(0, 0%, 0%, 0.6);
	opacity: 1;
	background: white;
	border-left: 5px solid hsl(350, 78%, 30%);
}
body.EventDetails .event-sliding[data-curtain=add] .c-wrapper-active.pointer {
	background-color: #677e7c;
}
body.EventDetails .event-sliding[data-curtain=add] .icon.down {
	background-position: -2000px;
}
body.EventDetails .event-sliding[data-curtain=add] .button {
	background: hsl(0, 0%, 35%);
}
body.EventDetails .event-sliding[data-curtain=add] .button:hover {
	background: hsl(0, 0%, 15%);
	text-decoration: underline;
}
body.EventDetails div[data-curtain=related] {
	top: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	position: fixed !important;
}
body.EventDetails div[data-curtain=related] * {
	position: relative;
}
body.EventDetails div[data-curtain=related] .event-sliding {
	opacity: 1;
	background: hsla(0, 0%, 0%, 0.7);
	position: absolute;
	z-index: 0;
}
body.EventDetails div[data-curtain=related] .c-wrapper-active {
	right: auto !important;
	top: 2vh !important;
	position: relative !important;
	background: transparent;
	float: none;
	text-align: right;
	padding-right: 4vw;
}
body.EventDetails div[data-curtain=related] .c-wrapper-active .icon.forward {
	background-position: -2496px;
	background-color: hsl(0, 0%, 55%);
	background-size: auto 25px;
	float: none;
	display: inline-block;
	padding: 16px;
	border-radius: 30px;
}
body.EventDetails div[data-curtain=related] .curtain-content {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	max-height: none !important;
	z-index: 50 !important;
	margin: 1em;
	box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.6);
	border-left: 4px solid hsl(350, 78%, 30%);
	background: white;
	border-radius: 0;
}
@media (max-width: 500px) {
	body.EventDetails div[data-curtain=related] .curtain-content > div:first-child.p20 {
	display: none;
	}
}
body.EventDetails div[data-curtain=related] .curtain-content .el-title .title {
	border: none;
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
}
body.EventDetails div[data-curtain=related] .curtain-content .templateContainer .font-size-small {
	font-size: 0.9em;
}
body.EventDetails div[data-curtain=related] .curtain-content .templateContainer .row {
	padding: 1em 0;
}
body.EventDetails div[data-curtain=related] .curtain-content .templateContainer .row .font-weight-bold {
	font-size: 1.1em;
}
@media (max-width: 500px) {
	body.EventDetails div[data-curtain=related] .curtain-content .templateContainer .row .font-weight-bold {
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	}
}
/* Change Password Page
 */
section.change-password.form .error {
	background: hsl(170, 60%, 88%);
	border: 1px solid hsl(170, 80%, 55%);
	padding: 1em 1.5em;
	font-size: 1.1em;
	margin: 0.6em 0;
}
section.change-password.form .error + hr {
	display: none;
}
section.change-password.form h1.form-header-title {
	font-size: 1.5em;
	margin-bottom: 1em;
	border-bottom: 1px dashed silver;
}
section.change-password.form .input-wrapper {
	width: auto !important;
}
section.change-password.form .input-wrapper label:not(#emailLabel) {
	display: block;
	font-weight: bold;
	width: 11em;
	padding: 3px 0;
}
section.change-password.form .input-wrapper input {
	margin-left: 0;
	border: 1px solid gray;
	padding: 3px;
	font-size: 1em;
}
section.change-password.form .input-wrapper div[title=Required] {
	display: none;
}
section.change-password.form .button.update-password {
	border-radius: 3px;
	font-size: 1em;
	padding: 0.5em 0.8em;
	background-color: hsl(350, 78%, 30%);
	color: white;
}
section.change-password.form .button.update-password:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
section.change-password.form .button.update-password .icon {
	display: none;
}
section.change-password.form .email-my-pass-change {
	background-color: none;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
}
section.change-password.form .email-my-pass-change:hover {
	text-decoration: none;
}

/**
 * Add an event page
 */
body.AddEvent textarea, body.AddEvent input[type=text], body.AddEvent input[type=date] {
	border: 1px solid hsl(0, 0%, 60%);
	padding: 4px;
}
body.AddEvent .form.add-event:before {
	display: block;
	content: "* indicates a required field";
	color: hsl(0, 100%, 45%);
	font-style: italic;
	width: 967px;
	max-width: 100%;
	margin: 0 auto;
}
body.AddEvent div[title=Required] {
	background: none;
	height: auto !important;
	width: auto !important;
	margin: 0;
	padding: 0 0.5em;
	opacity: 1;
	float: left;
}
body.AddEvent div[title=Required] .icon {
	display: none;
}
body.AddEvent div[title=Required]:after {
	color: hsl(0, 100%, 45%);
	font-weight: bold;
	content: "*";
	font-size: 18px;
}
body.AddEvent .form-header-title {
	font-size: 1.5em;
}
body.AddEvent .form-header-title hr {
	display: none !important;
}
body.AddEvent section.form.add-event > div:nth-of-type(2).row {
	padding-bottom: 1.5em;
	border-bottom: 1px dashed silver;
	margin-bottom: 0.5em;
}
body.AddEvent section.form.add-event > div:nth-of-type(2).row .input-wrapper {
	font-size: 1.7em;
	font-weight: bold;
	background: none;
	padding: 0;
	border-radius: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column {
	border-right: 1px dashed silver;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .form-featured > div {
	border-left: 4px solid silver;
	border-radius: 0;
	margin: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .form-featured > div {
	padding: 1em 0.5em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper {
	float: none;
	overflow: auto;
	background: none;
}
@media (min-width: 768px) {
	body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper label:not([for*=Check]) {
	width: 115px;
	}
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper label[for=descriptionDiv] {
	width: 100%;
	margin-bottom: 0.5em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv {
	margin-left: 0;
	float: none;
	padding-right: 2em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv table#ctl00_pc_Editor_Editor {
	width: 100%;
	border-color: hsl(0, 0%, 77%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv td#ctl00_pc_Editor_Editor_MainCell > table {
	width: 100% !important;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv .dxtbControl {
	background: hsl(0, 0%, 94%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv .dxheDesignViewArea,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv .dxeMemoEditArea,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv .dxhePreviewArea {
	padding: 1em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .input-wrapper #descriptionDiv .dxeMemoEditArea {
	font-family: monospace;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .check-all.pointer {
	background-color: none;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
	font-size: 0.9em;
	padding: 0 10% 0 0 !important;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > .seven.column .check-all.pointer:hover {
	text-decoration: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates {
	overflow: auto;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .recurrence-elements .form-header-title {
	font-size: 1.2em;
	padding-top: 0.5em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .recurrence-elements .form-header-title:not(:first-child) {
	border-top: 1px dashed hsl(0, 0%, 60%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates > div.five.column {
	width: 100%;
	padding: 1em;
	float: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row {
	margin: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row:not(.form-header-title) {
	padding-left: 0.7em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .input-wrapper {
	background: none;
	border-radius: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .button {
	border-radius: 3px;
	background-color: hsl(175, 10%, 35%);
	color: white;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .button:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .button .icon {
	margin-right: 0.5em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .button.confirm {
	background-color: hsl(350, 78%, 30%);
	color: white;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .button.confirm:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.event-dates-buttons {
	border-bottom: 1px solid hsl(175, 10%, 35%);
	display: flex;
	margin-bottom: 0.6em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.event-dates-buttons .button {
	margin-left: 0.5em;
	background: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 65%));
	border-radius: 3px 3px 0 0;
	opacity: 1;
	float: none;
	border: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.event-dates-buttons .button:hover {
	text-decoration: underline;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.event-dates-buttons .button:focus {
	outline: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.event-dates-buttons .button.selected {
	background-image: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	pointer-events: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements {
	border-left: 4px solid silver;
	padding-left: 1em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div {
	border-bottom: hsl(175, 10%, 35%) 1px solid;
	margin-bottom: 0.9em;
	display: flex;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div > div {
	margin-right: 0.5em;
	align-self: flex-end;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div > div:focus {
	outline: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div > div label {
	background: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 65%));
	padding: 0.4em 0.8em;
	border-radius: 3px 3px 0 0;
	display: block;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div > div label:hover {
	text-decoration: underline;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div > div label.mc-color-1 {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	pointer-events: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements #addEventRecurrenceTitle + div input[type=radio] {
	display: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements section.weekly-pattern div.weekly-pattern.font-size-small {
	font-size: 0.9em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements section.weekly-pattern div.weekly-pattern.font-size-small hr {
	border: none;
	border-top: 1px dotted hsl(175, 10%, 35%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements section.weekly-pattern div.weekly-pattern.font-size-small .fl {
	float: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern > div:first-of-type {
	overflow: auto;
	margin-bottom: 1em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=clearDates] {
	background-color: none;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
	background: transparent;
	border: none;
	box-shadow: none;
	cursor: pointer;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=clearDates]:hover {
	text-decoration: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=goPrevious],
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=goNext] {
	display: inline-block;
	color: transparent;
	height: 20px;
	width: 20px !important;
	border: none;
	background: hsl(175, 10%, 35%);
	border-radius: 20px;
	padding: 3px;
	background-repeat: no-repeat;
	background-image: url(https://vmnode456.bates.edu/MasterCalendar/Images/sprite-iconset2-16x16.png);
	background-position: -2160px;
	cursor: pointer;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=goPrevious]:hover,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=goNext]:hover {
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.6) inset;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements div.random-pattern input[id*=goNext] {
	background-position: -2140px;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar {
	border: 1px solid silver;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .AdvancedCalMonthLabel {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	font-size: 15px;
	padding: 0.4em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .todayCell, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .unselectedCell, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .selectedCell {
	cursor: pointer;
	border: 1px solid hsl(0, 0%, 92%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .todayCell:first-child, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .unselectedCell:first-child, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .selectedCell:first-child {
	border-left: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .todayCell:last-child, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .unselectedCell:last-child, body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .selectedCell:last-child {
	border-right: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .todayCell {
	border: none !important;
	background: hsl(170, 60%, 88%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar td.unselectedCell:hover,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .selectedCell,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar td.todayCellSelected {
	background: hsl(0, 50%, 22%);
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar td.unselectedCell:hover a,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar .selectedCell a,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.recurrence-elements .AdvancedCalendar td.todayCellSelected a {
	color: white;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #mainImageHolder,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.imageALT {
	font-size: 16px;
	font-weight: normal;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #mainImageHolder {
	clear: both;
	padding-left: 0.7em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #mainImageHolder #removeImageHolder a {
	background-color: none;
	color: hsl(350, 78%, 30%);
	text-decoration: underline;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #mainImageHolder #removeImageHolder a:hover {
	text-decoration: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #mainImageHolder #removeImageHolder #imageNameHolder {
	float: right;
	padding-right: 1em;
	font-size: 0.9em;
	font-style: italic;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.imageALT .input-wrapper {
	padding-left: 0;
	margin-left: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .row.imageALT .input-wrapper div[title=Required] {
	float: right;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info textarea {
	font-family: inherit;
	font-size: 1em;
	margin-left: 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type {
	border-bottom: hsl(175, 10%, 35%) 1px solid;
	margin-bottom: 0.9em;
	display: flex;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type > div {
	margin-right: 0.5em;
	align-self: flex-end;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type > div:focus {
	outline: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type > div label {
	background: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 65%));
	padding: 0.4em 0.8em;
	border-radius: 3px 3px 0 0;
	display: block;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type > div label:hover {
	text-decoration: underline;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type > div label.mc-color-1 {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	pointer-events: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info > div:first-of-type input[type=radio] {
	display: none;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info label[for=Emails], body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates section.additional-event-info label[for=EventTags] {
	float: none;
	display: block;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #UploadButton .qq-upload-button,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #AttachButton .qq-upload-button {
	background-color: hsl(175, 10%, 35%);
	color: white;
	border: none;
	padding: 0.5em 0.9em;
	border-radius: 3px;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #UploadButton.hover .qq-upload-button,
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates #AttachButton.hover .qq-upload-button {
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.3) inset;
	text-decoration: underline;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .qq-upload-list {
	list-style: circle;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .qq-upload-list li {
	padding: 0.4em 0;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .qq-upload-list li img {
	vertical-align: text-bottom;
	margin-left: 0.6em;
}
body.AddEvent section.form.add-event > div:nth-of-type(3).row > section.event-dates .qq-upload-list li img[title=Remove] {
	cursor: pointer;
}
body.AddEvent #customHint-container {
	background: white;
	box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
	border-radius: 0;
	border: 1px solid hsl(350, 78%, 10%);
	padding: 0;
}
body.AddEvent #customHint-container .header {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
}
body.AddEvent #customHint-container .buttons .button {
	background-color: hsl(350, 78%, 30%);
	color: white;
	border-radius: 3px;
}
body.AddEvent #customHint-container .buttons .button:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}

/** 
 * View my requests page
 */
body.BrowseRequests section.tab-data-holder .twelve {
	border-bottom: hsl(175, 10%, 35%) 1px solid;
	margin-bottom: 0.9em;
	display: flex;
	align-items: center;
}
body.BrowseRequests section.tab-data-holder .twelve > div[style*=z-index] {
	margin-right: 0.5em;
	align-self: flex-end;
}
body.BrowseRequests section.tab-data-holder .twelve > div[style*=z-index]:focus {
	outline: none;
}
body.BrowseRequests section.tab-data-holder .twelve > div[style*=z-index] label {
	background: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 65%));
	padding: 0.4em 0.8em;
	border-radius: 3px 3px 0 0;
	display: block;
}
body.BrowseRequests section.tab-data-holder .twelve > div[style*=z-index] label:hover {
	text-decoration: underline;
}
body.BrowseRequests section.tab-data-holder .twelve > div[style*=z-index] label.mc-color-1 {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	pointer-events: none;
}
body.BrowseRequests section.tab-data-holder .twelve input[type=radio] {
	display: none;
}
body.BrowseRequests section.tab-data-holder .twelve .input-wrapper {
	padding: 0 0 3px;
	background: none;
	display: flex;
	align-items: center;
}
body.BrowseRequests section.tab-data-holder .twelve .input-wrapper label, body.BrowseRequests section.tab-data-holder .twelve .input-wrapper input, body.BrowseRequests section.tab-data-holder .twelve .input-wrapper .button {
	margin-top: 0;
	font-size: 1.2rem;
}
body.BrowseRequests section.tab-data-holder .twelve .input-wrapper input[type=text] {
	padding: 2px;
}
body.BrowseRequests section.tab-data-holder .twelve .input-wrapper .button {
	background-color: hsl(350, 78%, 30%);
	color: white;
	opacity: 1;
	border-radius: 3px;
	padding: 0.5em 0.8em;
}
body.BrowseRequests section.tab-data-holder .twelve .input-wrapper .button:hover {
	text-decoration: underline;
	box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.5) inset;
}
body.BrowseRequests section.tab-data-holder .twelve > div:not([style*=z-index]) {
	margin-left: 20px;
}
body.BrowseRequests section.tab-data-holder .twelve #chkShowCanceled {
	margin-top: 0;
}
body.BrowseRequests section.tab-data-holder .twelve label[for=chkShowCanceled] {
	font-size: 1.2rem;
	margin-left: 0;
}
body.BrowseRequests .el-title div.title {
	border: none;
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
}

/**
 * Manage subscriptions page
 */
body.ManageSubscription section.tab-data-holder div.row.space.mt5 {
	border-bottom: hsl(175, 10%, 35%) 1px solid;
	margin-bottom: 0.9em;
	display: flex;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 > div {
	margin-right: 0.5em;
	align-self: flex-end;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 > div:focus {
	outline: none;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 > div label {
	background: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 65%));
	padding: 0.4em 0.8em;
	border-radius: 3px 3px 0 0;
	display: block;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 > div label:hover {
	text-decoration: underline;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 > div label.mc-color-1 {
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
	pointer-events: none;
}
body.ManageSubscription section.tab-data-holder div.row.space.mt5 input[type=radio] {
	display: none;
}
body.ManageSubscription section.tab-data-holder .el-title div.title {
	border: none;
	background: linear-gradient(hsl(175, 10%, 35%), hsl(175, 8%, 27%));
}
body.RSSFeeds .HeaderContainer ~ div.row > .help-text-icon {
	display: none;
}