/**
 * This CSS is just to get you started.
 * Feel free to modify any of it for your own app.
 */

* { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; color: #0055ff; }
a:visited { color: #aa88cc; }
html { background: #f2f2f2; height: 100%; box-sizing: border-box; }
body { height: 100%; overflow: auto; touch-action: none; }
h2 { margin: 0; }
*, *:before, *:after { box-sizing: inherit; }

/* The various slot containers */
#notices_slot {
	text-align: center;
}
#content_slot {
	position: relative;
	padding: 10px;
	overflow-x: auto;
	background: #fff;
	box-shadow: #aaa 0 0 4px;
	-webkit-box-shadow: #aaa 0 0 4px;
	-moz-box-shadow: #aaa 0 0 4px;
}
#dashboard_slot {
	position: fixed;
	margin: auto;
	border: solid 0 #0048b5;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	z-index: 900;
	text-align: left;
	cursor: default;
	box-shadow: #0048b5 0 0 4px; -webkit-box-shadow: #0048b5 0 0 4px; -moz-box-shadow: #0048b5 0 0 4px;
	background: #0048b5; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#0048b5), to(#0048b5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0048b5,  #0048b5); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0048b5', endColorstr='#0048b5'); /* for IE */
}
#dashboard_slot * { color: white; font-size: 24px; font-family: Arial, sans-serif; }
#dashboard_slot input,
#dashboard_slot textarea { color: black; }
#page { position: absolute; left: 0%; width: 100%; top:50px; bottom: 0; }
.Q_mobile #page { overflow: auto; -webkit-overflow-scrolling: touch; z-index: 0; }
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_static,
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_blockstatic {
	background: white;
	color: #333;
}
.Q_mobile #dashboard .Users_avatar_icon { margin: 0; border-radius: 4px; }
.Q_mobile #dashboard .Users_avatar_name { display: none; }
.Q_mobile #page { position: relative; }
.Q_notMobile .Users_avatar_icon { margin-right: 5px; }

#dashboard, #notices, #content { margin: auto; text-align: left; }
#content { position: relative; }

#dashboard { display: inline-block; width: 100%; }

.Q_notMobile #dashboard_slot .UBI_dashboard_logo {
	padding-top: 20px; text-align: center; overflow: hidden;
}
.Q_notMobile #dashboard_slot .UBI_dashboard_logo img {
	width: 80%;
	height: 80%;
	box-shadow: none;
	animation: Q_wiggle 3s ease-in-out 1 alternate;
}
.Q_mobile #dashboard_slot .UBI_dashboard_logo {
	display: inline-block; width: 40px; height: 40px; float: left; margin: 5px;
}
.Q_mobile #dashboard_slot .UBI_dashboard_logo h1 {
	display: none;
}
#dashboard_slot .UBI_dashboard_logo .Users_avatar_tool .Users_avatar_name {
	display: none;
}
#dashboard_slot .UBI_dashboard_logo .Users_avatar_tool img {
	border: none;
}

/* Notices contents */
#notices_slot { text-align: center; margin: auto; padding: 0; z-index: 5000; }
#notices { margin: auto; }
#notices_slot div.container { overflow: hidden; overflow-y: auto; }
#notices_slot ul { list-style-type: none; padding: 0; margin: auto; width: 700px; max-width: 100%; border: solid 1px #555; border-top: solid 1px #aaa; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; cursor: pointer; }
#notices_slot li { list-style-type: none; padding: 0; margin: 0; text-align: center; background: #ffd4aa; border: 0; border-bottom: solid 1px #aaa; line-height: 30px; min-height: 30px; }
#notices_slot ul.Q_errors * { background-color: #ebb; color: #500; }
#notices_slot ul.Q_errors li { text-align: left; padding: 0 10px 0 10px; }
#notices_slot .Q_field_name { float: right; font-size: 12px; padding-right: 10px; }
#notices_slot button
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	padding: 2px 10px;
	color: #69552e;
	background: #F1E2C6;
	box-shadow: 1px 1px 1px 0 #CCC;
	border: none;
}
.Q_notTouchscreen #notices_slot button:active
{
	background: #f0d298;
	margin-left: 6px;
	box-shadow: none;
}
#notices_slot ul li span {
	font-size: 12px;
	line-height: 26px;
}

