@charset "UTF-8";
/*  http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	...combined with...
	normalize.css v2.1.2 | MIT License | git.io/normalize

	Modifications by: Brian Franco
*/

@font-face {
    font-family: "adelle";
    src: url("/media/fonts/ad.eot?#iefix") format("embedded-opentype"), url("/media/fonts/ad.woff") format("woff"), url("/media/fonts/ad.ttf") format("truetype");
}

@font-face {
    font-family: "proxima-nova";
    font-style: normal;
    font-weight: normal;
    src: url("/media/fonts/prox.eot?#iefix") format("embedded-opentype"), url("/media/fonts/prox.woff") format("woff"), url("/media/fonts/prox.ttf") format("truetype");
}

body {
	font-family: "Red Hat Text", sans-serif;
/*	font-family: "adelle",Georgia,"Times New Roman",Times,serif; */
}

.calendar {
	background-color: #f6f6f9;
}

div, applet, object, iframe, abbr, acronym, address, big, cite, del, ins, s, small, strike, var, center, legend, details, embed, figure, figcaption, output, ruby, time { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; font-size: 100%; font: inherit; margin: 0; padding: 0; }

audio, canvas, video { border: 0 none; display: inline-block; margin: 0; padding: 0; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html {  margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { line-height: 1; margin: 0; padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ol, ul, li { font-size: 100%; font: inherit; margin: 0; padding: 0; }

ol, ul { list-style: none; }

dl, dt, dd, tt, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-size: 100%; font: inherit; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

p, blockquote, q { margin: 0 0 10px; padding: 0; }

blockquote, q { quotes: "\201C" "\201D" "\2018" "\2019"; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

code, kbd, pre, samp { margin: 0; padding: 0; font-size: 100%; font-family: "Red Hat Text", sans-serif; }

pre { white-space: pre-wrap; }

a { text-decoration: none; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

a, span, img { border: 0 none; display: inline-block; }

svg:not(:root) { overflow: hidden; }

b, strong { font-weight: bold; }

dfn, em { font-style: italic; }

mark { background: #ff0; color: #000; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

fieldset, form, label { border: 0 none; font-family: inherit; font-size: 100%; margin: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; padding: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-border-radius: 5px;
	background: #ECECEE;
	background-color: transparent;
}

input[type="checkbox"] {
	height: 13px;
	width: 13px;
}

input[type="checkbox"]:checked {
	left: 0px;
	background: #176BFB;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; border-radius: 4px; }

div.help-block {
	display: none;
}

div.help-block span.error {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #C84040 !important;
	margin-top: 2px;
	margin-bottom: 26px;
}

.cf:after { content: " "; clear: both; display: table; }

@font-face {
	font-family: 'icomoon-new';
	src: url('../../fonts/icons/icomoon.eot');
	src: url('../../fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/icons/icomoon.woff') format('woff'),
		 url('../../fonts/icons/icomoon.ttf') format('truetype'),
		 url('../../fonts/icons/icomoon.svg#icons') format('svg');
	font-weight: 100;
	font-style: normal;
  }
@font-face { font-family: 'icomoon'; src: url("./fonts/icomoon.eot"); src: url("./fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("./fonts/icomoon.svg#icomoon") format("svg"), url("./fonts/icomoon.ttf") format("truetype"), url("./fonts/icomoon.woff") format("woff"); font-weight: normal; font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:*/
[class*="icon-"] { font-family: 'icomoon', 'Red Hat Text', sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-copy, .icon-lock, .icon-key, .icon-column, .icon-untitled, .icon-cube, .icon-cancel-circle, .icon-bus, .icon-mic,
.icon-plus-circle, .icon-car, .icon-clipboard, .icon-office, .icon-untitled-2, .icon-phone, .icon-pencil, .icon-bullhorn,
.icon-cog, .icon-download, .icon-upload, .icon-cabinet, .icon-airplane, .icon-truck, .icon-checkmark, .icon-clock,
.icon-undo, .icon-remove, .icon-enter, .icon-calendar, .icon-spinner, .icon-minus-circle, .icon-print, .icon-envelop,
.icon-lock-2, .icon-close, .icon-user, .icon-users, .icon-bug, .icon-signup {
	/*font-family: 'icomoon'; */
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-copy:before {
	content: "\e01a";
}
.icon-lock:before {
	content: "\e019";
}
.icon-key:before {
	content: "\e018";
}
.icon-column:before {
	content: "\e017";
}
.icon-untitled:before {
	content: "\e021";
}
.icon-cube:before {
	content: "\e00c";
}
.icon-cancel-circle:before {
	content: "\e00d";
}
.icon-bus:before {
	content: "\e010";
}
.icon-mic:before {
	content: "\e011";
}
.icon-plus-circle:before {
	content: "\e013";
}
.icon-cap:before {
	content: "\e014";
}
.icon-clipboard:before {
	content: "\e015";
}
.icon-office:before {
	content: "\e000";
}
.icon-untitled-2:before {
	content: "\f000";
}
.icon-phone:before {
	content: "\e023";
}
.icon-pencil:before {
	content: "\e024";
}
.icon-bullhorn:before {
	content: "\e025";
}
.icon-cog:before {
	content: "\e026";
}
.icon-download:before {
	content: "\e027";
}
.icon-upload:before {
	content: "\e028";
}
.icon-cabinet:before {
	content: "\e029";
}
.icon-airplane:before {
	content: "\e02a";
}
.icon-truck:before {
	content: "\e02b";
}
.icon-checkmark:before {
	content: "\e02c";
}
.icon-clock:before {
	content: "\e001";
}
.icon-undo:before {
	content: "\e005";
}
.icon-remove:before {
	content: "\e02e";
}
.icon-enter:before {
	content: "\e00a";
}
.icon-calendar:before {
	content: "\e02f";
}
.icon-spinner:before {
	content: "\e02d";
}
.icon-uniE012:before {
	content: "\e012";
}
.icon-print:before {
	content: "\e00e";
}
.icon-envelop:before {
	content: "\e030";
}
.icon-lock-2:before {
	content: "\e031";
}
.icon-close:before {
	content: "\e01b";
}
.icon-user:before {
	content: "\e01c";
}
.icon-users:before {
	content: "\e01d";
}
.icon-bug:before {
	content: "\e01e";
}
.icon-question:before {
	font-size:20px;
	font-weight:bold;
	content: "?";
}
.icon-signup:before {
	content: "\e01f";
}
.icon-search:before {
	content: "\e601";
}
.icon-link:before {
	content: "\e600";
}
.icon-feed:before {
	content: "\e603";
}
.ui-menu .ui-menu-item-wrapper {
	padding: 2px .4em;
	line-height: 1.5;
}
.ui-state-active {
	padding: 2px .4em;
    border: none !important;
    background-color: #F0F5FF!important;
    background: #F0F5FF!important;
    background-image:none;
	color: #110f24 !important;
    text-decoration: none;
}
.ui-state-active .autoCompleteAddress {
	color: #110f24 !important;
}

.addEventLink > i {
	color: #666!important;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }


h2 { color: #333333; font-size: 24px; font-size: 1.5rem; }

h3 { font-size: 18px; font-size: 1.125rem; }
@media all and (max-width: 60em) { h3 { font-size: 16px; font-size: 1rem; padding: 15px 0; } }

p { line-height: 120%; }

a { color: #176bfb; -webkit-transition: all 0.3s; transition: all 0.3s; }
a:hover { color: #f6f6f9; }

input, textarea, select {
	background: #FFFFFF;
	border: 1px solid #ECECEE;
	-webkit-border-radius: 4px!important;
	border-radius: 4px!important;
	color: #353C43;
	font-size: 15px;
	font-size: 0.9375rem;
	padding-left: 5px;
	padding-bottom: 2px;
}
#eventDateStart { border: 2px solid #ECECEE; }
#eventDateStart:focus  {
	outline: 2px solid #176BFB;
	outline-offset: -2px;
}

input:focus, textarea:focus, select:focus {
	border: 2px solid #176BFB!important;
}

input[type=text], input[type=password] { height: 32px; }

.cbox { cursor: pointer; display: inline-block; margin-right: 8px; }
.cbox input { visibility: hidden; }
.cbox span { background: #fafafa; border: 1px solid #628c09; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); color: #176bfb; display: inline-block; height: 20px; line-height: 17px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; width: 20px; vertical-align: middle; }
.cbox input:checked + span { background: #176bfb; -webkit-box-shadow: none; box-shadow: none; color: white; }
.cbox input:checked + span:before { content: "✔"; font-weight: bold; }
.cbox input[disabled] + span {  opacity: .33; }


label.block { display: block; margin-bottom: 10px; }

.alert {
	-webkit-animation: alert-popup 2s;
	animation: alert-popup 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	border: 1px solid transparent;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 48px;
	position: fixed;
	top: 48px;
	/*left: 25%;*/
	text-align: center;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	transform: translate(0, -100%);
	min-width: 50%;
	max-width: 90%;
	z-index: 2;
}

.alert.success { background: #aef224; background: rgba(174, 242, 36, 1); border-color: #176bfb; color: #628c09; }
.alert.warning { background: #F4BE0C; background: rgba(244, 190, 12, 1); border-color: #BC930B; color: #544103; }
.alert.error { background: #f33d3a; color:white; background: rgba(243, 61, 58, 1); border-color: #C84040; color: #C84040; }

@-webkit-keyframes alert-popup { 0% { -webkit-transform: translate(0, -100%); }
  10% { -webkit-transform: translate(0, 0%); }
  90% { -webkit-transform: translate(0, 0%); }
  100% { -webkit-transform: translate(0, -100%); } }

@-o-keyframes alert-popup {}
@keyframes alert-popup { 0% { transform: translate(0, -100%); }
  10% { transform: translate(0, 0%); }
  90% { transform: translate(0, 0%); }
  100% { transform: translate(0, -100%); } }

.propertyColor { background-color: white; -webkit-box-shadow: 0 0 0 2px #cccccc; box-shadow: 0 0 0 2px #cccccc; cursor: pointer; height: 14px; width: 14px; position: relative;top: 2px; }

.colorPickerColor { width: 40px; height: 40px; cursor: pointer; display: inline-block; }

.color-aqua { background-color: aqua; } .event-color-aqua .event-color-swatch { color: aqua; }
.color-blue { background-color: blue; } .event-color-blue .event-color-swatch { color: blue; }
.color-black { background-color: black; } .event-color-black .event-color-swatch { color: black; }
.color-brown { background-color: brown; } .event-color-brown .event-color-swatch { color: brown; }
.color-gold { background-color: gold; } .event-color-gold .event-color-swatch { color: gold; }
.color-gray { background-color: gray; } .event-color-gray .event-color-swatch { color: gray; }
.color-green { background-color: green; } .event-color-green .event-color-swatch { color: green; }
.color-navy { background-color: navy; } .event-color-navy .event-color-swatch { color: navy; }
.color-orange { background-color: orange; } .event-color-orange .event-color-swatch { color: orange; }
.color-pink { background-color: pink; } .event-color-pink .event-color-swatch { color: pink; }
.color-purple { background-color: purple; } .event-color-purple .event-color-swatch { color: purple; }
.color-red { background-color: red; } .event-color-red .event-color-swatch { color: red; }
.color-silver { background-color: silver; } .event-color-silver .event-color-swatch { color: silver; }
.color-tan { background-color: tan; } .event-color-tan .event-color-swatch { color: tan; }
.color-teal { background-color: teal; } .event-color-teal .event-color-swatch { color: teal; }
.color-yellow { background-color: yellow; } .event-color-yellow .event-color-swatch { color: yellow; }

.event-color-swatch {
	position: relative;
	top: -1px;
	line-height: 17px;
}

.event-has-color .event-color-swatch:before { content: "•"; font-size: 28px; font-size: 1.75rem; vertical-align: middle; margin-left: -1px;  }

.approvalHolder { color: white !important; cursor: default; margin-bottom: 8px; margin-right: 5px; text-align: center; }
.approvalHolder.success { background: #94d70c; border-radius: 4px; }
.approvalHolder.warning { background: #176BFB; border-radius: 4px; }
.approvalHolder.error { background: #f33d3a; border-radius: 4px; }

.cf:after { clear: both; content: ''; display: table; }
.mCSB_container { margin-right: 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 6px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #CCC; background: rgba(170, 170, 170, 0.7); }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #CCC; background: rgba(190, 190, 190, 0.7); }

.mCSB_scrollTools .mCSB_draggerRail { background: #FAFAFA; background: rgba(200, 200, 200, 0.25); }

ul.ui-autocomplete { max-height: 200px; max-width: 500px; overflow: auto; }
.autoCompleteAddress {font-size: 14px!important;}
.desktopNav > ul > li > a > .text { display: none;}
.desktopNav > ul > li > .addEventLink > .text { display: inline-block; text-transform: capitalize;}
.mobileSideNav > #mb-waffle { display: none;}

.boxy-content label { display: block; line-height: 150%; margin-bottom: 10px; }
.boxy-content input { margin-right: 10px; }
.boxy-wrapper .title-bar {
	background-color: white!important;
	height: 48px!important;
	padding: 16px!important;
}
.boxy-content {
	font-family: 'Red Hat Text', sans-serif !important;
	font-style: normal!important;
	font-weight: 400!important;
	font-size: 16px!important;
	line-height: 24px!important;
	color: #353C43!important;
	margin-left: 16px;
	margin-right: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.boxy-wrapper .title-bar h2, .boxy-wrapper .title-bar .close {
	color: black!important;
	font-style: normal!important;
	font-size: 20px!important;
	line-height: 28px!important;
	font-weight: 700!important;
	box-shadow: 0px 1px 0px #ECECEE;
	padding-bottom: 16px!important;
}
.boxy-wrapper .title-bar .close {
	padding-right: 16px!important;
	top: 16px!important;
}
.boxy-wrapper .top, .boxy-wrapper .bottom, .boxy-wrapper .left, .boxy-wrapper .right,
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left {
	height: 0px!important;
	background: none!important;
}

.eventBoxyHolder { line-height: 150%; padding: 0 !important; }
.eventBoxyTitle { background: #FFFFFF; }
.eventBoxyHolder .boxy-content .eventBoxyHolder h2 {color: #353C43!important; line-height: 32px; position: relative; }
.eventBoxyHolder h2 span { color: #FFF; font-size: 20px; font-size: 1.25rem; position: absolute; top: 0px; right: 10px; }
.eventBoxyHolder h2 span a { text-shadow: .5px .5px 0px #777; color: white; display: block; line-height: 32px; }
.eventBoxyHolder h2 span a:before { margin-right: 8px; }
.eventBoxyHolder #eventBoxyHolder { padding-left: 16px; width: 315px; }
.eventBoxyHolder #eventActivity { padding: 0 16px; width: 410px; }
.eventBoxyHolder #eventActivity h3 { position: relative; text-align: center; }
.eventBoxyHolder #eventActivity h3 span { font-size: 12px; font-size: 0.75rem; position: absolute; top: 0; right: 0; }
.eventBoxyHolder #eventActivity h3 span a:before { margin-right: 3px; }
.eventBoxyHolder .activityItem { font-size: 13px; font-size: 0.8125rem; font-weight: normal; margin-bottom: 10px; }
.eventBoxyHolder .activityItem h4 { color: #333; margin-bottom: 5px; }
.eventBoxyHolder .activityItem h4 span { color: #666; font-weight: bold; }
.eventBoxyHolder .eventOptions { font-size: 24px; font-size: 1.5rem; overflow: hidden; padding: 8px 0; }
.eventBoxyHolder .eventOptions a { background: #999; border-color: #333333; -webkit-border-radius: 3px; border-radius: 3px; color: white; float: left; line-height: 36px; margin-right: 5px; text-align: center; width: 71px; }
.eventBoxyHolder .eventOptions a:hover { background: #b3b3b3; color: #333333; }
.eventBoxyHolder .eventOptions a:last-child { margin-right: 0; }
.eventBoxyHolder .eventSection { background: #efefef; background: rgba(0, 0, 0, 0.08); border: 1px solid #CCC; font-size: 15px; font-size: 0.9375rem; margin-bottom: 15px; padding: 5px; }
.eventBoxyHolder .eventSection.eventDate { background: transparent; border: 0 none; color: #666; font-size: 13px; font-size: 0.8125rem; font-weight: bold; margin-bottom: 10px; padding: 0 5px; }
.eventBoxyHolder .eventFormButton a {color: white;width: auto;margin: 8px 0;}

#eventRoomsHolder, #eventVehiclesHolder { padding: 0 5px; }

button, .button {
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	font-size: 15px;
	font-size: 0.9375rem;
	height: 32px;
	line-height: 32px;
	padding: 0 5px;
	text-align: center;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	width: 100%;
}

#submitCommentButton { margin-top: 5px; }
button:focus { outline: none; }
button.sm, .button.sm { font-size: 16px; font-size: 1rem; padding: 0 12px; width: auto; background-color: #176bfb; border-radius: 4px;}
button.sm:hover, .button.sm:hover { font-size: 16px; font-size: 1rem; padding: 0 12px; width: auto; background-color: #4685F2; border-radius: 4px;}
button.sm:active, .button.sm:active { font-size: 16px; font-size: 1rem; padding: 0 12px; width: auto; background-color: #074BBF; border-radius: 4px;}
button.sm:disabled, .button.sm:disabled { font-size: 16px; font-size: 1rem; padding: 0 12px; width: auto; background-color: #AECBFE; border-radius: 4px;}
button.xsm, .button.xsm { padding: 0; width: 32px; }
button.green, .button.green { background: #176bfb; border-color: #176bfb; color: #fff; border-radius: 4px;}
button.green:hover, .button.green:hover { background: #176bfb; }

button.gray, .button.gray { background: #FFFFFF; color: #616B7D; border: 1px solid rgba(97, 107, 125, 0.7); border-radius: 4px; }
button.gray:hover, .button.gray:hover { background: #EFF1F6; color: #616B7D; }
button.gray:active, .button.gray:active { background: #DEE1E8; color: #353C43; }
button.gray:disabled, .button.gray:disabled { background: #F6F6F9; color: #616B7D; }

button.red, .button.red { background: #C84040; color: #FFFFFF; }
button.red:hover, .button.red:hover { background: #D36666; }
button.red:active, .button.red:active { background: #B23434; }
button.red:disabled, .button.red:disabled { background: #C84040; }


.no-mb { margin-bottom: 0 !important; }

header.global {
	background: #83bf0b;
	color: white;
	height: 65px;
	line-height: 48px;
	padding: 0 15px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

header.global.withAppSwitcher { padding: 0; }
header.global a, header.global i { color: white; font-size: 18px; }
header.global i { /* margin-right: 5px; */}
header.global nav { float: right; }
header.global nav ul { overflow: hidden; display: inline-block; }
header.global nav li { float: left; margin-right: 24px; text-transform: uppercase; font-size: 16px;}
@media all and (max-width: 60em) { header.global nav { font-size: 14px; font-size: 0.875rem; } }

body.calendarPage header.global { position: relative; }
body.calendarPage {background: #fff;}

.main-menu {
	-webkit-overflow-scrolling: touch;
	border-right: 1px solid #CCC;
	height: 100%;
	overflow: auto;
	padding-top: 68px;
	position: fixed;
	top: 0;
	left: 0;
	width: 144px;
	z-index: 1;
}

.main-menu.settings-main-menu + .content.no-padding-top {
    padding-left: 144px;
}

@media all and (max-width: 60em) {
	.main-menu.settings-main-menu + .content.no-padding-top {
        padding-left: 60px;
	}
}

.main-menu.settings-main-menu {
	padding-top: 65px;
}

.sticky-calendar-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.main-menu a { color: #999!important; display: block; height: 80px; font-size: 14px; font-size: 0.775rem; padding-top: 10px; text-align: center; }
.main-menu a { background: #fafafa; }

.main-menu i { display: block; font-size: 64px; font-size: 1.8rem; margin-bottom: 8px; margin-top: 8px; }
.main-menu a:hover { background: #f6f6f9; color: #176bfb; }
.main-menu a.active {
	background: #EEEEEE;
	color: #616B7D !important;
	border-left: 4px solid black !important;
}

@media all and (max-width: 60em) { .main-menu { background: gainsboro; width: 60px; }
  .main-menu a { height: 60px; padding-top: 10px; }
  .main-menu i { font-size: 32px; font-size: 2rem; }
  .main-menu span { display: none; } }

.content {
	min-height: 100%;
	padding-left: 144px;
	padding-top: 128px;
	position: relative;
	text-align: center;
	background-color: #f6f6f9;
}
.content.no-padding-top {
	padding-top: 0!important;
}
.content .contentBox {
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	display: inline-block; opacity: 0;
	padding: 20px;
	position: absolute;
	left: 20%;
	top: 136px;
	left: -webkit-calc(10% + 144px);
	left: calc(10% + 144px);
	text-align: left;
	width: 800px;
}

/* 111060: update */
.content .contentBox.navContent.activeOption.withSubmenu {
	top: 180px;
}
.h2WithSubMenu {
	position: absolute;
	left: 0;
	top: -40px;
}

@media all and (max-width: 68em) {
	.content .contentBox {
		left: 18%;
		left: -webkit-calc(5% + 144px);
		left: calc(5% + 144px);
	}
}

@media all and (max-width: 60em) {
	.content .contentBox {
		left: 10%;
		left: -webkit-calc(5% + 50px);
		left: calc(5% + 50px);
		padding: 10px;
		width: calc(100vw - 85px);
	}
}

.pendingPage .content {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 80px;
}

.pendingPage .content .contentBox {
	left:0;
	position: static;
	width: 100%;
}

.content .contentBox.activeOption { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index: 1; }

.content .contentBox > h2 {
	margin-bottom: 35px;
}

.content .contentBox .undo { position: absolute; top: -30px; right: 0; }
.content .contentBox ul li { background: #efefef; color: #666666; line-height: 36px; margin-bottom: 10px; padding: 0 10px; position: relative; }
.content .contentBox ul li a[class*="icon-"] { color: #999; position: absolute; right: 10px; top: 10px; }
.content .contentBox ul li a[class*="icon-"]:hover { color: #333333; }
.content .contentBox ul li a icon { font-family: "Font Awesome 5 Pro"; color: #999; position: absolute; right: 10px; top: 10px; }
.editRoomLink icon { font-family: "Font Awesome 5 Pro"; color: #999; position: absolute; top: 10px; padding-right: 30px!important; }
.content .contentBox ul li a icon:hover { color: #333333; }
.content .contentBox ul li input[type=text], .content .contentBox ul li input[type=password] { height: 24px; }
.content .contentBox ul.dark li { background: #ECECEE; border-radius: 4px;}
.content .contentBox ul.ui-sortable li { cursor: move; }
.content .contentBox ul.links li { background: #ECECEE; padding: 0; }
.content .contentBox ul.links li a[class*="icon-"] { color: #628c09; -webkit-transition: color 0.3s; transition: color 0.3s; }
.content .contentBox ul.links li a[class*="icon-"]:hover { color: #333333; }
.content .contentBox ul.links a { display: block; color: white; padding: 0 10px; }
.content .contentBox ul input { background: transparent; border-color: transparent; }
.content .contentBox ul input:focus { background: #fafafa; border: 2px solid #176BFB!important }
.content .contentBox ul input:hover { border: 2px solid #176BFB!important }
.content .contentBox table ul li { line-height: 160%; }
.content .choose { background: #fafafa; border: 1px solid #CCC; color: #999; font-size: 28px; font-size: 1.75rem; line-height: 220px; margin: 0 auto; width: 60%; }
.content aside { float: left; width: 500px; }
.content aside:first-of-type { padding-right: 30px; }

@media all and (max-width: 60em) {
	.content aside.multi-aside {
		width: 50%;
	}

	.content aside:first-of-type {
		padding-right: 15px;
	}
}

.content .manage {
	width: 250px;
	margin-top: 30px;
}
.content .addItem { padding-left: 36px; padding-top: 4px; }
.content .addItem p, .content .addItem button, .content .addItem input, .content .addItem textarea, .content .addItem label { margin-bottom: 10px; }
.content .addItem input, .content .addItem textarea, .content .addItem select {
	width: 100%;
}
.content .addItem select { height: 32px; padding: 3px 0; vertical-align: top; }
.content .addItem button { clear: both; float: right; line-height: 30px; }
.content .addItem input { height: 32px; }
.content .addItem input.sm { width: 46px; }
.content .addItem label { position: relative; padding-top: 4px; }
.content .addItem label i {
	color: #999;
	font-size: 20px;
	font-size: 1.5em;
	font-weight: 400;
	position: absolute;
	top: 47%;
	left: -36px;
	margin-top: 10px;
	left: -23px;
	top: 0px;
}

.content .groupItem {
	background: #FFFFFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ECECEE;
	border-radius: 4px;
	color: #999;
	margin-bottom: 20px;
	padding: 0 10px 10px;
	position: relative;
}

@media all and (max-width: 60em) { .content .groupItem { font-size: 14px; font-size: 0.875rem; } }
.content .groupItem h3 { line-height: 54px; }
@media all and (max-width: 60em) { .content .groupItem h3 { line-height: 150%; } }
.content .groupItem .addItem { overflow: hidden; }
.content .groupItem .addItem label { float: left; }
.content .groupItem .addItem input { margin-bottom: 0; width: 220px; }
.content .groupItem .addItem button { clear: none; float: left; margin-left: 10px; }
.content .groupItem .groupActions { position: absolute; top: 10px; right: 10px; }
.content .groupItem .groupActions a { color: #999; padding: 0 5px; }
.content .groupItem .groupActions a:hover { color: #333333; }
.singleItem { background: #ECECEE!important; -webkit-border-radius: 5px; border-radius: 5px; color: #666666; line-height: 32px; margin-bottom: 12px; margin-right: 12px; padding: 0 10px; }
.singleItem .close { color: #999; font-size: 13px; font-size: 0.8125rem; margin-left: 5px; }
.singleItem .close:hover { color: #666666; }
.content .form-item { padding: 10px 0; }
.content .form-item input[type=text], .content .form-item input[type=password], .content .form-item textarea { width: 100%; }
.content .form-item .addItem button { float: right; margin-left: 0; }
.content .vehicleBox {
	background: #FFFFFF;
	color: #333333;
	float: left;
	border-radius: 4px;
	font-size: 14px;
	font-size: 0.875rem;
	height: 180px;
	margin-bottom: 12px;
	margin-right: 12px;
	padding-top: 50px;
	position: relative;
	text-align: center;
	width: 148px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ECECEE;
	border-radius: 4px;
}
@media all and (min-width: 60em) { .content .vehicleBox:nth-of-type(3n) { margin-right: 0; } }
@media all and (max-width: 60em) { .content .vehicleBox { width: 180px; } }
.content .vehicleBox i { display: block; font-size: 64px; font-size: 4rem; margin: 0 auto 10px; }
.content .vehicleBox span { text-transform: uppercase; }
.content .vehicleBox .vehicleEdit { position: absolute; top: 10px; right: 10px; }
.content .vehicleBox .vehicleEdit a { color: gainsboro; margin-left: 5px; }
.content .vehicleBox .vehicleEdit a:hover { color: #333333; }
@media all and (max-width: 60em) { .content .vehicleBox .vehicleEdit { font-size: 20px; font-size: 1.25rem; width: 20px; }
  .content .vehicleBox .vehicleEdit a { margin-left: 0; margin-bottom: 10px; } }
.content table { border: 1px solid #CCC; color: #666666; font-size: 14px; font-size: 0.875rem; }
.content table th { background: gainsboro; border: 1px solid #CCC; color: #333333; font-weight: bold; line-height: 28px; padding: 0 5px; }
.content table td { border: 1px solid #D6D6D6; line-height: 140%; padding: 5px; }
.content table td:first-child, .content table td:last-child { min-width: 30%; }
.content table tr:nth-child(even) { background: white; }
.content table tr:nth-child(odd) { background: #fafafa; border-color: #D6D6D6; }

#bottomBar { position: fixed; bottom: 0; z-index: 100; background: white; width: inherit; border-top: 1px solid white; -webkit-box-shadow: -1px 0 0 1px #bababa; box-shadow: -1px 0 0 1px #bababa; color: #555; padding: 0 20px 0 0; }
#bottomBar ul { margin: 0; list-style-type: none; border-right: 1px solid #d6d6d6; height: 40px; display: inline-block; float: left; }
#bottomBar ul li { display: inline-block; margin: 0; border-right: 1px solid #bababa; }
#bottomBar ul li a { padding: 0 20px; line-height: 40px; display: inline-block; color: inherit; text-decoration: none; }
#bottomBar ul li a:active, #bottomBar ul li a:hover { background-color: #eee; }
#bottomBar ul li ul { position: relative; bottom: 60px; }
#bottomBar ul li ul li { float: none; }
#bottomBar #viewsFilter { border-left: none; }
#bottomBar #filtersLabel { border-right: none; }
#bottomBar #propertyFilter { border-left: 1px solid #bababa; }
#bottomBar #viewIcons { float: right; vertical-align: middle; }
#bottomBar #viewIcons a.active { background-color:#DADADA;}

#addForm { line-height: 150%; padding-bottom: 20px; }
#addForm input[type=text], #addForm input[type=password], #addForm textarea, #addForm select { color: #333; }
#addForm #roomsSearch, #addForm #eventRoomsHolder, #addForm #eventVehiclesHolder { margin-bottom: 20px; }

#drawer { position: fixed; border-top: 1px solid #bababa; width: 300px; -webkit-box-shadow: 0 1px 8px #878787; -moz-box-shadow: 0 1px 8px #878787; box-shadow: 0 1px 8px #878787; background-color: #fbfbfb; padding: 0; max-height: 400px; overflow-y: scroll; opacity: 0.5; display: none; z-index: 9; }

#drawer ul { margin: 0; padding: 0; list-style-type: none; }

#drawer ul li { margin: 0; border-top: 1px solid #bababa; }
#drawer ul li:first-child { border-top: none; }

#drawer ul li a { line-height: 40px; display: block; color: #555; background: #FAFAFA; padding: 0 10px; margin: 0; text-decoration: none; }
#drawer ul li a:hover { background-color: #eeeeee; background-image: none; }

#drawer ul li a span { width: 17px; height: 17px; display: inline-block; margin-right: 8px; font-size: 10px; position: relative; top: -2px; }

#drawer ul li a.filterLink span { background-color: #cdcdcd; }

#drawer ul li a.filterViewLink span { background-color: #cdcdcd; }

#drawer ul li a.active { background-image: none; background-color: #eeeeee; }



#drawer ul li a.filterLink span, #drawer ul li a.filterViewLink span, #drawer ul li a.filterBuildingLink span {
	font-size: 16px;
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #176bfb;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	color: #176bfb;
	display: inline-block;
	height: 17px;
	line-height: 13px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 17px;
}

#drawer ul li a.filterLink.active span, #drawer ul li a.filterViewLink.active span, #drawer ul li a.filterBuildingLink.active span  {
	background-color: #176bfb;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: white;
}

#drawer ul li a.filterLink.active span:before, #drawer ul li a.filterViewLink.active span:before, #drawer ul li a.filterBuildingLink.active span:before {
	content: "✔";
	font-weight: bold;
	position: relative;
	top: 3px;
	left: 1px;
}


#drawer ul li a.filterViewLink.active span { background-color: #8FCE0B; content: "•"; }

#drawer ul li ul a { padding-left: 38px; }

#drawer ul li a.filterCategoryLink span { position: relative; overflow: hidden; display: inline-block; }

#drawer ul li a.filterCategoryLink span { background: url(images/expand.png); }

#drawer ul li a.filterCategoryLink span { transition: transform 1s; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; }

#drawer ul li a.filterCategoryLink.expanded span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }

#drawer ul li a.filterViewLink, #drawer ul li a.icon-cog {
    display: inline-block;
}

#drawer ul li a.icon-cog {
	position: absolute;
}

#drawer ul.filterCategoryHolder {
  display:none;
}

#drawer ul li a.filterViewLink {
    width: 249px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#drawer ul li .icon-plus-circle {
	 color: #176bfb;
	 width: 17px;
	 margin-right: 8px;
}

#drawer ul li .icon-cog {
	color: #B1B1B1;
}
/*
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { header.global { display: none; }
  .fc-header { width: 100px; }
  .fc-header-title h2 { font-size: 1.25em; } }
  */
#eventRepeatHolderTable label {
	font-weight:normal;
	display:inline;
}

#eventRepeatHolderTable input[disabled='disabled'] {
	background-color: #EEEEEE;
}

.count {
	background: none repeat scroll 0 0 #CC0000;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 0.6875rem;
    line-height: 16px;
    width: 16px;
    position: absolute;
    text-align: center;
    top: 0px;
    margin-left: -15px;
}

@media (max-width: 990px) {
	.count {
		margin-left: 10px;
	}
}

.campusSelect {
	display: inline-block;
	float: right;
	position: absolute;
	right: 30px;
	top: 17px;
}

.repeatDayOption {
	margin-right:8px;
}

.repeatDayOption input {
	 position: relative;
    top: -2px;
}

@media (max-width: 740px) and (max-height: 420px)
{
	#mb-modal {
		top: 0 !important;
    	margin-top: 0 !important;
	}
}

.mobileNav {
	display: none;
}

.form-item {
    margin-bottom: 1em;
    margin-top: 2px;
}

#ticketSubmitHolder {
    min-width: 500px;
    padding: 8px;
}

.roomSetupImage {
	max-width: 768px;
}

#pendingSearch {
	width:251px;
}

header.global {
	border-bottom: none;
}

@media print {
	.eventBoxyHolder {
		word-wrap: normal !important;
		width: 95% !important;
	}
}

.top-nav-waffle {
	float: right;
}

.corner-arrow:before {
    content: "\e91c";
}

.corner-arrow {
  font-family: 'icomoon-new' !important;
  margin-top: -5px !important;
}

.contentBox.navContent > aside > div.scrollable {
	max-height: 65vh;
	overflow-y: auto;
}