* {
  margin:								0;
  padding:								0;
  font-family:							'Titillium Web', sans-serif;
  font-size:							1em;
}

body,html {
  background:							#fff;
  height:								100%;
}

select {
    -webkit-appearance:					none;
    -moz-appearance:					none;
    appearance:							none;
	background-color:					rgba(0,0,0,0);
	background-image:					url("../images/icon-arrow-down-16-03.png");
	background-repeat:					no-repeat;
	background-position:				99% 53%;
	cursor:								pointer;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border:								1px solid #aaa;
	-webkit-text-fill-color:			black;
	-webkit-box-shadow: 				0 0 0px 1000px rgba(0,0,0,0) inset;
	transition: 						background-color 5000s ease-in-out 0s;
}

fieldset {
	border:								none;
}

/* PAGE MAIN NAVIGATION */
nav#mnav ul {
	list-style:							none;
	border-bottom:						solid 1px #d8d8d4;
	width:								100%;
}

nav#mnav ul li {
	position:							relative;
}

nav#mnav ul li:after {
	display:							block;
	position:							absolute;
	right:								0;
	top:								25%;
	height:								50%;
	width:								1px;
	background:							#d8d8d4;
	content:							"";
}

nav#mnav ul li:last-child:after {
	display:							none;
}

nav#mnav ul li a {
	font-size:							1.2em;
	color:								#757575;
	text-decoration:					none;
	position:							relative;
	display:							inline-block;
	position:							relative;
	padding:							.5em 1.5em;
}

nav#mnav ul li a:hover, nav#mnav ul li.active a {
	color:								#000;
}

nav#mnav ul li.active a {
	font-weight:						bold;
}

nav#mnav ul li:hover a:after {
	position:							absolute;
	bottom:								-1px;
	left:								0;
	right:								0;
	width:								100%;
	height:								1px;
	background:							#9a9a9a;
	content:							"";
}

nav#mnav ul li.active a:after {
	position:							absolute;
	bottom:								-1px;
	left:								0;
	right:								0;
	width:								100%;
	height:								1px;
	background:							#bc103b;
	content:							"";
}

#add-new {
	background:							#bc103b;
	position:							fixed;
	bottom:								3%;
	right:								2%;
	height:								36px;
	width:								48px;
	padding-top:						12px;
	text-align:							center;
	display:							block;
	border-radius:						50%;
	-moz-border-radius:					50%;
	-webkit-border-radius:				50%;
	-webkit-box-shadow:					0px 0px 2px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:					0px 0px 2px 1px rgba(0,0,0,0.5);
	box-shadow: 						0px 0px 2px 1px rgba(0,0,0,0.5);
}

#add-new img {
	border:								none;
    -webkit-transition:					transform 0.5s;
    transition:							transform 0.5s;
}

#add-new:hover img {
    -ms-transform:						rotate(90deg);
    -webkit-transform:					rotate(90deg);
    transform:							rotate(90deg);
}

#add-new span {
	display:							block;
	font-size:							0.85em;
	position:							relative;
	height:								36px;
	width:								48px;
}

#add-new span small {
	background:							rgba(0,0,0,.85);
	color:								#eaeaea;
	white-space:						nowrap;
	right:								125%;
	padding:							.3em .5em;
	opacity:							0;
	position:							absolute;
}

h2.main-header a.header-edit {
	margin-left:						1em;
}

#banner  {
	position:							relative;
	display:							flex;
	padding:							65px 0 .5em 0;
}

#banner  h1 {
	padding:							.5em 0;
}

#banner .fle {
	flex-direction:						row;
	align-items:						center;
	flex-grow:							1;
}

#banner .fle.opt {
	text-align:							right;
}

#banner .fle.opt a {
	position:							relative;
}

#banner .fle.opt a small.title {
	display:							none;
	position:							absolute;
	top:								100%;
	right:								0;
	background:							rgba(0,0,0,.85);
	padding:							4px 10px;
	color:								#d0d0d0;
	font-size:							.8em;
	white-space:						nowrap;
}

#banner .fle.opt a:hover small.title {
	display:							block;
}

#page-wrapper {
	width:								95%;
	margin:								0 auto;
	max-width:							1160px;
}

#content .fcl {
	flex:								1;
}

#content aside.fcl {
	flex:								0 0 300px;
}

#notification-message.jg {
	position:							fixed;
	right:								2%;
	width:								80%;
	max-width:							350px;
	top:								0;
	opacity:							0;
	display:							block;
	z-index:							99;
}

#notification-message.sg {
	position:							relative;
	width:								98%;
	margin:								2em auto;
}

body #notification-message p {
	padding-top:						1em;
	padding-right:						1em;
	padding-bottom:						1em;
	padding-left:						calc(1em + 32px);
	position:							relative;
	font-size:							90%;
}