#content h1 { margin: 0; color: #0048b5; }
/* Dashboard contents */
#dashboard>* { margin: 0; padding: 0; line-height: 40px; text-align: center; }
#dashboard>h1 { float: left; padding: 5px; width: auto; }
#dashboard>h2 { float: left; }
#dashboard_user { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right; padding: 5px; }
.Q_mobile #dashboard_user { max-width: 40%; }
.Q_mobile.Users_loggedIn #dashboard_user { margin: 0; }
.Q_mobile.Users_loggedOut #dashboard_user { line-height: 40px; }
#dashboard .Q_contextual * { color: black; }
#dashboard td { vertical-align: middle; }
#dashboard table { width: 100%; padding: 0; margin: 0; }
#dashboard .Q_dashboard_logo { padding: 0; }
#dashboard .Q_dashboard_logo a { padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#dashboard .Q_dashboard_logo img { height: 40px; border-radius: 5px; }
#dashboard .Q_dashboard_search { padding: 8px 10px 8px 10px; font-weight: bold; text-align: left; }
#dashboard .Q_dashboard_search input {
	width: 104px;
	margin-right: 4px;
	border-radius: 2em;
	-moz-border-radius: 2em;
	padding-left: 27px;
	padding-right: 17px;
	border: none;
	border-top: 1px solid #CCC;
	background: white url(../{{Q}}/img/search_icon.png) no-repeat;
	color: #444;
}

/* Dashboard tabs */
#dashboard .Q_tabs_tabs { border: 0; width: 100%; margin: auto; text-align: left; }
#dashboard .Q_tabs_tab { cursor: pointer; width: auto; border: 0 !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f8f8f8; background: none; line-height: 30px !important; text-align: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; }
#dashboard .Q_tabs_tab.Streams_preview_tool { padding-left: 10px; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal { margin: 0; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab { background-color: #340950; color: white; width: 100%; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab * { color: white; }
#dashboard .Q_tabs_tab * { white-space: nowrap; overflow-x: hidden; overflow-y: visible; text-overflow: ellipsis; vertical-align: top; text-transform: capitalize; }
#dashboard .Q_tabs_vertical .Q_tabs_tab { background: transparent; }
#dashboard .Q_tabs_tab:first-child { border-top: 0 solid #e5e5e5; border-left: 0; }
#dashboard .Q_tabs_tab,
#dashboard .Q_tabs_tab>* { cursor: pointer; }
#dashboard .Q_tabs_tab { text-decoration: none; color: white; }
.Q_notTouchscreen #dashboard .Q_tabs_tab:hover { background: rgba(100, 100, 100, 0.1); }
#dashboard .Q_tabs_tab img { margin-right: 10px; width: 30px; }
#dashboard .Q_tabs_tab span { display: inline; text-align: left; }
#dashboard .Q_tabs_tab.Q_current { background-image: url(../Q/plugins/Q/img/bg/stucco.png) !important; color: black !important; }
#dashboard .Q_tabs_tab.Q_current * { color: black; }
.Q_mobile #dashboard .Q_tabs_tool { max-width: 80%; overflow: hidden; padding: 5px; }

body .Q_tabs_contextual .Q_listing li { text-align: left; }
html .Q_listing img { height: 30px; }

/* inputs */

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input.text,
input.email,
input.tel,
input.password,
input.number,
textarea { border: 1px solid #ccc; border-bottom: 1px solid #aaa; background-color: #fefefe; cursor: text; font-family: "Trebuchet MS"; }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input.text:focus,
input.email:focus,
input.tell:focus,
input.password:focus,
input.number:focus,
textarea:focus { background: white; box-shadow: 0 1px 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,100,.15); -moz-box-shadow: 0 1px 4px rgba(0,0,100,.15); }
input.placeholder,
textarea.placeholder { color: #aaa; font-style: italic; }
select:focus { outline: dotted 1px #779; }
/* select { margin-top: 0.75em; } */
input[type=text],
input[type=password],
input[type=tel],
input[type=password],
input[type=number],
input.text,
input.email,
input.tel,
input.password,
input.number,
textarea { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 0 4px 0 4px; }
input[type=checkbox],
input[type=radio] { margin-right: 5px; }
html .Q_inplace_tool_fieldinput { padding: 0; }

.Q_mobile #dashboard_slot,
.Q_mobile #notices_slot { width: 100%; position: fixed; left: 0; }
.Q_mobile #dashboard>h2 { display: none; }
.Q_mobile #dashboard .Q_tabs_tab {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.Q_mobile .Q_overlay { width: 90%; }

/* The following lines are for cordova on iOS */
.Q_notCordova #status_background { display: none; }
.Q_cordova.Q_ios #status_background {
	background: #f2f2f2;
	height: 20px;
}
.Q_cordova.Q_ios.Q_mobile #dashboard_slot { top: 20px; height: 50px; }
.Q_cordova.Q_ios.Q_mobile #page { top: 70px; }
.Q_cordova.Q_ios.Q_mobile.Q_notch #status_background {
	background: black;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-top);
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #dashboard_slot {
	top: calc(env(safe-area-inset-top));
	height: 50px;
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #page {
	top: calc(env(safe-area-inset-top) + 50px);
}

/* The following lines are for a flatter look */
html .Q_listing li { font-size: 18px; padding: 0 10px; line-height: 40px; text-align: left; border-top: solid 1px white; border-bottom: solid 1px #CCC; background: #f2f2f2; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: nowrap; overflow: hidden;
}
.Q_dialog_title { background: #444; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111'); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); background: -moz-linear-gradient(top, #444, #333);
}
.Q_button { background: #555; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#444444'); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444)); background: -moz-linear-gradient(top, #555, #444);
}


/* The following lines override default styles for a block-style website */
/* Try removing them and seeing what happens */
html.Q_notMobile { height: 100%; }
.Q_notMobile body { height: 100%; }
.Q_notMobile #dashboard>h1,
.Q_notMobile #dashboard>h2 { float: none; }
.Q_notMobile #notices_slot { position: fixed; left: 0; top: 0; width: 100%; }
.Q_notMobile #dashboard_slot { position: fixed; left: 5%; width: 20%; height: 90%; top: 5%; }
.Q_notMobile #page { position: absolute; padding: 0; left: 25%; width: 70%; height: 90%; top: 5%; }
.Q_notMobile #content_slot { min-height: 100%; padding: 0; }
.Q_notMobile #content { padding: 20px; }
.Q_notMobile #Users_avatar_tool { width: 100%; background: #222; background: rgba(255,255,255,.05); }
.Q_notMobile #dashboard_user { float: none; position: absolute; width: 100%; margin: 10px 0 10px 0;  text-align: center;  bottom: 0; }
.Q_mobile #dashboard_user .Users_avatar_name { display: none; }

html.UBI_notFound #content,
html.UBI_errors #content { padding: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; }
html.UBI_notFound .url,
html.UBI_errors .url { font-weight: bold; text-decoration: underline; }

span.c3 { font-weight: bold; }

.Q_contextual {
	background-color: #340950;
}
.Q_contextual .Q_listing li, .Q_contextual .Q_listing li * {
	background: #0048b5;
}













/**
 * This CSS is just to get you started.
 * Feel free to modify any of it for your own app.
 */

* { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; color: #0055ff; }
a:visited { color: #aa88cc; }
html { background: #f2f2f2; height: 100%; box-sizing: border-box; }
body { height: 100%; overflow: auto; touch-action: none; }
h2 { margin: 0; }
*, *:before, *:after { box-sizing: inherit; }

/* The various slot containers */
#notices_slot {
	text-align: center;
}
#content_slot {
	position: relative;
	padding: 10px;
	overflow-x: auto;
	background: #fff;
	box-shadow: #aaa 0 0 4px;
	-webkit-box-shadow: #aaa 0 0 4px;
	-moz-box-shadow: #aaa 0 0 4px;
}
#dashboard_slot {
	position: fixed;
	margin: auto;
	border: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	z-index: 900;
	text-align: left;
	cursor: default;
	box-shadow: 0 1 3px rgba(0,0,0,.5), 0 4px 15px -5px rgba(0,0,0,.5);
	background: #0048b5; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, right top, from(#4E5ADC), to(#0048b5)); /* for webkit browsers */
	background: -moz-linear-gradient(left,  #4E5ADC,  #0048b5); /* for firefox 3.6+ */
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
}
.Q_notMobile #dashboard_slot {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#dashboard_slot * { color: white; font-size: 20px; }
#dashboard_slot h1 {
	line-height: 30px;
	font-size: 32px;
	margin-top: 10px;
}
#dashboard_slot input,
#dashboard_slot textarea { color: black; }
#page { position: absolute; left: 0%; width: 100%; top:50px; bottom: 0; }
.Q_mobile #page { overflow: auto; -webkit-overflow-scrolling: touch; z-index: 0; }
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_static,
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_blockstatic {
	background: white;
	color: #333;
}
.Q_mobile #dashboard .Users_avatar_icon { margin: 0; border-radius: 4px; }
.Q_mobile #dashboard .Users_avatar_name { display: none; }
.Q_mobile #page { position: relative; }
.Q_notMobile .Users_avatar_icon { margin-right: 5px; }

#dashboard, #notices, #content { margin: auto; text-align: left; }
#content { position: relative; }

#dashboard { display: inline-block; width: 100%; }

.Q_notMobile #dashboard_slot .UBI_dashboard_logo {
	padding: 20px 0px; text-align: center; overflow: hidden;
}
.Q_mobile #dashboard_slot .UBI_dashboard_logo h1 {
	display: none;
}

/* Notices contents */
#notices_slot { text-align: center; margin: auto; padding: 0; z-index: 5000; }
#notices { margin: auto; }
#notices_slot div.container { overflow: none; overflow-y: auto; }
#notices_slot ul { list-style-type: none; padding: 0; margin: auto; width: 700px; max-width: 100%; border: solid 1px #555; border-top: solid 1px #aaa; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; cursor: pointer; }
#notices_slot li { list-style-type: none; padding: 0; margin: 0; text-align: center; background: #ffd4aa; border: 0; border-bottom: solid 1px #aaa; line-height: 30px; min-height: 30px; }
#notices_slot ul.Q_errors * { background-color: #ebb; color: #500; }
#notices_slot ul.Q_errors li { text-align: left; padding: 0 10px 0 10px; }
#notices_slot .Q_field_name { float: right; font-size: 12px; padding-right: 10px; }
#notices_slot button
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	padding: 2px 10px;
	color: #69552e;
	background: #F1E2C6;
	box-shadow: 1px 1px 1px 0 #CCC;
	border: none;
}
.Q_notTouchscreen #notices_slot button:active
{
	background: #f0d298;
	margin-left: 6px;
	box-shadow: none;
}
#notices_slot ul li span {
	font-size: 12px;
	line-height: 26px;
}
#notices_slot ul li * {
	vertical-align: middle;
}