body.js-enabled + #notification-message {
	display:							none;
}

body.js-enabled #notification-message small {
	content:							"";
	background:							rgba(255,255,255,0.2);
	height:								1px;
	left:								0;
	right:								0;
	top:								0;
	display:							block;
	position:							absolute;
}

body.js-enabled #notification-message p:before {
	content:							"";
	left:								1em;
    top:								50%;
    transform:							translateY(-50%);
	display:							block;
	position:							absolute;
	width:								16px;
	height:								16px;
	background-repeat:					no-repeat;
	opacity:							0.6;
}

#notification-message.complete_error {
	background:							rgba(193, 54, 79,0.9);
	color:								#fff;
}

body.js-enabled #notification-message.complete_error p:before {
	background-image:					url("../images/icon-error-16.png");
}

#notification-message.complete_success {
	background:							rgba(54, 193, 130,0.9);
	color:								#fff;
}

body.js-enabled #notification-message.complete_success p:before {
	background-image:					url("../images/icon-ok-16.png");
}

#notification-message.complete_info {
	background:							rgba(56, 171, 224,0.9);
	color:								#fff;
}

body.js-enabled #notification-message.complete_info p:before {
	background-image:					url("../images/icon-info-16-03.png");
}

#notification-message.complete_warning {
	background:							rgba(224, 162, 56,0.9);
	color:								#fff;
}

body.js-enabled #notification-message.complete_warning p:before {
	background-image:					url("../images/icon-bell-16.png");
}

/* LOADER */
.loader-anim {
	border:								6px solid #f3f3f3;
	border-top: 						6px solid #bc103b;
	-moz-border-radius: 				50%;
	-webkit-border-radius: 				50%;
	border-radius: 						50%;
	width: 								32px;
	height: 							32px;
	-webkit-animation: 					spin 2s linear infinite; /* Safari */
	animation: 							spin 2s linear infinite;
	margin:								0 auto;
}

/* LOADER */
.loader-anim-16 {
	width: 								16px !important;
	height: 							16px !important;
  border:								3px solid #f3f3f3 !important;
  border-top: 					3px solid #bc103b !important;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



#opt-nav {
	background:							#f2f1ef;
}

#opt-nav ul {
	list-style:							none;
}

#opt-nav ul li a{
	color:								#9a9a9a;
	text-decoration:					none;
}

#opt-nav ul li a span {
}

#opt-nav ul li.current {
	background:							#fff;
}

#opt-nav ul li.current a {
	color:								#000;
}

#opt-nav ul li.current:hover a {
	background:							#fff;
	color:								#000;
}

#opt-settings {
	padding:							1em;
	flex:								1;
}

body.default-skeleton p.sep_b {
	padding-bottom:						2em;
}

body.default-skeleton p a {
	color:								#bc103b;
}

body.default-skeleton p.button a {
	background:							#bc103b;
	border:                 solid 1px #bc103b;
	color:								  rgba(255,255,255,0.8);
	padding:							  0.5em 1em;
	text-decoration:				none;
}

body.default-skeleton p.button a:hover {
	color:								#fff;
}

body.default-skeleton p a:hover {
	text-decoration:					none;
}



/* DATE PICKER */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border:								1px solid #97d66b !important;
	background: 						#beff90 !important;
	color: 								#777620 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover
{
	border:								1px solid #bc103b !important;
	background: 						#db3b63 !important;
	color: 								#edb6c4 !important;
}


/* RESPONSIVENESS */
@media only screen and (max-width: 799px) {

	nav#mnav {
		display:							none;
	}

	body#page-init nav#mnav {
		display:							block !important;
	}

	nav#mnav ul li {
		display:							block;
	}

	nav#mnav ul li:after {
		display:							none !important;
	}

	nav#mnav ul li a {
		border-left:						solid 5px #fff;
		display:							block;
	}

	nav#mnav ul li a:hover {
		border-left:						solid 5px #f2f2f2;
	}

	nav#mnav ul li:hover a:after {
		display:							none;
	}

	nav#mnav ul li a.active:hover,
	nav#mnav ul li.active a,
	nav#mnav ul li.active a:hover {
		border-left:						solid 5px #bc103b;
	}

	nav#mnav ul li.active a:after {
		display:							none;
	}

	nav#mnav ul {
		border-bottom:						none;
	}

	#banner p.fle {
		display:							none;
	}

	#banner h1.fle {
		text-align:							center;
	}
}

@media only screen and (min-width: 800px) {

	nav#mnav ul li {
		display:							inline-block;
	}

	nav#mnav ul li#nav-account-item {
		display:							none;
	}
}

#media-grid {
	position:								relative;
	display:								flex;
	flex-wrap:								wrap;
}