#content h1 { margin: 0; color: #0048b5; }
/* Dashboard contents */
#dashboard>* { margin: 0; padding: 0; line-height: 40px; text-align: center; }
#dashboard>h1 { float: left; padding: 5px; width: auto; }
#dashboard>h2 { float: left; }
#dashboard_user { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right; padding: 5px; }
.Q_mobile #dashboard_user { max-width: 40%; }
.Q_mobile.Users_loggedIn #dashboard_user { margin: 0; }
.Q_mobile.Users_loggedOut #dashboard_user { line-height: 40px; }
#dashboard .Q_contextual * { color: black; }
#dashboard td { vertical-align: middle; }
#dashboard table { width: 100%; padding: 0; margin: 0; }
#dashboard .Q_dashboard_logo { padding: 0; }
#dashboard .Q_dashboard_logo a { padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#dashboard .Q_dashboard_logo img { height: 40px; border-radius: 5px; }
#dashboard .Q_dashboard_search { padding: 8px 10px 8px 10px; font-weight: bold; text-align: left; }
#dashboard .Q_dashboard_search input {
	width: 104px;
	margin-right: 4px;
	border-radius: 2em;
	-moz-border-radius: 2em;
	padding-left: 27px;
	padding-right: 17px;
	border: none;
	border-top: 1px solid #CCC;
	background: white url(../{{Q}}/img/search_icon.png) no-repeat;
	color: #444;
}

/* Dashboard tabs */
#dashboard .Q_tabs_tabs { border: 0; width: 100%; margin: auto; text-align: left; }
#dashboard .Q_tabs_tab { cursor: pointer; width: auto; border: 0 !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f8f8f8; background: none; line-height: 30px !important; text-align: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; }
#dashboard .Q_tabs_tab.Streams_preview_tool { padding-left: 10px; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal { margin: 0; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab { background-color: rgba(0,0,0,.15); color: white; width: 100%; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab * { color: white; }

#dashboard .Q_tabs_tab * { white-space: nowrap; overflow-x: hidden; overflow-y: visible; text-overflow: ellipsis; vertical-align: top; text-transform: capitalize; }
#dashboard .Q_tabs_vertical .Q_tabs_tab { background: transparent; }
#dashboard .Q_tabs_tab:first-child { border-top: 0 solid #e5e5e5; border-left: 0; }
#dashboard .Q_tabs_tab,
#dashboard .Q_tabs_tab>* { cursor: pointer; }
#dashboard .Q_tabs_tab { text-decoration: none; color: white; }
.Q_notTouchscreen #dashboard .Q_tabs_tab:hover { background: rgba(100, 100, 100, 0.1); }
#dashboard .Q_tabs_tab img { margin-right: 10px; width: 30px; }
#dashboard .Q_tabs_tab span { display: inline; text-align: left; }
#dashboard .Q_tabs_tab.Q_current { color: black !important; background: #f7f7f7 !important; }
#dashboard .Q_tabs_tab.Q_current * { color: black; }
.Q_mobile #dashboard .Q_tabs_tool { max-width: 80%; overflow: hidden; padding: 5px; }

body .Q_tabs_contextual .Q_listing li { text-align: left; }
html .Q_listing img { height: 30px; }

/* inputs */

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input.text,
input.email,
input.tel,
input.password,
input.number,
textarea { border: 1px solid #ccc; border-bottom: 1px solid #aaa; background-color: #fefefe; cursor: text; font-family: "Trebuchet MS"; }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input.text:focus,
input.email:focus,
input.tell:focus,
input.password:focus,
input.number:focus,
textarea:focus { background: white; box-shadow: 0 1px 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,100,.15); -moz-box-shadow: 0 1px 4px rgba(0,0,100,.15); }
input.placeholder,
textarea.placeholder { color: #aaa; font-style: italic; }
select:focus { outline: dotted 1px #779; }
/* select { margin-top: 0.75em; } */
input[type=text],
input[type=password],
input[type=tel],
input[type=password],
input[type=number],
input.text,
input.email,
input.tel,
input.password,
input.number,
textarea { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 0 4px 0 4px; }
input[type=checkbox],
input[type=radio] { margin-right: 5px; }
html .Q_inplace_tool_fieldinput { padding: 0; }

.Q_mobile #dashboard_slot,
.Q_mobile #notices_slot { width: 100%; position: fixed; left: 0; }
.Q_mobile #dashboard>h2 { display: none; }
.Q_mobile #dashboard .Q_tabs_tab {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.Q_mobile .Q_overlay { width: 90%; }

.Q_overlay {
	border: none;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.2), 0 5px 40px -5px rgba(0,0,0,.5);
}

/* The following lines are for cordova on iOS */
.Q_notCordova #status_background { display: none; }
.Q_cordova.Q_ios #status_background {
	background: #f2f2f2;
	height: 20px;
}
.Q_cordova.Q_ios.Q_mobile #dashboard_slot { top: 20px; height: 50px; }
.Q_cordova.Q_ios.Q_mobile #page { top: 70px; }
.Q_cordova.Q_ios.Q_mobile.Q_notch #status_background {
	background: black;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-top);
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #dashboard_slot {
	top: calc(env(safe-area-inset-top));
	height: 50px;
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #page {
	top: calc(env(safe-area-inset-top) + 50px);
}

/* The following lines are for a flatter look */
html .Q_listing li { font-size: 18px; padding: 0 10px; line-height: 40px; text-align: left; border-top: solid 1px white; border-bottom: solid 1px #CCC; background: #f2f2f2; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: nowrap; overflow: hidden;
}
.Q_dialog_title { background: #444; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111'); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); background: -moz-linear-gradient(top, #444, #333);
}


.Q_button {
	background: #0048b5;
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	box-shadow: 0 5px 20px -5px #0048b5;
	border: none;
}
.Q_touchscreen .Q_button {
	background: #0048b5;
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	box-shadow: 0 5px 20px -5px #0048b5;
	border: none;
}

/* The following lines override default styles for a block-style website */
/* Try removing them and seeing what happens */
html.Q_notMobile { height: 100%; }
.Q_notMobile body { height: 100%; }
.Q_notMobile #dashboard>h1,
.Q_notMobile #dashboard>h2 { float: none; }
.Q_notMobile #notices_slot { position: fixed; left: 0; top: 0; width: 100%; }
.Q_notMobile #dashboard_slot { position: fixed; left: 5%; width: 20%; height: 90%; top: 5%; }
.Q_notMobile #page { position: absolute; padding: 0; left: 25%; width: 70%; height: 90%; top: 5%; }
.Q_notMobile #content_slot { min-height: 100%; padding: 0; }
.Q_notMobile #content { padding: 20px; }
.Q_notMobile #Users_avatar_tool { width: 100%; background: #222; background: rgba(255,255,255,.05); }
.Q_notMobile #dashboard_user { float: none; position: absolute; width: 100%; margin: 10px 0 10px 0;  text-align: center;  bottom: 0; }
.Q_mobile #dashboard_user .Users_avatar_name { display: none; }

html.UBI_notFound #content,
html.UBI_errors #content { padding: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; }
html.UBI_notFound .url,
html.UBI_errors .url { font-weight: bold; text-decoration: underline; }

span.c3 { font-weight: bold; }

.Q_contextual {
	background-color: #340950;
}
.Q_contextual .Q_listing li, .Q_contextual .Q_listing li * {
	background: #0048b5;
}



#Q_columns-Communities_tool .Q_column_event .Q_title_slot,
.Calendars_event_tool .Calendars_event_title,
.Calendars_event_tool .Calendars_event_title *,
.Calendars_event_tool .Calendars_event_description,
.Calendars_event_tool .Calendars_event_description * {
	font-family: inherit;
}


html #content_slot,
.Communities_me #content_slot,
.Communities_events #content_slot,
.Communities_event #content_slot,
.Communities_newEvent #content_slot {
	background: #f7f7f7;
}