#media-grid .item,
#media-grid .item.photo .container {
	width:									150px;
	height:									150px;
}

#media-grid .item {
	position:								relative;
	flex:									0 0 150px;
	margin:									.7em;
	text-align:								center;
}

#media-grid .item.photo {
	background:								#f8f8f8;
	border:									solid 1px #dfdfdf;
}

#media-grid .item.photo .container {
    display:								table-cell;
    vertical-align:							middle;
	overflow:								hidden;
}

#media-grid .item.photo .action {
	position:								absolute;
	top:									0;
	bottom:									0;
	background-repeat:						no-repeat;
	background-position:					center center;
	cursor:									pointer;
	z-index:								12;
	display:								none;
	background-color:						rgba(255,255,255,0.5);
}

#media-grid .item.photo .action.preview {
	right:									0px;
	left:									75px;
	background-image:						url("../images/icon-resize-01.png");
}

#media-grid .item.photo .action.preview-only {
	right:									0;
	left:									0;
	background-image:						url("../images/icon-resize-01.png");
}

#media-grid .item.photo .action.remove {
	right:									75px;
	left:									0;
	background-image:						url("../images/icon-cross-32-02.png");
}

#media-grid .item.photo .action.preview:hover,
#media-grid .item.photo .action.remove:hover {
	background-color:						rgba(255,255,255,0.75);
}

#media-grid .item.photo:hover .action {
	display:								block;
}

#media-grid .item.photo:hover {
	border-width:							1px;
	border-style:							solid;
}

#media-grid .item.photo:after {
	position:								absolute;
	top:									0;
	bottom:									0;
	left:									0;
	right:									0;
	-webkit-box-shadow:						inset 0px 0px 45px 1px rgba(0,0,0,0.15);
	-moz-box-shadow:						inset 0px 0px 45px 1px rgba(0,0,0,0.15);
	box-shadow:								inset 0px 0px 45px 1px rgba(0,0,0,0.15);
	content:								"";
	border:									solid 1px #fff;
	z-index:								10;
}

#media-grid .item.new,
#media-grid .item.uploading {
	background-repeat:						no-repeat;
	background-position:					center center;
	outline:								1px dashed #cfcfcf;
}

#media-grid .item.uploading p.loader-anim {
	margin-top:								58px; /* exact value if box height is 150 */
}

#media-grid .item.new {
	background-image:						url("../images/icon-plus-32-02.gif");
}

#media-grid .item.new span {
	position:								absolute;
	top:									0;
	bottom:									0;
	left:									0;
	right:									0;
	content:								"";
	cursor:									pointer;
	display:								none;
}

#media-grid .item.new:hover {
	outline:								1px solid #a5c4de;
	background-image:						url("../images/icon-plus-32-02h.gif");
}

#media-grid .item.new:hover span {
	display:								block;
}

#form-schedule input#fileInput {
	display:								none;
}



#content-notice {
	position:								relative;
	margin-bottom:							2em;
}

#content-notice p {
	padding:								1em;
	position:								relative;
	margin:									0 !important;
}

#content-notice p:first-child {
	padding-top:							1em !important;
}

#content-notice p:last-child {
	padding-top:							0;
}

#content-notice.center p {
	text-align:								center;
}

#content-notice.warning {
	background:								rgba(245, 217, 105, 0.5);
	border:									solid 1px rgb(245, 217, 105);
}

#content-notice.error {
	background:								rgba(2235, 174, 174, 0.5);
	border:									solid 1px rgb(235, 174, 174);
}

#content-notice.info {
	background:								rgba(157, 199, 237, 0.5);
	border:									solid 1px rgb(124, 183, 235);
}

#content-notice.info p, #content-notice.info p a {
	color:									#20496e;
}

#content-notice.warning p, #content-notice.warning p a {
	color:									#87721b;
}

#content-notice.error p, #content-notice.error p a {
	color:									#b54848;
}

#session-notice {
	position:								fixed;
	bottom:									0;
	left:									100%;
	right:									0;
	z-index:								99;
}

#session-notice div {
	padding:								1em;
	padding-right:							calc(1px + 32px);
	position:								relative;
	display:								flex;
	align-items:							center;
}

#session-notice div small {
	display:								block;
	right:									1em;
	width:									16px;
	height:									16px;
	cursor:									pointer;
	background:								url("../images/icon-xcross-16-02.png") no-repeat;
	top:									1em;
	flex:									0 0 16px;
	opacity:								0;
}

#session-notice.warning {
	background:								#e6c270;
}

#session-notice.warning div p {
	color:									#87721b;
	text-align:								center;
	flex:									1;
	opacity:								0;
}

#session-notice.warning.loaded div p,
#session-notice.warning.loaded div small {
	opacity:								1;
}