.Q_button.Q_aspect_when,
.Q_button.Q_aspect_when:before {
	background: #88C906;
	background-image: linear-gradient(to right, #A9BD08, #88C906);
	border: 1px solid #A9BD08;
	border-radius: 5px;
	box-shadow: 0 7px 20px -5px #A9BD08;
}

.Q_button.Streams_aspect_chats,
.Q_button.Streams_aspect_chats:before {
	background: #009dbc;
	background-image: linear-gradient(to right, #00b3c2, #009dbc);
	border: 1px solid #00adbc;
	border-radius: 5px;
	box-shadow: 0 7px 20px -5px #00b3c2;
}

.Q_button.Q_aspect_info,
.Q_button.Q_aspect_where,
.Q_button.Q_aspect_info:before,
.Q_button.Q_aspect_where:before {
	background: #868d93;
	background-image: linear-gradient(to right, #868d93, #808791);
	border: 1px solid #808791;
	border-radius: 5px;
	box-shadow: 0 7px 20px -5px #808791;
}

.Q_button.Streams_aspect_interests,
.Q_button.Streams_aspect_interests:before {
	background: #d92b5e;
	background-image: linear-gradient(to right, #d92b5e, #d52027);
	border: 1px solid #d52027;
	border-radius: 5px;
	box-shadow: 0 7px 20px -5px #d52027;
}


.Communities_buttons { margin: 15px 0; }
.Calendars_event_preview_tool { margin: 20px 0; }

.Calendars_event_preview_background { box-shadow: 0 7px 20px -5px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.3); }

.Calendars_event_foreground,
.Calendars_event_preview_foreground {
	font-size: 18px;
	text-shadow: 0 0 10px #000, 0 2px 3px #000;
}
.Calendars_event_preview_info {
	opacity: .7;
}

.Streams_participants_tool .Streams_participants_summary {
	width: 46px;
	border-radius: 0 0 5px 5px;
	font-size: 13px;
	background: rgb(20, 100, 221);
	color: white;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
	margin-right: 10px;
	font-weight: 400;
	text-shadow: none;
}

.Streams_participants_tool .Users_avatar_icon {
	box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 5px 20px -5px rgba(0,0,0,.3);
	border: 2px solid #fff;
}

.Q_tab_me img,
.Users_avatar_tool img,
.Streams_participants_invite img {
	border-radius: 2px;
}

.Q_columns_title {
	border: none;
	box-shadow: 0 2px 20px 5px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.1) !important;
	position: relative;
	z-index: 100;
}

.Q_columns_title_container {
	padding: 3px 10px;
}

.Communities .Q_columns_title .Q_title_slot {
	font-size: 22px;
	overflow: auto;
}

.Q_columns_title_container {
	height: auto;
}

.Communities .Q_columns_

.Calendars_event_preview_tool .Calendars_event_title {
	padding: 5px 10px;
}


.Communities_me_column_tabContent {
	border-radius: 5px;
	border: 1px solid #d4d4d4;
}

.Communities_tab.Q_current {
	border: 1px solid #d4d4d4;
	border-bottom: solid 1px transparent;
	border-radius: 5px 5px 0 0;
}
.Communities_schedule_column_tabContent {
	border-top: 1px solid #d4d4d4;
}
.Users_list_tool .Users_avatar_tool {
	max-width: 80px;
	margin: 5px;
}

.Users_list_tool .Users_avatar_icon {
	border-radius: 10px;
}

.Users_list_tool .Users_avatar_name {
	font-size: 15px;
	margin-top: 5px;
}

.Travel_aspect_trips,
.Q_button.Travel_aspect_trips,
.Travel_trips_needoffer .Q_dialog_content {
	background-size: 8px auto;
	padding: 10px 15px;
	color: white;
}

.Q_big_prompt { padding: 20px 10px; }

.Calendars_going {
	display: inline-flex;
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.2);
	border-radius: 5px;
	margin-left: 10px;
}

.Calendars_going span {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	border-left: solid 1px #e3e3e3 !important;
	color: #8f8f8f;
	background: #fff;
	min-width: 60px;
}

.Calendars_going span:first-child {

}

.Calendars_going span.Calendars_yes { padding: 10px; }

.Calendars_yes.Q_selected {
	color: #fff;
	background: #88C906;
	background-image: linear-gradient(to bottom, #A9BD08, #88C906);
	border: 1px solid #A9BD08;
	box-shadow: 0 2px 25px -2px #A9BD08, 0 0 10px 2px #fff;
	z-index: 1;
	position: relative;
}

.Calendars_yes.Q_selected {
	color: #fff;
	background: #88C906;
	background-image: linear-gradient(to bottom, #A9BD08, #88C906);
	border-color: #A9BD08;
	box-shadow: 0 2px 25px -2px #A9BD08, 0 0 10px 2px #fff;
	z-index: 1;
	position: relative;
}

.Calendars_maybe.Q_selected {
	color: #fff;
	/*background: #88C906;*/
	/*background-image: linear-gradient(to bottom, #A9BD08, #88C906);*/
	border-color: #4953d0;
	box-shadow: 0 2px 25px -2px #4953d0, 0 0 10px 2px #fff;
	z-index: 1;
	position: relative;
}

.Calendars_no.Q_selected {
	color: #fff;
	/*background: #88C906;*/
	/*background-image: linear-gradient(to bottom, #A9BD08, #88C906);*/
	border-color: #777;
	box-shadow: 0 0 10px 2px #fff;
	z-index: 1;
	position: relative;
}

.Q_contextual {
	background-color: #0d479e;
	box-shadow: 0 10px 40px -10px rgba(10,30,130, .7), 0 3px 5px rgba(0,0,0,.2);
}

.Q_contextual .Q_listing {
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
}

.Q_contextual .Q_listing li.Q_selected *,
.Q_contextual .Q_listing li,
.Q_contextual .Q_listing li * {
	background: transparent;
	border-color: transparent;
}

.Q_contextual .Q_listing li.Q_selected {
	border-color: transparent;
	background: #0544a0;
	box-shadow: 0 0 20px -5px #0069f9;
	position: relative;
	z-index: 5;
}

.Q_contextual .Q_contextual_top_arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 16px 20px;
	border-color: transparent transparent #0543a0 transparent;
	background: none;
}

div#Calendars_event_composer_tool {
	padding: 20px 0;
}

.Communities_conversation_author .Users_avatar_name { margin-left: 10px; }

.Communities_conversation_content {
	border-radius: 10px;
	margin: 10px 0 20px 0;
}

.Streams_chat_bubble { font-size: 14px; }

.Streams_chat_from_me .Streams_chat_bubble {
	border-radius: 6px;
	background-color: #1464dd;
	color: #fff;
	box-shadow: 0 5px 15px -5px #0b6eff;
	border: none;
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	color: #fff;
}
.Streams_chat_from_me .Streams_chat_tick {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 9px;
	border-color: transparent transparent transparent #0048b5;
	background: none;
}

.Streams_chat_to_me .Streams_chat_bubble {
	border-radius: 6px;
	background-color: #d2d3d5;
	color: #fff;
	box-shadow: 0 5px 15px -8px #afb9c8;
	border: none;
	background-image: linear-gradient(to right, #d2d3d5, #e5e5e5);
	color: #222;
}
.Streams_chat_to_me .Streams_chat_tick {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 9px 6.5px 0;
	border-color: transparent #d2d3d5 transparent transparent;
	background: none;
}

.Streams_chat_bubble.Streams_chat_overflowed:after {
	content: '';
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 28px;
	left: 0;
	/*background: linear-gradient(to bottom, rgba(219, 219, 220, 0), rgb(219, 220, 221));*/
	background: inherit;
	-webkit-mask-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0,0,0,1)), color-stop(0.4, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)));
}

.Streams_chat_overflowed_indicator { display: none; }

/*.Streams_chat_from_me .Streams_chat_bubble.Streams_chat_overflowed:after {
	background: linear-gradient(to bottom, rgba(48, 92, 223, 0), rgb(48, 93, 223));
}
*/

.Streams_chat_message,
.Streams_chat_tool .Streams_chat_bubble .Users_avatar_name,
.Streams_chat_message { color: inherit; }

.Streams_chat_tool .Streams_chat_bubble .Users_avatar_name { opacity: .8; }

.Streams_chat_timestamp {
	margin-right: 20px;
	margin-top: 5px;
	color: #777777;
	font-size: 11px;
}

.Streams_chat_vote_container img { filter: hue-rotate(40deg); }

.Q_placeholders_container {
	min-height: 40px;
}
.Q_placeholders_container .Q_placeholder {
	display: flex;
	align-items: center;
	top: 0 !important;
}

.Q_placeholders_container input { min-height: 40px; }

.Streams_chat_more {
	cursor: pointer;
	background-color: #dfdfdf;
	color: #555;
	text-align: center;
	padding: 5px 0;
	font-size: 11pt;
	margin: 20px 0;
	/*background-image: linear-gradient(to bottom, #f3f3f3, #eaeaea);*/
	/*border: 1px solid #d7d7d7;*/
}

.Streams_preview_container.Streams_preview_view {
	display: flex;
	align-items: center;
}

.Users_avatar_tool img,
.Streams_participants_invite img,
.Streams_preview_tool .Streams_preview_icon,
.Streams_preview_tool .Streams_preview_add {
	border: 2px solid #fff;
	border-radius: 5px;
}

.Q_columns_title_container .Streams_preview_tool .Streams_preview_icon {
	border: none;
}

.Streams_preview_tool .Streams_preview_icon,
.Streams_preview_tool .Streams_preview_add {
	margin-right: 10px;
}


.Streams_dialog_interests, .Communities_filter_location {
	border: 1px solid #0048b5;
	box-shadow: 0 7px 10px -5px #0048b5;
	background: #0048b5;
	background: -webkit-gradient(linear, left top, right top, from(#4E5ADC), to(#0048b5));
	background: -moz-linear-gradient(left, #4E5ADC, #0048b5);
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	color: #fff;
	border-radius: 12px;
}

.Q_overlay {
	border-radius: 10px;
}

.Q_dialog_title {
	border-radius: 10px 10px 0 0;
	font-size: 18px;
}

.Q_dialog_title {
	background: #3640c5;
	border-bottom: 1px solid #181d8c;
}

.Q_big_prompt .Q_button,
.Q_notTouchscreen .Q_big_prompt .Q_button,
.Q_notTouchscreen .Q_big_prompt .Q_button:active {
	padding: 10px 20px;
}

.Q_button.Q_aspect_who,
.Q_button.Users_aspect_communities,
.Q_button.Users_aspect_account {
	background: #0048b5;
	background: -webkit-gradient(linear, left top, right top, from(#4E5ADC), to(#0048b5));
	background: -moz-linear-gradient(left, #4E5ADC, #0048b5);
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	box-shadow: 0 5px 20px -5px #0048b5;
	border: none;
}


.Communities_me_column_tabContent[data-val="interests"],
.Communities_me_column_tabContent[data-val="interests"] .Streams_interests_anything {
	background: #0048b5;
	background: -webkit-gradient(linear, left top, right top, from(#4E5ADC), to(#0048b5));
	background: -moz-linear-gradient(left, #4E5ADC, #0048b5);
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	color: #fff;
}

.Communities_me_column_tabContent[data-val="credits"] {
	text-align: center;
}

.Communities_me_column_tabContent[data-val="interests"] .Streams_interests_choseAnything .Streams_interests_anything,
.Communities_me_column_tabContent[data-val="interests"] .Q_expandable_count,
.Communities_me_column_tabContent[data-val="interests"] .Q_expandable_tool .Q_selected,
.Communities_me_column_tabContent[data-val="interests"] .Streams_interests_tool .Q_selected {
	background: rgba(255, 180, 180, 0.9);
    color: #220;
	text-shadow: none;
}

#page .Q_button {
	border: 1px solid #0048b5;
	border-radius: 10px;
	box-shadow: 0 1px 4px -1px #0048b5;
	background: #0048b5;
	background: -webkit-gradient(linear, left top, right top, from(#4E5ADC), to(#0048b5));
	background: -moz-linear-gradient(left, #4E5ADC, #0048b5);
	background-image: linear-gradient(to right, #4E5ADC, #0048b5);
	color: #fff;
}

#page .Q_button:active { background: #4E5ADC; }

#page .Calendars_info .Q_button {
	border: none;
	border-radius: 7px;
	box-shadow: 0 2px 5px rgba(0,0,0,.1), 0 0px 2px rgba(0,0,0,.2);
	background: #ffffff;
	color: #030303;
}

#page .Calendars_info .Q_button i {
	color: inherit !important;
}

.Calendars_info .Travel_trips_buttons span { color: #3777ea; }

.Travel_trips_tool[data-userId]:not([data-userId=""]) .Travel_trips_notGoing { background: none; padding-left: 0; text-align: left; }

.Travel_trips_tool[data-userId]:not([data-userId=""]) .Travel_trips_notGoing:before {
	content: '';
	font-family: 'qplatform-communities' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 28px;
	vertical-align: middle;
	min-width: 10px;
	min-height: 10px;
	display: inline-block;
	content: "\e907";
	margin-right: 15px;
}

.Q_selected,
.Places_location_tool .Places_location_preview_tool.Q_selected {
	background: #d6ecff;
	border: 1px solid #005fff;
	margin: -1px;
	box-shadow: 0 0 6px 1px #4990ff, inset 0 0 3px #1764dd;
}

.Q_expandable_count {
	background-color: rgba(255, 34, 34, 0.9);
	color: #fff;
}

.Q_aspect_what, .Streams_aspect_interests, .Users_aspect_me,
.Q_tab_me, .Q_tab_me.Q_current .Q_tabs_title,
.Q_aspect_where, .Q_aspect_when, .Q_tab_events, .Q_tab_events.Q_current .Q_tabs_title,
.Q_aspect_what:before, .Streams_aspect_interests:before, .Users_aspect_me:before,
.Q_tab_me:before, .Q_tab_me.Q_current .Q_tabs_title:before,
.Q_aspect_where:before, .Q_aspect_when:before, .Q_tab_events:before, .Q_tab_events.Q_current .Q_tabs_title:before {
	color: #0048b5;
	border-color: transparent;
}

.qp-communities-time,
.qp-communities-interests,
.qp-communities-locations,
i[style*="color: #449944;"] { color: #0048b5 !important; }

.Communities_filter_location .Q_dialog_content { padding: 10px; }

.Communities_me_column .Communities_me_icon:before {
	color: #919191;
	font-size: 24px;
}

.Streams_chat_composer .submit {
	right: 0;
	top: 0;
	background-size: 30px auto;
	background-position: center;
	filter: contrast(150%) hue-rotate(40deg) brightness(90%);
}

.Streams_chat_composer input { padding-right: 40px; }
.Streams_chat_composer ~ hr { display: none; }

.Communities_tabs[data-style=icons] .Communities_tab:before { color: #0f65dd; }

.Calendars_event_composer_tool .Calendars_event_composer > div:before { color: #9e9e9e !important; }

.Communities_filter_location .Places_location_tool div[data-location=current],
.Communities_filter_location .Places_location_preview_tool,
.Communities_filter_location .Communities_filter_location_all,
.Communities_filter_location .Places_location_tool .Places_location_preview_tool,
.Communities_filter_location .Places_location_tool div[data-location=address],
.Communities_filter_location .Places_location_tool div[data-location=current],
.Communities_filter_location .Places_location_tool .Places_areas_tool {
	background-color: rgba(255, 255, 255, 0.2);
}

.UBI_counts {
	padding: 10px;
	text-align: center;
}

.UBI_getStarted {
	font-size: 30px;
	font-weight: bold;
}