/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
/*	font-size: 100%;*/
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background-color: white;
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline: 0 none;
}
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}

/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	
	/* IE 6, 7 */
	zoom:1;
	*overflow:visible;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { position: relative; }

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li:not(.item-boqx),
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

/* ***************************************
	GRID
*************************************** */
.elgg-col {
	float: left;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}

/* ***************************************
	Typography
*************************************** */
/***** RESPONSIVE LAYOUT ******/
.layouts.compact {font-size:80%;}
.layouts.normal  {font-size:100%;}
.layouts.expanded{font-size:120%;}

body {
	/*font-size: 80%;*/
	line-height: 1.4em;
        text-shadow:.5px .5px 0px #ffffff;
}

a {
	color: #333333;
}

a:hover,
a.selected { 	color: #555555;
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}

p:last-child {
	margin-bottom: 0;
}

pre, code {
	font-size: 12px;
	
	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */
	
}

pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}

code {
	padding:2px 3px;
}

.elgg-monospace {
}

blockquote {
	line-height: 1.3em;
	padding:3px 15px;
	margin:0px 0 15px 0;
	background:#EBF5FF;
	border:none;
	border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	/*color: #000000;*/
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px}
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

.elgg-heading-site, .elgg-heading-site:hover {
	font-size: 2em;
	line-height: 1.4em;
	text-decoration: none;
}

.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-subtext {
	color: #666666;
	font-size: 85%;
	line-height: 1.2em;
	font-style: italic;
}

.elgg-text-help {
	display: block;
	font-size: 85%;
	font-style: italic;
}

.elgg-quiet {
	color: #666;
}

.elgg-loud {
	color: #000000;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output {
	margin-top: 10px;
}

.elgg-output dt { font-weight: bold }
.elgg-output dd { margin: 0 0 1em 1em }

.elgg-output ul, .elgg-output ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
}
/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
fieldset > div:last-child {
	margin-bottom: 0;
}
.elgg-form-alt > fieldset > .elgg-foot {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

label {
	font-weight: normal;
	color: #333;
	font-size: 100%;
}

input, textarea {
	border: 1px solid #ccc;
	color: #666;
	padding: 0px;
	width: 100%;
	font: 100% Arial, Helvetica, sans-serif;
/*	font: 120% Arial, Helvetica, sans-serif;
 	padding: 5px;
	border-radius: 1px;
*/
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*//@EDIT - 2020-12-27 - SAJ - style described in framework.css 
input[type=text]:focus, textarea:focus {
	border: solid 1px #333333;
	background: #e4ecf5;
	color:#333;
}*/

textarea {
	height: 50px;
	<!-- height: 200px; -->
}


.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="tickboqx"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	width:auto;
    cursor:pointer;
    width: min-content;
}
input:disabled{
    cursor:default;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radios.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}

.elgg-form-login, .elgg-form-account {
	max-width: 450px;
}

/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-main-wrapper {
	margin-bottom: 15px;
}
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 730px;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;
	border-radius: 8px;
	
	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #333333;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;
	border-radius: 8px;
	
	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	AUTOCOMPLETE
*************************************** */
.ui-autocomplete {
	position: absolute;
	cursor: default;
}
.elgg-autocomplete-item .elgg-body {
	max-width: 600px;
}
.ui-autocomplete {
	background-color: white;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item {
	padding: 0px 4px;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #eee;
}
.ui-autocomplete a:hover {
	text-decoration: none;
	color: #333333;
}

/* ***************************************
	USER PICKER
*************************************** */
.elgg-user-picker-list li:first-child {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
}
.elgg-user-picker-list > li {
	border-bottom: 1px dotted #ccc;
}

/* ***************************************
      DATE PICKER
**************************************** */
.ui-datepicker {
	display: none;

	margin-top: 3px;
	width: 208px;
	background-color: white;
	border: 1px solid #000000;
	border-radius: 6px;
	overflow: hidden;

	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.ui-datepicker-inline {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-datepicker-header {
	position: relative;
	background: #333333;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #000000;
}
.ui-datepicker-header a {
	color: white;
}
.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	top: 5px;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 6px;
}
.ui-datepicker-next {
	right: 6px;
}
.ui-datepicker-title {
	line-height: 1.8em;
	margin: 0 30px;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker-calendar {
	margin: 4px;
}
.ui-datepicker th {
	color: #000000;
	border: none;
	font-weight: bold;
	padding: 5px 6px;
	text-align: center;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 2px;
	line-height: 1.2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
	border: 1px solid #ccc;
	color: #333333;;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
	color: #000000;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background: #E4ECF5;
}
input.hasDatepicker{
    position: relative;
    z-index: 10000;                    /*forces .ui-datepicker to z-index: 10001. allows it work in popup windows*/
}
input.datetime {text-align: end;}/* <style> /**/
	
/* **************************
	BUTTONS
************************** */

/* Base */
.elgg-button {
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	outline: none;
}
a.elgg-button {
	padding: 3px 6px;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: white;
	text-shadow: 1px 1px 0px black;
	text-decoration: none;
	border: 1px solid #333333;
	background: #333333 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit:hover {
	border-color: #000000;
	text-decoration: none;
	color: white;
	background: #000000 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit.elgg-state-disabled {
	background: #999;
	border-color: #999;
	cursor: default;
}
.elgg-button-submit-element {
	color: black;
	font-size: 10px;
	text-shadow: 0px 0px 0px black;
	text-decoration: none;
	padding: 0px 4px;
	border: 1px solid #333333;
	border-radius: 0px;
	background: none;
	width: 48px;
}
.elgg-button-submit-element:hover {
	border-color: #000000;
	text-decoration: none;
	color: white;
	background: #0054A7;
}

/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
.elgg-button-cancel {
	color: #333;
	background: #ddd url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
	border: 1px solid #999;
}
.elgg-button-cancel:hover {
	color: #444;
	background-color: #999;
	background-position: left 10px;
	text-decoration: none;
}

/* Action: This button should convey a normal, inconsequential action, such as clicking a link */
.elgg-button-action {
	background: #ccc url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 0px 15px;
/*	padding: 2px 15px;*/
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	border-radius: 0px;
/*	border-radius: 5px;*/
	box-shadow: none;
}

.elgg-button-action:hover,
.elgg-button-action:focus {
	background: #ccc url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_background.gif) repeat-x 0 -15px;
	color: #111;
	text-decoration: none;
	border: 1px solid #999;
}

/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #333;
	background: #555 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
	text-shadow: 1px 1px 0px black;
}
.elgg-button-delete:hover {
	color: #999;
	background-color: #333;
	background-position: left 10px;
	text-decoration: none;
}

.elgg-button-dropdown {
	padding:3px 6px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	position:relative;
	margin-left:0;
	color: white;
	border:1px solid #71B9F7;
	border-radius:4px;
	
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	
	/*background-image:url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/elgg_sprites.png);
	background-position:-150px -51px;
	background-repeat:no-repeat;*/
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size:smaller;
}

.elgg-button-dropdown:hover {
	background-color:#71B9F7;
	text-decoration:none;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	outline: none;
	color: #333;
	border:1px solid #ccc;
	border-radius:4px 4px 0 0;
}
.developers-gear {
    position: fixed;
    z-index: 1000;
    bottom: inherit;
    right: 0;
    cursor: pointer;
    padding: 5px 8px;
    top: 40px;
    color: #F98D3F;
}
/* ***************************************
	ICONS
*************************************** */
/*
.elgg-icon {
	background: transparent url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/elgg_sprites_xxx.png) no-repeat left;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}*/
.elgg-icon-arrow-left {
	background-position: 0 -0px;
}
.elgg-icon-arrow-right {
	background-position: 0 -18px;
}
.elgg-icon-arrow-two-head {
	background-position: 0 -36px;
}
.elgg-icon-attention:hover {
	background-position: 0 -54px;
}
.elgg-icon-attention {
	background-position: 0 -72px;
}
.elgg-icon-calendar {
	background-position: 0 -90px;
}
.elgg-icon-cell-phone {
	background-position: 0 -108px;
}
.elgg-icon-checkmark:hover {
	background-position: 0 -126px;
}
.elgg-icon-checkmark {
	background-position: 0 -144px;
}
.elgg-icon-clip:hover {
	background-position: 0 -162px;
}
.elgg-icon-clip {
	background-position: 0 -180px;
}
.elgg-icon-cursor-drag-arrow {
	background-position: 0 -198px;
}
.elgg-icon-delete-alt:hover {
	background-position: 0 -216px;
}
.elgg-icon-delete-alt {
	background-position: 0 -234px;
}
.elgg-icon-delete:hover {
	background-position: 0 -252px;
}
.elgg-icon-delete {
	background-position: 0 -270px;
}
.elgg-icon-download:hover {
	background-position: 0 -288px;
}
.elgg-icon-download {
	background-position: 0 -306px;
}
.elgg-icon-eye {
	background-position: 0 -324px;
}
.elgg-icon-facebook {
	background-position: 0 -342px;
}
.elgg-icon-grid:hover {
	background-position: 0 -360px;
}
.elgg-icon-grid {
	background-position: 0 -378px;
}
.elgg-icon-home:hover {
	background-position: 0 -396px;
}
.elgg-icon-home {
	background-position: 0 -414px;
}
.elgg-icon-hover-menu:hover {
	background-position: 0 -432px;
}
.elgg-icon-hover-menu {
	background-position: 0 -450px;
}
.elgg-icon-info:hover {
	background-position: 0 -468px;
}
.elgg-icon-info {
	background-position: 0 -486px;
}
.elgg-icon-link:hover {
	background-position: 0 -504px;
}
.elgg-icon-link {
	background-position: 0 -522px;
}
.elgg-icon-list {
	background-position: 0 -540px;
}
.elgg-icon-lock-closed {
	background-position: 0 -558px;
}
.elgg-icon-lock-open {
	background-position: 0 -576px;
}
.elgg-icon-mail-alt:hover {
	background-position: 0 -594px;
}
.elgg-icon-mail-alt {
	background-position: 0 -612px;
}
.elgg-icon-mail:hover {
	background-position: 0 -630px;
}
.elgg-icon-mail {
	background-position: 0 -648px;
}
.elgg-icon-photo {
	background-position: 0 -666px;
}
.elgg-icon-print-alt {
	background-position: 0 -684px;
}
.elgg-icon-print {
	background-position: 0 -702px;
}
.elgg-icon-push-pin-alt {
	background-position: 0 -720px;
}
.elgg-icon-push-pin {
	background-position: 0 -738px;
}
.elgg-icon-redo {
	background-position: 0 -756px;
}
.elgg-icon-refresh:hover {
	background-position: 0 -774px;
}
.elgg-icon-refresh {
	background-position: 0 -792px;
}
.elgg-icon-round-arrow-left {
	background-position: 0 -810px;
}
.elgg-icon-round-arrow-right {
	background-position: 0 -828px;
}
.elgg-icon-round-checkmark {
	background-position: 0 -846px;
}
.elgg-icon-round-minus {
	background-position: 0 -864px;
}
.elgg-icon-round-plus {
	background-position: 0 -882px;
}
.elgg-icon-rss {
	background-position: 0 -900px;
}
.elgg-icon-search-focus {
	background-position: 0 -918px;
}
.elgg-icon-search {
	background-position: 0 -936px;
}
.elgg-icon-settings-alt:hover {
	background-position: 0 -954px;
}
.elgg-icon-settings-alt {
	background-position: 0 -972px;
}
.elgg-icon-settings {
	background-position: 0 -990px;
}
.elgg-icon-share:hover {
	background-position: 0 -1008px;
}
.elgg-icon-share {
	background-position: 0 -1026px;
}
.elgg-icon-shop-cart:hover {
	background-position: 0 -1044px;
}
.elgg-icon-shop-cart {
	background-position: 0 -1062px;
}
.elgg-icon-speech-bubble-alt:hover {
	background-position: 0 -1080px;
}
.elgg-icon-speech-bubble-alt {
	background-position: 0 -1098px;
}
.elgg-icon-speech-bubble:hover {
	background-position: 0 -1116px;
}
.elgg-icon-speech-bubble {
	background-position: 0 -1134px;
}
.elgg-icon-star-alt {
	background-position: 0 -1152px;
}
.elgg-icon-star-empty:hover {
	background-position: 0 -1170px;
}
.elgg-icon-star-empty {
	background-position: 0 -1188px;
}
.elgg-icon-star:hover {
	background-position: 0 -1206px;
}
.elgg-icon-star {
	background-position: 0 -1224px;
}
.elgg-icon-tag:hover {
	background-position: 0 -1242px;
}
.elgg-icon-tag {
	background-position: 0 -1260px;
}
.elgg-icon-thumbs-down-alt:hover {
	background-position: 0 -1278px;
}
.elgg-icon-thumbs-down:hover,
.elgg-icon-thumbs-down-alt {
	background-position: 0 -1296px;
}
.elgg-icon-thumbs-down {
	background-position: 0 -1314px;
}
.elgg-icon-thumbs-up-alt:hover {
	background-position: 0 -1332px;
}
.elgg-icon-thumbs-up:hover,
.elgg-icon-thumbs-up-alt {
	background-position: 0 -1350px;
}
.elgg-icon-thumbs-up {
	background-position: 0 -1368px;
}
.elgg-icon-trash {
	background-position: 0 -1386px;
}
.elgg-icon-twitter {
	background-position: 0 -1404px;
}
.elgg-icon-undo {
	background-position: 0 -1422px;
}
.elgg-icon-user:hover {
	background-position: 0 -1440px;
}
.elgg-icon-user {
	background-position: 0 -1458px;
}
.elgg-icon-users:hover {
	background-position: 0 -1476px;
}
.elgg-icon-users {
	background-position: 0 -1494px;
}
.elgg-icon-video {
	background-position: 0 -1512px;
}
.elgg-icon-unlink-hover,
.elgg-icon-unlink:hover,
:focus > .elgg-icon-unlink {
	background-position: 0 -1530px;
}
.elgg-icon-unlink {
	background-position: 0 -1549px;
}
.elgg-icon-docedit-hover,
.elgg-icon-docedit:hover,
:focus > .elgg-icon-docedit {
	background-position: 0 -1567px;
}
.elgg-icon-docedit {
	background-position: 0 -1585px;
}

.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 31px;
	min-width: 31px;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display: inline-block;
}
.elgg-avatar > a > img {
	display: block;
}
.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 25px;
	-khtml-background-size: 25px;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	background-size: 25px;
}
.elgg-avatar-small > a > img {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 40px;
	-khtml-background-size: 40px;
	-moz-background-size: 40px;
	-o-background-size: 40px;
	background-size: 40px;
}
.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}
.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
}
/* <style> /**/

/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 10px 0;
	display: block;
	text-align: center;
}
.elgg-pagination li {
	display: inline;
	margin: 0 6px 0 0;
	text-align: center;
}
.elgg-pagination a, .elgg-pagination span {
	border-radius: 4px;
	
	padding: 2px 6px;
	color: #cccccc;
	border: 1px solid #cccccc;
	font-size: 12px;
}
.elgg-pagination a:hover {
	background: #333333;
	color: white;
	text-decoration: none;
}
.elgg-pagination .elgg-state-disabled span {
	color: #cccccc;
	border-color: #cccccc;
}
.elgg-pagination .elgg-state-selected span {
	color: #555555;
	border-color: #555555;
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
/*	margin-bottom: 5px;
	border-bottom: 2px solid #cccccc;*/
	display: table;
	width: 100%;
}
.elgg-tabs li {
	float: left;
    border: 1px solid white;
	/*border: 2px solid #ccc;*/
	border-bottom: 0;
	background: #eee;
	/*margin: 0 0 0 10px;*/
	/*border-radius: 5px 5px 0 0;*/
}
.elgg-tabs a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0 10px;
	/*text-align: center;*/
	height: 21px;
	color: #999;
}
.elgg-tabs a:hover {
	background: #dedede;
	color: #333333;
}
.elgg-tabs .elgg-state-selected {
	/*border-color: #ccc;*/
	background: white;
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: #FCFCFC;
}
.elgg-tabs .quebx-task {
	border-radius: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid white;
}
.elgg-vtabs li {
	float: none;
    border: 1px solid white;
	/*border: 2px solid #ccc;*/
	border-bottom: 0;
	background: none;
	/*background: #eee;*/
	/*margin: 0 0 0 10px;*/
	/*border-radius: 5px 5px 0 0;*/
}
.elgg-vtabs a {
	text-align: left;
}
.elgg-htabs a {
	text-align: center;
}
.elgg-htabs .elgg-state-selected {
	border-color: #ccc;
}
.elgg-vtabs .elgg-state-selected  a{
	background: #dedede;
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
    width: 100%;
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after {
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
}
.elgg-breadcrumbs > li > a:hover {
	color: #888;
}

.elgg-main .elgg-breadcrumbs {
	position: relative;
	top: -6px;
	left: 0;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float: left;
}

.elgg-menu-topbar > li > a {
	padding-top: 2px;
	color: #eee;
	margin: 1px 15px 0;
}

.elgg-menu-topbar > li > a:hover {
	color: #333333;
	text-decoration: none;
}

.elgg-menu-topbar-alt {
	float: right;
}

.elgg-menu-topbar .elgg-icon {
	vertical-align: middle;
	margin-top: -1px;
}

.elgg-menu-topbar > li > a.elgg-topbar-logo {
	margin-top: 0;
	padding-left: 5px;
	width: 38px;
	height: 20px;
}

.elgg-menu-topbar > li > a.elgg-topbar-avatar {
	width: 18px;
	height: 18px;
}

/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site {
	z-index: 1000;
}

.elgg-menu-site > li > a {
	font-weight: bold;
	padding: 3px 13px 0px 13px;
	height: 20px;
}

.elgg-menu-site > li > a:hover {
	text-decoration: none;
}

.elgg-menu-site-default {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 23px;
}

.elgg-menu-site-default > li {
	float: left;
	margin-right: 1px;
}

.elgg-menu-site-default > li > a {
	color: white;
}

.elgg-menu-site > li > ul {
	display: none;
        z-index:1000;
}

.elgg-menu-site > li:hover > ul {
	display: block;
}

.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a {
	color: #555;
}

.elgg-menu-site-more {
	position: relative;
	left: -1px;
	width: 100%;
	min-width: 150px;
	border-radius: 0 0 8px 8px;
        padding-bottom:2px;
}

.elgg-menu-site-more > li > a {
	background-color: white;
	color: #555;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.elgg-menu-site-more > li > a:hover {
	background: #333333;
	color: white;
}

.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
}

.elgg-more > a:before {
	content: "\25BC";
	font-size: smaller;
	margin-right: 4px;
}

/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */
.elgg-menu-filter {
	margin-bottom: 5px;
	border-bottom: 2px solid #ccc;
	display: table;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	border-radius: 5px 5px 0 0;
}
.elgg-menu-filter > li:hover {
	background: #dedede;
}
.elgg-menu-filter > li > a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0;
	text-align: center;
	height: 21px;
	color: #999;
}
.elgg-menu-filter > li > a:hover {
	background: #dedede;
	color: #333333;
}
.elgg-menu-filter > .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-menu-filter > .elgg-state-selected > a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	margin-bottom: 15px;
}

.elgg-menu-page a {
	display: block;
	border-radius: 0px;
	background-color: white;
	margin: 0 0 0px;
/*	margin: 0 0 3px;*/
	padding: 2px 4px 2px 8px;
	
	border-left: 3px solid #d7d8da;
}
.elgg-menu-page a:hover {
	background-color: #dedede;
/*	background-color: #000000;*/
	color: none;
/*	color: white;*/
	text-decoration: none;
	border-left: 3px solid #999;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #333333;
	color: white;
}
.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-menu-closed:before, .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\002B";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\002D";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	overflow: hidden;

	min-width: 165px;
	max-width: 250px;
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;
	
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover {
	background: #ccc;
	text-decoration: none;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover {
	color: white;
	background-color: red;
}

/* ***************************************
	SITE FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-footer > li:after {
	content: "\007C";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float: right;
}

.elgg-menu-footer-alt {
	float: left;
}

/* ***************************************
	GENERAL MENU
*************************************** */
.elgg-menu-general > li,
.elgg-menu-general > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-general > li:after {
	content: "\007C";
	padding: 0 4px;
}

/* ***************************************
	ENTITY AND ANNOTATION
*************************************** */
.elgg-menu-entity, elgg-menu-annotation {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-entity > li, .elgg-menu-annotation > li {
	margin-left: 15px;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	color: #aaa;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	display: block;
}
.elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
	vertical-align: baseline;
}

/* ***************************************
	OWNER BLOCK
*************************************** */
.elgg-menu-owner-block li a {
	display: block;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-owner-block li a:hover {
	background-color: #000000;
	color: white;
	text-decoration: none;
}
.elgg-menu-owner-block li.elgg-state-selected > a {
	background-color: #333333;
	color: white;
}

/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river             {float: right;margin-left: 15px;font-size: 90%;color: #aaa;line-height: 16px;height: 16px;}
.elgg-menu-river > li        {display: inline-block;margin-left: 5px;}
.elgg-menu-river > li > a    {color: #aaa;height: 16px;}
/* need to override .elgg-menu-hz*/
.elgg-menu-river > li > a    {display: block;}
.elgg-menu-river > li > span {vertical-align: baseline;}
.elgg-menu-river > li.hidden {display:none;}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras {
	margin-bottom: 15px;
}

/* ***************************************
	WIDGET MENU
*************************************** */
.elgg-menu-widget > li {
	position: absolute;
	top: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
}

.elgg-menu-widget > .elgg-menu-item-collapse {
	left: 5px;
}
.elgg-menu-widget > .elgg-menu-item-delete {
	right: 5px;
}
.elgg-menu-widget > .elgg-menu-item-settings {
	right: 25px;
}
/* ***************************************
	Modules
*************************************** */
.elgg-module {
	overflow: hidden;
	margin-bottom: 20px;
}

/* Aside */
.elgg-module-aside .elgg-head {
	border-bottom: 1px solid #CCC;
	
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* Info */
.elgg-module-info > .elgg-head {
	background: #e4e4e4;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.elgg-module-info > .elgg-head * {
	color: #333;
}

/* Popup */
.elgg-module-popup {
	background-color: white;
<!--  border: 1px solid #ccc;  -->
	
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	border-radius: 6px;
	
<!-- 	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -->
<!-- 	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -->
<!-- 	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -->
}
.elgg-module-popup > .elgg-head {
	margin-bottom: 5px;
}
.elgg-module-popup > .elgg-head * {
	color: #000000;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color:white;
	border:5px solid #CCC;
	border-radius: 5px 0 5px 5px;
	
	display:none;
	
	width: 210px;
	padding: 12px;
	margin-right: 0px;
	z-index:100;
	
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	
	position:absolute;
	right: 0px;
	top: 100%;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid #333333;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #333333;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: left;
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
/*    background-color: #dedede;*/
	background-color: inherit;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
/*    background-color: #ccc;*/
	background-color: #2c2d2f;
}
.elgg-module-widget > .elgg-head {
/*	background-color: #eeeeee;
	height: 26px;
	overflow: hidden;*/
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 4px 45px 0 20px;
	color: #666;
}
.elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
	cursor: move;
}
a.elgg-widget-collapse-button {
	color: #c5c5c5;
}
a.elgg-widget-collapse-button:hover,
a.elgg-widget-collapsed:hover {
	color: #9d9d9d;
	text-decoration: none;
}
a.elgg-widget-collapse-button:before {
	content: "\25BC";
}
a.elgg-widget-collapsed:before {
	content: "\25BA";
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #dedede;
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
	background-color: #f9f9f9;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}/* <style> /**/

/*****************************************
 * css reference: http://www.w3schools.com/cssref/default.asp
******************************************/

/* ***************************************
	actions
*************************************** */
.jot-action {
	overflow: hidden;
	margin-bottom: 0px;
}

/* Popup */
.jot-action-popup {
    background-color: white;
	border: 1px solid #ccc;
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.jot-action-popup > .jot-head {
	margin-bottom: 5px;
}
.jot-action-popup > .jot-head * {
	color: #0054A7;
}
/* ***************************************
	Image Block
*************************************** */
.elgg-image-block {
	padding: 3px 0;
}
.elgg-image-block .elgg-image {
	float: left;
	margin-right: 5px;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0;
	clear: both;
}
.elgg-list > li {
	border-bottom: 1px dotted #CCCCCC;
}

.elgg-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-item .elgg-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid > li {
	float: left;
}
.elgg-gallery-users > li {
	margin: 0 2px;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt th {
	background-color: #eee;
	font-weight: bold;
}
.elgg-table-alt td, .elgg-table-alt th {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	opacity: 0.9;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #333333;
}

/* ***************************************
	River
*************************************** */
.elgg-list-river {
	border-top: 1px solid #CCC;
}
.elgg-list-river > li {
	border-bottom: 1px solid #CCC;
}
.elgg-river-item {
	padding: 7px 0;
}
.elgg-river-item .elgg-pict {
	margin-right: 20px;
}
.elgg-river-timestamp {
	color: #666;
	font-size: 85%;
	font-style: italic;
	line-height: 1.2em;
}

.elgg-river-attachments,
.elgg-river-message,
.elgg-river-content {
	border-left: 1px solid #CCC;
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 5px 0;
	padding-left: 5px;
}
.elgg-river-attachments .elgg-avatar,
.elgg-river-attachments .elgg-icon {
	float: left;
}
.elgg-river-layout .elgg-input-dropdown {
	float: right;
	margin: 10px 0;
}

.elgg-river-comments-tab {
	display: block;
	background-color: #EEE;
	color: #333333;
	margin-top: 5px;
	width: auto;
	float: right;
	font-size: 85%;
	padding: 1px 7px;
	border-radius: 5px 5px 0 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}
.elgg-river-comments li:first-child {
	border-radius: 5px 0 0;
}
.elgg-river-comments li:last-child {
	border-radius-bottomleft: 0 0 5px 5px;
}
.elgg-river-comments li {
	background-color: #EEE;
	border-bottom: none;
	padding: 4px;
	margin-bottom: 2px;
}
.elgg-river-comments .elgg-media {
	padding: 0;
}
.elgg-river-more {
	background-color: #EEE;
	border-radius: 5px;
	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

.elgg-river-item form {
	background-color: #EEE;
	padding: 4px;
	border-radius: 5px;
	height: 30px;
}
.elgg-river-item input[type=text] {
	width: 80%;
}
.elgg-river-item input[type=submit] {
	margin: 0 0 0 10px;
}


/* **************************************
	Comments (from elgg_view_comments)
************************************** */
.elgg-comments {
	margin-top: 25px;
	background-color: #f6f7f9;
}
.elgg-comments > form {
	margin-top: 15px;
}

/* ***************************************
	Image-related
*************************************** */
.elgg-photo {/*border: 1px solid #ccc;*/padding: 3px;background-color: white;}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	font-size: 85%;
}
.elgg-tags > li {
	float:left;
	margin-right: 5px;
}
.elgg-tags li.elgg-tag:after {
	content: ",";
}
.elgg-tags li.elgg-tag:last-child:after {
	content: "";
}
.elgg-tagcloud {
	text-align: justify;
}
.elgg-tagcloud>a {
/*  font-size: 14px;*/
    display: inline-block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: uppercase;
    color: rgba(0,0,0,0.44);
/*  letter-spacing: 0;*/
    text-decoration: none;
    text-transform: capitalize;
/*  border-radius: .5em;*/
    border: 1px solid rgba(0,0,0,0.44);
/*  box-shadow: 1px 2px 8px rgba(0,0,0,.25);*/
    padding: 3px 10px;
    margin-right: 1px;
    margin-bottom: 1px;
}
/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 998px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	height: 90px;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 990px;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(https://qboqx.smarternetwork.com/_graphics/toptoolbar_background.gif) repeat-x top left;
	border-bottom: 1px solid #000000;
	position: relative;
	height: 24px;
	z-index: 9000;
}
.elgg-page-topbar > .elgg-inner {
	padding: 0 10px;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages {
	position: fixed;
	top: 24px;
	right: 20px;
	max-width: 500px;
	z-index: 2000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
}
.elgg-layout-two-sidebar {
}
.elgg-layout-error {
	margin-top: 20px;
}
.elgg-sidebar {
	position: relative;
	padding: 0px 10px 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
}
.elgg-sidebar-alt {
	position: relative;
	padding: 0px 10px 20px 10px;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}
.elgg-main {
	position: relative;
	min-height: 360px;
	padding: 10px;
}
.elgg-main > .elgg-head {
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: relative;
}
.elgg-page-footer {
	color: #999;
}
.elgg-page-footer a:hover {
	color: #666;
}/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #333333;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

/* ***************************************
     FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
    z-index: 100000!important;
}
/* ***************************************
	FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
    /* general spinner styles */
    background: #fff;
    padding: 10px;
    border: 1px solid #CCC;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    /* negative half the width for proper centering */
    margin-left: -25.5px;

    position: fixed;
    top: 0;
    z-index: 10000;

    /* transitioned values */
    left: -10000px;
    opacity: 0;

    /* fade out over 300ms, then jump offscreen */
    -webkit-transition: opacity 300ms ease-in-out, left 0s linear 300ms;
    transition: opacity 300ms ease-in-out, left 0s linear 300ms;
}

.elgg-spinner-active .elgg-spinner {
    left: 50%;
    opacity: 1;

    /* set values immediately */
    -webkit-transition: opacity 0s, left 0s;
    transition: opacity 0s, left 0s;
}
/**
 * Hack that reduces size inconsistencies within Font awesome icons
 */

.fa-mobile-phone:before,
.fa-mobile:before,
.fa-remove:before,
.fa-close:before,
.fa-times:before,
.fa-caret-down:before,
.fa-caret-down:before {
	font-size: larger !important;
}
.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #000000;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	border-radius: 6px;
}

#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
/*<style>*/
/*** Elgg Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}
/*.developers-gear {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	cursor: pointer;
	padding: 5px 8px;
}*/
.developers-gear-popup {
	text-align: right;
}
.developers-gear-popup > section {
	display: inline-block;
	width: 16em;
	padding: 0 20px 20px 0;
	text-align: left;
	vertical-align: top;
}
.developers-gear-popup > section.developers-form {
	width: 20em;
}
.developers-gear-popup h2 {
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-child-menu {
	margin-left: 20px;
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-menu-parent,
.developers-gear-popup .elgg-menu-parent:hover {
	color: #000;
	text-decoration: none;
	cursor: default;
}
.developers-gear-popup .elgg-text-help {
	display: none;
}
.developers-gear-popup label {
	font-weight: inherit;
	font-size: inherit;
}
.developers-gear-popup fieldset > div {
	margin-bottom: 10px;
}
.developers-gear-popup #developer-settings-form  label .elgg-icon-info,
.developers-gear-popup #developer-settings-form  label .elgg-text-help {
	margin-left: 10px;
	vertical-align: text-top;
	cursor: pointer;
}
.developers-gear-popup #developer-settings-form .elgg-foot {
	margin-top: 15px;
	margin-bottom: 0;
}.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}

.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	border-radius: 4px;
	
	padding: 2px 4px;
	margin-bottom: 7px;
}

.groups-profile-fields .elgg-output {
	margin: 0;
}

#groups-tools > li {
	width: 48%;
	min-height: 200px;
	margin-bottom: 40px;
}

#groups-tools > li:nth-child(odd) {
	margin-right: 4%;
}

.groups-widget-viewall {
	float: right;
	font-size: 85%;
}

.groups-latest-reply {
	float: right;
}
.elgg-form-discussion-reply-save .elgg-foot > .elgg-field {
	display: inline-block;
}
.messages-container {
	min-height: 200px;
}
.message.unread a {
	color: #d40005;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

/*** message metadata ***/
.messages-owner {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.messages-subject {
	float: left;
	width: 55%;
	margin-right: 2%;
}
.messages-timestamp {
	float: left;
	width: 14%;
	margin-right: 2%;
}
.messages-delete {
	float: left;
	width: 5%;
}
/*** topbar icon ***/
.messages-new {
	color: white;
	background-color: red;
	border-radius: 10px;
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 26px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}




.pages-nav.treeview ul {
	background-color: transparent;
}

.pages-nav.treeview a.selected {
	color: #555555;
}

.pages-nav.treeview .hover {
	color: #000000;
}
/**********************************
Search plugin
***********************************/
.elgg-search-header {
	bottom: 5px;
	height: 23px;
	position: absolute;
	right: 0;
}
.elgg-search input[type=text] {
	width: 230px;
}
.elgg-search input[type=submit] {
	display: none;
}
.elgg-search input[type=text] {
	border-radius: 10px;
	
	border: 1px solid #71b9f7;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 26px;
	background: transparent url(https://qboqx.smarternetwork.com/_graphics/elgg_sprites.png) no-repeat 2px -934px;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
	background-color: white;
	background-position: 2px -916px;
	border: 1px solid white;
	color: #000000;
}

.search-list li {
	padding: 5px 0 0;
}
.search-heading-category {
	margin-top: 20px;
	color: #666666;
}

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #333333;
}
.search-advanced-type-selection {
	display: inline-block;
	position: relative;
}

.search-advanced-type-selection-dropdown {
	display: none;
	position: absolute;
	top: 18px;
	right: -4px;
	background: white;
	border: 1px solid #71B9F7;
	padding: 10px 20px 10px 10px;
	z-index: 10;
	
	text-align: right;
	
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	
}

.search-advanced-type-selection > li {
	display: inline;
	position: relative;
	height: 20px;
}

.search-advanced-type-selection > li > a {
	padding: 0 5px;
	margin-right: -4px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	background: #71B9F7;
	white-space: nowrap;
	color: white;
	font-weight: bold;
}

.search-advanced-type-selection > li > a:after {
	content: "\25BC";
	padding: 0 0 0 2px;
}

.search-advanced-type-selection > li > a:hover {
	text-decoration: none;
}

.search-advanced-type-selection a {
	color: #333;
	cursor: pointer;
	
}
.search-advanced-type-selection-dropdown a {
	padding: 5px;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
}

.search-advanced-type-selection-dropdown a:hover {
	background: #4690D6;
	color: white;
	text-decoration: none;
}

form.elgg-search {
	border: 1px solid #71B9F7;
	height: 19px;
	z-index: 1;
}

.elgg-search input[type="text"].search-input {
	background-position: 210px -934px;
	padding: 0px 26px 0px 4px;
	height: 19px;
	border: none;
	border-left: 1px solid #71B9F7;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	vertical-align: top;
}

.elgg-form-search-advanced-search fieldset > div,
.search-advanced-user-search fieldset > div {
	margin-bottom: 5px;
}

.elgg-form-search-advanced-search > fieldset > div label {
	min-width: 130px;
	display: inline-block;
}

.elgg-form-search-advanced-search > fieldset > div .elgg-input-text {
	width: 100px;
	margin: 0 10px;
}

.elgg-menu-search-list .elgg-child-menu {
	display: none;
	position: absolute;
	right: 0;
	background: white;
	border: 1px solid #CCC;
	
	z-index: 1;
	
	border-radius: 0 0 3px 3px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
}

.elgg-menu-search-list .elgg-child-menu a {
	padding: 5px 10px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
}

.elgg-menu-search-list .elgg-child-menu li.elgg-state-selected a {
	font-weight: bold;
}
.elgg-menu-search-list .elgg-child-menu a:hover {
	background-color: #F0F0F0;
	color: #444;
}
	
select.search-advanced-search-types {
	max-width: 100%;
}
select.search-advanced-search-types .search-advanced-search-types-parent {
	font-weight: bold;
	font-style: italic;
}
select.search-advanced-search-types .search-advanced-search-types-child {
	padding-left: 20px;
}.elgg-tagcloud {
	text-align: justify;
	margin-bottom: 5px;
}
/** Group tools CSS */
#invite_to_group .ui-helper-hidden-accessible {
	display: none;
}

#group_tools_group_invite_autocomplete_autocomplete_results .group_tools_group_invite_autocomplete_autocomplete_result {
	border: 1px solid transparent;
	border-radius: 5px;
}

#group_tools_group_invite_autocomplete_autocomplete_results .group_tools_group_invite_autocomplete_autocomplete_result:hover {
	border: 1px solid #CCCCCC;
}

#group_tools_group_invite_autocomplete_autocomplete_results .elgg-avatar {
	position: static;
}

.ui-autocomplete .group_tools_group_invite_autocomplete_autocomplete_result .elgg-icon-delete-alt.elgg-discoverable {
	display: none;
}

.group_tools_group_invite_autocomplete_autocomplete_result .elgg-icon-delete-alt {
	cursor: pointer;
}

.group-tools-status-open {
	color: green;
}

.group-tools-status-closed {
	color: orange;
}

.group-tools-suggested-groups .elgg-item {
	width: 33%;
	text-align: center;
}

.group-tools-suggested-groups .elgg-item:hover {
	background: #EFEFEF;
}

.group-tools-suggested-groups .elgg-item h3 {
	padding-bottom: 5px;
}
.group-tools-suggested-groups .elgg-item > div {
	padding: 10px;
}

#group-tools-related-groups-form input.elgg-input-autocomplete {
	width: 80%;
}

#group-tools-group-edit-tabbed ~ div {
	display: none;
}

.group-tools-group-edit-section > div {
	margin-bottom: 15px;
}

/* groups simplified access */
.group-tools-simplified-access-container,
.group-tools-simplified-access-container > .elgg-col {
	display: flex;
}
	
.group-tools-simplified-access-button {
	background: #f0f0f0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #333;
	padding: 20px;
	margin: 20px;
	cursor: pointer;
	width: 100%;
	
	border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);
}

.group-tools-simplified-access-button.elgg-state-active {
	color: #FFF;
	background: #4787b8;
}
.group-tools-simplified-access-button.elgg-state-active h3 {
	color: inherit;
}

/* sort menu options */
.group-tools-group-sort-menu .elgg-menu-item-sorting {
	float: right;
	background: none;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > a {
	top: 0;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > a:hover {
	background: none;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu {
	background: white;
    display: none;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 1;
	border: 1px solid #ccc;
	border-radius: 0 0 3px 3px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
}

.group-tools-group-sort-menu .elgg-menu-item-sorting:hover > .elgg-child-menu {
	display: block;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu a {
	color: #444;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu a:hover {
	color: #444;
	background: #f0f0f0;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu li.elgg-state-selected a {
    font-weight: bold;
}

#group-tools-stale-message.elgg-message {
	cursor: default;
}
.widget_group_news_navigator {
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
	text-align: center;
}

.widget_group_news_navigator > span {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 2px 4px;
	margin: 0 2px;
}

.widget_group_news_navigator > span.active,
.widget_group_news_navigator > span:hover {
	background: #CCCCCC;
}

.widget_group_news_navigator > span.active {
	cursor: auto;
}
.file-tools-icon-tiny {
	max-width: 25px;
	max-height: 25px;
}

.elgg-menu-file-tools-folder-breadcrumb > li:after {
	padding: 0 4px;
	content: ">";
}

#file_tools_list_files_container {
	position: relative;
	min-height: 50px;
}

#file_tools_list_files_container .elgg-ajax-loader {
	background-color: white;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#file_tools_list_files .ui-draggable,
.file-tools-file.ui-draggable {
	cursor: move;
	background: white;
}

#file-tools-folder-tree .file-tools-tree-droppable-hover,
  .folder-tree .file-tools-tree-droppable-hover {
	border: 1px solid red;
}
/*******************
 * jstree override *
 *******************/
.jstree-default .jstree-anchor{
     width:100%;
}
.jstree-default .jstree-anchor.jstree-clicked {
    background-color: #484848 !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
}
.jstree-default .jstree-hovered {
    background-color: #353535 !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
}
.crateItem > .crate.ui-droppable-hover {background-color: #353535;}
[class*="categories-icon-"] {

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #666;

  font-size: 22px;

  line-height: 22px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

}

[class*="categories-icon-"].icon-small {

  font-size: 16px;

  line-height: 16px;

  text-align: center;

  vertical-align: middle;

}

[class*="categories-icon-"].icon-small + span {

  line-height: 16px;

}

[class*="categories-icon-"] + span {

  margin-left: 5px;

  display: inline-block;

  vertical-align: middle;

  line-height: 26px;

}



.categories-icon-preview {

  width: 22px;

  height: 22px;

  margin: 0 5px;

  cursor: default;

}



.categories-icon-move:before {

  content: "\f047";

  cursor: move;

}



.categories-icon-edit:before {

  content: "\f040";

}



.categories-icon-plus:before {

  content: "\f055";

}



.categories-icon-minus:before {

  content: "\f056";

}



.categories-icon-upload:before {

  color: #ccc;

  content: "\f0ee";

}



.categories-icon-checked:before {

  content: "\f058";

}



.categories-icon-info:before {

  content: "\f05a";

}



.elgg-menu-categories .categories-icon-move {

  margin: 10px;

}



.elgg-menu-categories .categories-icon-plus,
.elgg-menu-categories .categories-icon-minus {
  float: right;
  margin: 12px 10px;
}



.elgg-menu-categories .categories-icon-info,

.elgg-menu-categories .categories-icon-icon {

  cursor: pointer;

}



.elgg-menu-categories .elgg-menu-closed .elgg-child-menu {

  display: none;

}



.elgg-menu-categories .elgg-child-menu-toggle {

  margin: -5px 5px 0 0;

  cursor: pointer;

  color: #666;

  font-size: 11px;

  display: inline-block;

  vertical-align: bottom;

}

.elgg-menu-categories .elgg-child-menu-toggle + label {

  display: inline-block;

}



.elgg-menu-categories .elgg-menu-closed > .elgg-child-menu-toggle > .collapse {

  display: none;
  font-family: "courier new";
  
}



.elgg-menu-categories .elgg-menu-open > .elgg-child-menu-toggle > .collapse {

  display: block;
  font-family: "courier new";

}



.elgg-menu-categories .elgg-menu-closed > .elgg-child-menu-toggle > .expand {

  display: block;
  font-family: "courier new";

}



.elgg-menu-categories .elgg-menu-open > .elgg-child-menu-toggle > .expand {

  display: none;
  font-family: "courier new";

}



.elgg-menu-categories li {

  line-height: 18px;

  vertical-align: middle;

}



.elgg-menu-categories .elgg-menu-closed {

  margin-left: 25px;

}



.elgg-menu-categories .elgg-menu-closed.elgg-menu-parent {

  margin-left: auto;

}



.elgg-menu-categories ul {

  margin-left: 20px;

}



.categories-input input[type="checkbox"], .categories-input input[type="radio"] {

  display: inline-block;

  margin: 0 8px 0 0;

}



.categories-manage input {

  margin: 0;

}

.categories-manage .categories-category-title, .categories-manage .categories-category-description, .categories-manage .categories-category-access {

  display: inline-block;

  margin: 5px 10px;

  vertical-align: middle;

  width: 25%;

}

.categories-manage .categories-category-block {

  border: 1px solid #e8e8e8;

  margin: 3px;

  background: #f4f4f4;

  padding: 4px;

}

.categories-manage .categories-icon-upload img {

  max-width: 100%;

}

.categories-manage .elgg-menu-categories ul li .categories-icon-plus {

  display: none;

}

.categories-manage .elgg-menu-categories ul li:last-child .categories-icon-plus {

  display: inline-block;

}

.categories-manage .categories-draggable-placeholder {

  border: 2px dashed #e8e8e8;

  height: auto;

  min-height: 200px;

}

.categories-manage .elgg-child-menu-toggle {

  display: none;

}

.categories-manage .elgg-menu-categories .elgg-menu-closed .elgg-child-menu {

  display: block;

}



.categories-tree .elgg-menu-categories ul {

  margin-left: 13px;

}



.categories-tree .elgg-menu-categories li.elgg-menu-nochildren {
	margin: -5px, 25px, 0, 0;
/*  margin-left: 13px;*/

}



.categories-tree .categories-category-icon img {

  height: 16px;

  width: auto;

  display: inline-block;

  vertical-align: middle;

}



.categories-tree li > span,

.categories-tree li > a,

.categories-tree li > a span {

  margin-right: 5px;

  display: inline;

  vertical-align: top;

  line-height: 26px;

}



.categories-category-full > .elgg-image {

  max-width: 100px;

  margin-right: 20px;

}



.categories-sidebar-tree-module {

  white-space: nowrap;

  overflow: hidden;

}

.categories-sidebar-tree-module:hover {

  overflow: visible;

}

.categories-sidebar-tree-module:hover a, .categories-sidebar-tree-module:hover span {

  background: white;

}

.categories-sidebar-tree-module .elgg-foot {

  margin-top: 10px;

  text-align: right;

}

.categories-sidebar-tree-module em {

  font-size: 11px;

  padding: 2px 5px;

  margin-left: 5px;

  background: #4690d6;

  color: white;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  font-style: normal;

}



.elgg-menu-category-filter em {

  font-size: 11px;

  padding: 2px 5px;

  margin-left: 5px;

  background: #4690d6;

  color: white;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  font-style: normal;

}



.elgg-categories {

  *zoom: 1;

  word-break: break-word;

  margin: 3px 0;

  font-size: 12px;

  line-height: 12px;

}

.elgg-categories:before, .elgg-categories:after {

  content: " ";

  display: table;

}

.elgg-categories:after {

  clear: both;

}

.elgg-categories > li {

  display: inline;

}

.elgg-categories > li:after {

  content: ",";

  padding-right: 4px;

}

.elgg-categories > li:first-child:after, .elgg-categories > li:last-child:after {

  content: "";

}

.elgg-categories > li a {

  font-size: 1em;

  font-style: normal;

}



.elgg-icon.elgg-icon-categories {

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.elgg-icon.elgg-icon-categories:before {

  content: "\f0e8";

}

@-webkit-keyframes dropzone-move { 0% { background-position: 0 0; }
  100% { background-position: 50px 50px; } }
/*.elgg-dropzone {color: #aaa;background-color: #404040;padding: 2px;}*/
.elgg-dropzone [data-template] { display: none; visibility: hidden; }

/*.elgg-input-dropzone { position: relative; min-height: 100px; padding: 1px; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;background-color: #1e1e1e;}*/

.elgg-dropzone-instructions { cursor: pointer; font-size: 16px; text-align: center; display: block; padding: 20px; padding-top: 70px; }
.elgg-dropzone-instructions * { text-align: center; }
.elgg-dropzone-instructions strong, .elgg-dropzone-instructions span { line-height: 20px; color: #dddddd; }
.elgg-dropzone-instructions .elgg-icon { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; width: 100%; font-size: 50px; color: #dddddd; margin: 0 auto; line-height: 50px; padding: 20px 0; z-index: 1; }

.elgg-dropzone-preview { border-bottom: 1px solid #dddddd; display: block; vertical-align: middle; width: 100%; border: 0; position: relative; padding: 10px 10px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.elgg-dropzone-instructions + .elgg-dropzone-preview { border-top: 1px solid #dddddd; margin-top: 10px; }
.elgg-dropzone-preview:last-child { margin-bottom: 10px; }
.elgg-dropzone-preview:nth-child(odd) { background: #fafafa; }
.elgg-dropzone-preview:nth-child(even) { background: #f4f4f4; }
.elgg-dropzone-preview .elgg-dropzone-item-props { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.elgg-dropzone-preview .elgg-dropzone-item-props > * { padding: 5px 10px; }
.elgg-dropzone-preview .elgg-dropzone-filename { font-size: 12px; text-align: left; overflow: hidden; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: 50%; flex-basis: 50%; }
.elgg-dropzone-preview .elgg-dropzone-filename > * { vertical-align: middle; }
.elgg-dropzone-preview .elgg-dropzone-size { font-size: 10px; text-align: center; overflow: hidden; white-space: nowrap; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 50px; flex-basis: 50px; }
.elgg-dropzone-preview .elgg-dropzone-thumbnail { text-align: center; padding: 0; max-height: 30px; /*overflow: hidden; */vertical-align: middle; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 30px; flex-basis: 30px; }
.elgg-dropzone-preview .elgg-dropzone-thumbnail img { width: 100%; height: auto; max-width: 30px; line-height: 30px; display: inline-block; }
.elgg-dropzone-preview .elgg-dropzone-controls { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; }
.elgg-dropzone-preview .elgg-dropzone-success-icon { display: none; margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-success-icon .elgg-icon { font-size: 16px; color: #4690D6; cursor: default; }
.elgg-dropzone-preview .elgg-dropzone-success-icon .elgg-icon:hover { color: #4690D6; }
.elgg-dropzone-preview .elgg-dropzone-error-icon { display: none; margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-error-icon .elgg-icon { font-size: 16px; color: #67080a; cursor: default; }
.elgg-dropzone-preview .elgg-dropzone-error-icon .elgg-icon:hover { color: #67080a; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon { margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon .elgg-icon { font-size: 16px; cursor: pointer; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon .elgg-icon:hover { color: #67080a; text-decoration: none; }
.elgg-dropzone-preview .elgg-dropzone-messages { font-size: 10px; color: #4690D6; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-success-icon { display: inline; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-progress { width: 100%; opacity: 0.5; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-progress .elgg-dropzone-upload:after { display: none; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-error-icon { display: inline; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-messages, .elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-filename { color: #67080a; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress { width: 100%; opacity: 0.5; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress .elgg-dropzone-upload { background: #67080a; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress .elgg-dropzone-upload:after { display: none; }

.elgg-dropzone-progress { position: absolute; bottom: 0; left: 0; width: 90%; height: 4px; border-bottom: 1px solid #fff; }

.elgg-dropzone-upload { position: absolute; background-color: #4690D6; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4690D6), color-stop(1, #85b6e4)); background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%); overflow: hidden; left: 0; top: 0; right: 0; bottom: 0; width: 1%; }
.elgg-dropzone-upload:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -webkit-animation: dropzone-move 2s linear infinite; overflow: hidden; }

.quebx-page-box .quebx-page-header > .quebx-inner {
    width: 500px;
    margin: 0px auto;
    height: 500px;
}

.quebx_pricetag {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#00a700;
	border: 1px solid #00a700;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 12px;
	padding: 2px 10px 2px 10px;
	margin:10px 0 10px 0;
}

/*CSS code for class hoverhelp:*/

.hoverhelp       {border-bottom: thin dotted; border-top: thin dotted; background: #ffeedd;}
.hoverhelp span  {position: absolute; left: -9999px;
                  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
                  border-style:solid; border-color:black; border-width:1px;}
.hoverhelp:hover {text-decoration: none; background: #F0F0EE; z-index: 6; }
.hoverhelp:hover span {margin: 20px 0 0 170px; background: #ffeedd; z-index:6;} 

/*CSS code for class hoverinfo:*/

.hoverinfo {
	<!-- background: #ffeedd; -->
	width:200px;
}
.hoverinfo:hover {
	text-decoration: none;
	text-shadow: none;
	z-index: 6; 
}
.hoverinfo span  {
	position: absolute; 
	left: -9999px;
	padding: 3px 3px 3px 3px;
	margin: 4px 0 0 0px; 
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index:6;
}
.hoverinfo:hover span {
	position:absolute;
	left: -160px; 
	<!-- top: 15px; -->
	background: #d5e3f1;
	margin: 20px 0 0 170px; 
	background: #d5e3f1; 
	font: 10px/100% Arial, Helvetica, sans-serif;
} 

/* Featured */
/*
.elgg-module-featured {
	border: 1px solid #4690D6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}*/
.elgg-module-featured {
	border: 0px solid #00a700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: none;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #4690D6;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/*
 * Section style adapted from mod\resume
 */

.section h3{
margin:25;
}

.section_collapsible_box {
	background:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:2px;
	margin:0px;
	display:block;
}

.section_collapsibleboxlink {
	float:right;
    font-size:18px;
    position:relative;
    bottom:8px;
}

.section_collapsible_box_hidden {
	background:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:2px;
	margin:0px;
	display:hidden;
}

.section_contentWrapper {
margin:0 10px 4px;
padding:0px 10px;
}

/*overrides core*/
.elgg-menu-entity, .elgg-menu-annotation {
	height: 20px;
}
.elgg-categories > li a{
	color: #fff;
}
.elgg-categories > li:not(:last-child):after {
    content: ' >';
}
.elgg-categories > li:last-child{
     font-size: 14px;
     font-weight:bold;
}
.elgg-list-container > .elgg-pagination{
	display:block;
}

.hover-change .fa +  .fa,
.hover-change:hover > .fa {
  display: none;
}
.hover-change:hover > .fa +  .fa {
  display: inherit;
}body.gallery-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gallery-photostream * {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .gallery-photostream {
    display: block;
    padding: 0;
    margin: 0 -5px;
    *zoom: 1;
  }
  .gallery-photostream:before, .gallery-photostream:after {
    content: " ";
    display: table;
  }
  .gallery-photostream:after {
    clear: both;
  }
  .gallery-photostream > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 5px 10px;
  }
  .gallery-photostream > li {
    width: 50%;
    margin: 0;
    padding: 0 5px 10px;
    list-style: none;
  }
  .gallery-photostream > li:nth-of-type(n) {
    clear: none;
  }
  .gallery-photostream > li:nth-of-type(2n+1) {
    clear: both;
  }
}

.gallery-album-cover,
.gallery-media-cover {
  position: relative;
  padding: 5px;
  margin: 10px auto;
  display: inline-block;
  border: solid 1px #cccccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.gallery-album-cover:hover, .gallery-album-cover:focus, .gallery-album-cover.elgg-state-selected,
.gallery-media-cover:hover,
.gallery-media-cover:focus,
.gallery-media-cover.elgg-state-selected {
  -webkit-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
}
.gallery-album-cover a,
.gallery-media-cover a {
  text-align: center;
  overflow: hidden;
}
.gallery-album-cover a img,
.gallery-media-cover a img {
  width: 100%;
  height: auto;
}
.gallery-album-cover .elgg-menu-entity,
.gallery-media-cover .elgg-menu-entity {
  margin: 0;
  padding: 10px;
  position: relative;
  float: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.gallery-album-cover .elgg-menu-entity:before, .gallery-album-cover .elgg-menu-entity:after,
.gallery-media-cover .elgg-menu-entity:before,
.gallery-media-cover .elgg-menu-entity:after {
  content: " ";
  display: table;
}
.gallery-album-cover .elgg-menu-entity:after,
.gallery-media-cover .elgg-menu-entity:after {
  clear: both;
}
.gallery-album-cover .elgg-menu-entity > li,
.gallery-media-cover .elgg-menu-entity > li {
  float: left;
  margin-left: 10px;
}
.gallery-album-cover .elgg-menu-entity > li:first-of-type,
.gallery-media-cover .elgg-menu-entity > li:first-of-type {
  margin-left: 0;
}

.gallery-full .gallery-album-cover {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 250px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-full .gallery-album-cover .gallery-album-meta {
  margin: 10px 20px;
}

.gallery-album-cover-placeholder {
  background: #f4f4f4;
  text-align: center;
  position: relative;
}
.gallery-album-cover-placeholder:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f03e";
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  margin-top: -50px;
  font-size: 100px;
  line-height: 100px;
  color: #e8e8e8;
  text-shadow: 1px 1px 0 white;
}

.gallery-media-author {
  position: absolute;
  top: -15px;
  width: 40px;
  height: 40px;
  right: 5px;
  border: 1px solid #fff;
}
.gallery-media-author img {
  width: 40px;
  height: 40px;
}

.gallery-album-meta {
  position: relative;
}
.gallery-album-meta .gallery-album-count {
  position: absolute;
  top: -20px;
  right: 55px;
  background: #000;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-album-meta .gallery-album-author {
  position: absolute;
  top: -20px;
  right: 10px;
  border: 1px solid #fff;
  padding: 0px;
  background: #000;
  height: 40px;
  width: 40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.gallery-album-title {
  padding: 8px 0px 5px 10px;
  font-weight: bold;
  font-size: 14px;
  max-width: 225px;
  display: inline-block;
}

.gallery-album-info-link {
  display: inline-block;
  margin: 5px;
}

.gallery-media-summary {
  padding: 3px;
  border: 1px solid #cccccc;
  margin: 10px;
}

.gallery-media-title {
  padding: 8px 0 5px 10px;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  max-width: 185px;
}

.gallery-media-meta {
  position: relative;
}

.gallery-media-info-link {
  display: inline-block;
  margin: 5px;
}

.gallery-media-album {
  position: absolute;
  top: -15px;
  border: 1px solid #fff;
  right: 50px;
}

.gallery-media-meta-details > li {
  display: block;
  padding: 3px 0 3px 10px;
}

.gallery-media-extras .elgg-menu-entity {
  float: none;
  margin: 0;
  padding: 2px;
  height: auto;
  text-align: center;
  background: #f4f4f4;
  border-top: 1px solid #cccccc;
}
.gallery-media-extras .elgg-menu-entity > li {
  margin: 1px;
  padding: 5px 10px;
  background: #f4f4f4;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.gallery-media-extras .elgg-menu-entity > li a {
  height: 22px;
  display: block;
}
.gallery-media-extras .elgg-menu-entity > li.elgg-menu-item-access,
.gallery-media-extras .elgg-menu-entity > li a span {
  display: none;
}
.gallery-media-extras .elgg-menu-entity > li:hover {
  background: #f1f1f1;
}

.elgg-subtext .gallery-media-meta-details > li {
  margin: 0;
  display: inline-block;
  padding: 5px 15px 0 0;
  vertical-align: middle;
}

.gallery-media-full {
  border: 1px solid #cccccc;
  position: relative;
}
.gallery-media-full .gallery-media-meta-details {
  margin: 15px 0;
}

.gallery-media-full-view {
  margin: 0 auto;
  position: relative;
  line-height: 550px;
  text-align: center;
}
.gallery-media-full-view img {
  vertical-align: middle;
}

[class*="gallery-icon-"] {
  background: none;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4690d6;
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
}

[class*="gallery-icon-"].icon-small {
  background: none;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4690d6;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
}

[class*="gallery-icon-"] + span {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
}

[class*="gallery-icon-"].icon-small + span {
  line-height: 16px;
}

.gallery-icon-tag:before {
  content: "\f02c";
}

.gallery-icon-friend:before {
  content: "\f007";
}

.gallery-icon-download:before {
  content: "\f0ed";
}

.gallery-icon-makeavatar:before {
  content: "\f0c8";
}

.gallery-icon-edit:before {
  content: "\f040";
}

.gallery-icon-delete:before {
  content: "\f057";
}

.gallery-icon-approve:before {
  content: "\f046";
}

.gallery-icon-upload:before {
  content: "\f0ee";
}

.gallery-icon-manage:before {
  content: "\f013";
}

.gallery-icon-cropper:before {
  content: "\f125";
}

.gallery-icon-drag:before {
  content: "\f047";
}

.gallery-icon-makecover:before {
  content: "\f083";
}

.gallery-icon-info:before {
  content: "\f05a";
}

.gallery-icon-slideshow:before {
  content: "\f0b2";
}

.gallery-icon-albums:before {
  content: "\f009";
}

.gallery-icon-photostream:before {
  content: "\f0ce";
}

li.elgg-state-loading [class*="gallery-icon-"]:before,
[class*="gallery-icon-"].elgg-state-loading:before {
  content: "\f110";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.elgg-form-edit-object-hjalbum label,
.elgg-form-gallery-upload label {
  display: block;
  margin: 10px 0 5px 0;
}

.elgg-form-edit-object-hjalbum .gallery-filedrop-buttonbank input {
  display: none;
}

.elgg-form-edit-object-hjalbum .elgg-foot,
.elgg-form-gallery-upload .elgg-foot,
.elgg-form-gallery-manage .elgg-foot {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid #cccccc;
}

.gallery-hidden-details-toggle.elgg-state-active {
  display: none;
}

#gallery-hidden-details {
  margin-bottom: 20px;
}

.gallery-item-in-bulk {
  border: 1px solid #fff;
  margin-top: 3px;
  padding: 10px;
  background: #eee;
  line-height: 14px;
}
.elgg-dropzone .gallery-item-in-bulk {
  border: none;
  margin-top: 0;
  margin-left: 40px;
  background: transparent;
}
.elgg-dropzone .gallery-item-in-bulk * {
  text-align: left;
  font-size: 12px;
}
.gallery-item-in-bulk .gallery-media-extras {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #fff;
}

.gallery-media-form-info-link {
  text-align: right;
  font-size: 12px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  display: none;
  margin: 5px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu.elgg-menu-manage-album-image-drag {
  right: auto;
  left: 0;
  top: 0;
}

.elgg-menu-item-drag a {
  cursor: move;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-position {
  width: 30px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-position input {
  margin: 0;
  padding: 2px;
  border-radius: 0;
  text-align: center;
}

.gallery-manage-album .gallery-media-cover:hover > .gallery-media-menu {
  display: block;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li {
  padding: 4px;
  margin: 4px;
  background: #eee;
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li:hover {
  background: #fff;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li a span {
  display: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-access {
  display: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.hidden {
  display: none;
}

/* SLIDESHOW */
.gallery-album-cover .gallery-popup, .gallery-media-cover .gallery-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 2px;
}

.ui-dialog.gallery-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  border: 1px solid #cccccc;
  background: #FFF;
  padding: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 1001;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar {
  margin: 0;
  padding: 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  height: 35px;
  width: 40px;
  display: block;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close .ui-icon-closethick {
  text-indent: 0;
  color: transparent;
  position: relative;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 40px;
  height: 35px;
  border-left: 1px solid #cccccc;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close .ui-icon-closethick:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f00d";
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  color: #b8b8b8;
  padding: 0 12px;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar {
  background: #eee;
  color: #444;
  padding: 15px 20px;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close *, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-icon-closethick:after {
  color: #444;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  outline: none;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close .ui-button-text, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close * .ui-button-text, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-icon-closethick:after .ui-button-text {
  display: none;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar button {
  outline: none;
  margin: 5px;
}
.ui-dialog.gallery-slideshow .ui-dialog-content {
  padding: 0;
}
.ui-dialog.gallery-slideshow .master-pane {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.ui-dialog.gallery-slideshow .preview-pane {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  background: #eee;
  border-top: 5px solid #fff;
  width: 100%;
  overflow: hidden;
  height: 140px;
}
.ui-dialog.gallery-slideshow .preview-pane:hover, .ui-dialog.gallery-slideshow .preview-pane:active {
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.ui-dialog.gallery-slideshow .preview-pane ul {
  position: relative;
  white-space: nowrap;
  padding: 3px 0;
  transition: margin-left 0.5s linear;
  -webkit-transition: margin-left 0.5s linear;
}
.ui-dialog.gallery-slideshow .preview-pane ul li {
  display: inline-block;
  border: solid 1px #cccccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin: 4px;
  vertical-align: middle;
  width: 106px;
  height: 120px;
  overflow: hidden;
  text-align: center;
  position: relative;
  border: 1px solid transparent;
  background: #fff;
}
.ui-dialog.gallery-slideshow .preview-pane ul li:hover, .ui-dialog.gallery-slideshow .preview-pane ul li:focus, .ui-dialog.gallery-slideshow .preview-pane ul li.elgg-state-selected {
  -webkit-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
}
.ui-dialog.gallery-slideshow .preview-pane ul li:first-child {
  margin-left: 8px;
}
.ui-dialog.gallery-slideshow .preview-pane ul li:last-child {
  margin-right: 15px;
}
.ui-dialog.gallery-slideshow .preview-pane ul li img {
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  bottom: 0;
  margin: 0 auto;
  cursor: pointer;
}
.ui-dialog.gallery-slideshow .preview-pane ul li img.elgg-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-dialog.gallery-slideshow .master-view {
  position: absolute;
  top: 0;
  bottom: 140px;
  width: 100%;
  height: auto;
  right: 0;
  left: 0;
  overflow: hidden;
}
.ui-dialog.gallery-slideshow .master-view img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
  min-width: 100px;
  margin: 0 auto;
}
.ui-dialog.gallery-slideshow .master-view img.elgg-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-dialog.gallery-slideshow .master-view .meta-title {
  position: absolute;
  padding: 5px 5px 5px 25px;
  top: 20px;
  left: 20px;
  font-weight: bold;
  color: #fff;
  background: #444;
  line-height: 20px;
  cursor: pointer;
  transition: left 1s;
  -webkit-transition: left 1s;
}
.ui-dialog.gallery-slideshow .master-view .meta-title.elgg-state-active {
  left: 10%;
  right: 10%;
}
.ui-dialog.gallery-slideshow .master-view .meta-title:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f129";
  line-height: 20px;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: -10px;
}

.gallery-slideshow .meta-description {
  position: absolute;
  padding: 20px;
  top: 50px;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 80%;
  font-weight: bold;
  color: #fff;
  border: 2px solid #444;
  background: #f4f4f4;
  heigth: auto;
  max-height: 500px;
  overflow: auto;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  transition: display 3s ease-in;
  -webkit-transition: display 1s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery-slideshow .controls {
  color: #444;
  display: none;
}
.gallery-slideshow .controls .prev {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  background: #FFF;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #eee;
  border: 1px solid #fff;
  z-index: 400;
  left: 20px;
  top: 50%;
  height: 28px;
  width: 28px;
  display: block;
  margin-top: -60px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-slideshow .controls .prev:before {
  content: "\f060";
  line-height: 28px;
}
.gallery-slideshow .controls .prev.hidden {
  display: none;
}
.gallery-slideshow .controls .prev:hover {
  color: #fff;
}
.gallery-slideshow .controls .next {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  background: #FFF;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #eee;
  border: 1px solid #fff;
  z-index: 400;
  left: auto;
  right: 20px;
  top: 50%;
  height: 28px;
  width: 28px;
  display: block;
  margin-top: -60px;
  font-size: 28px;
  line-height: 28px;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-slideshow .controls .next:before {
  content: "\f061";
  line-height: 28px;
}
.gallery-slideshow .controls .next.hidden {
  display: none;
}
.gallery-slideshow .controls .next:hover {
  color: #fff;
}
.gallery-slideshow .controls .pager {
  position: absolute;
  z-index: 400;
  display: block;
  background: #444;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0 auto;
  right: 20px;
  top: 20px;
  line-height: 20px;
}

.gallery-slideshow .master-pane:hover .controls {
  display: inline-block;
}

/* CROPPER */
.elgg-form-gallery-thumb {
  position: relative;
  background: #fff;
  z-index: 5000;
}

.elgg-form-gallery-thumb .gallery-crop-master-wrapper,
.elgg-form-gallery-thumb .gallery-crop-preview-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.elgg-form-gallery-thumb .gallery-crop-preview-wrapper {
  max-width: 250px;
}

.elgg-form-gallery-thumb .gallery-crop-preview-wrapper .elgg-col {
  width: 100px;
  display: inline-block;
  vertical-align: bottom;
  float: none;
  margin-right: 10px;
}

.elgg-form-gallery-thumb label {
  display: block;
  margin: 10px 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #cccccc;
}

.elgg-form-gallery-thumb #gallery-crop-preview,
.elgg-form-gallery-thumb #gallery-crop-current {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.elgg-form-gallery-thumb #gallery-crop-preview img,
.elgg-form-gallery-thumb #gallery-crop-current img {
  width: initial;
  height: auto;
  max-width: initial;
}

.elgg-form-gallery-thumb .elgg-foot {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid #cccccc;
}

.ui-dialog .elgg-form-gallery-thumb {
  width: 100%;
  margin: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-dialog .elgg-form-gallery-thumb fieldset {
  text-align: center;
}

.tagger-float {
  position: absolute;
  display: none;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 5000;
}

.tagger-circle, .tagger-tag {
  width: 80px;
  height: 80px;
  border: 4px dotted #fff;
  display: block;
  box-shadow: 0 0 30px #000;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

.tagger-circle.ui-draggable {
  cursor: move;
}

.tagger-close {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  vertical-align: middle;
  background-size: 18px;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: -10px;
  right: -40px;
  z-index: 5001;
}
.tagger-close:before {
  content: "\f00d";
  text-shadow: 1px 1px 0 #fff;
}

.tagger-float form {
  display: none;
  height: 79px;
  background: #fff;
  background: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: -1px;
  left: 0px;
  border: 4px solid transparent;
  -webkit-border-radius: 71px 5px 5px 71px;
  -moz-border-radius: 71px 5px 5px 71px;
  border-radius: 71px 5px 5px 71px;
  width: 200px;
  padding-left: 90px;
  box-shadow: 3px 1px 10px #666;
}

.tagger-float form input,
.tagger-float form input:focus {
  margin: 5px 0 0 7px;
  border: none;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  color: #000;
  width: 185px;
  line-height: 26px;
  padding: 3px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.tagger-float form input.ui-autocomplete-loading {
  background-position: 95% center;
  background-repeat: no-repeat;
}
.tagger-float form input.ui-autocomplete-loading.ui-autocomplete-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tagger-float form input[type="submit"] {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgba(255, 255, 255, 0.85) no-repeat 50% 50%;
  background-size: 16px;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 22px;
  position: absolute;
  bottom: -13px;
  right: -35px;
  color: transparent;
  font-size: 0;
  border: 2px solid #000;
}
.tagger-float form input[type="submit"]:before {
  content: "\f00d";
}

.gallery-autocomplete {
  position: relative;
  margin: 0px 13px 2px -10px;
}

.gallery-autocomplete i {
  position: absolute;
}

.gallery-autocomplete img {
  position: absolute;
  right: 4px;
  top: 9px;
}

.elgg-gallery.gallery-tags-list .gallery-tag {
  display: inline-block;
  margin: 0px 4px 4px 4px;
  background: #f4f4f4;
  padding: 5px 15px;
  position: relative;
}

.gallery-tag i {
  position: absolute;
  top: -5px;
  right: -5px;
}

.gallery-media-tags {
  margin: 5px;
}

.gallery-media-tags label {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin: 4px 8px 8px;
}

.elgg-gallery.gallery-tags-list {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.gallery-tag a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.gallery-tag a img {
  margin: -8px 10px -8px -8px;
}

.elgg-module.hj-gallery-exif-module {
  margin: 10px;
}

.gallery-media-exif-details {
  margin: 10px 0;
}

.gallery-media-exif-details > li {
  padding: 5px 10px;
  border-bottom: 1px solid #cccccc;
}

.gallery-media-exif-details > li:last-child {
  border-bottom: 0;
}

.gallery-media-exif-details > li label {
  width: 30%;
  display: inline-block;
}

.gallery-tagger-area-preview {
  display: block;
  position: relative;
  overflow: hidden;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  border: 2px solid #cccccc;
}
.gallery-tagger-area-preview img {
  width: initial;
  height: auto;
  max-width: initial;
}

.elgg-form-gallery-phototag fieldset {
  padding: 0;
  border: 0;
}
.elgg-sortable-list-fieldset {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin: 0;
}
.elgg-sortable-list-fieldset > .elgg-field {
	flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
	padding: 5px;
}
.elgg-sortable-list-fieldset > .elgg-field.elgg-sortable-list-query-field {
	flex: 1 1 auto;
}
.elgg-sortable-list-fieldset > .elgg-field > .elgg-field-label {
    margin-right: 5px;
}
.elgg-sortable-list-fieldset > .elgg-field > .elgg-input-text {
    color:#fff;
}

.elgg-sortable-list-form-toggle {
    display: inline-block;
    width: 100%;
    text-align: right;
}

/* Clear button positioning */
.elgg-field {
    position: relative;
}

.elgg-filter-clear-button {
    position: absolute;
    right: 32px;
    top: 5px;
    color: #818181;
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease;
    z-index: 10;
}
.elgg-filter-clear-button:hover {
    color: #fff;
}

.elgg-filter-clear-button.hidden {
    display: none;
}

/* Adjust if label is present */
.elgg-field.elgg-sortable-list-query-field .elgg-filter-clear-button {
    top: 5px; /* Adjust based on label height */
}

/* Adjust if no label */
.elgg-field:not(.has-label) .elgg-filter-clear-button {
    top: 10px;
}

/* Make room for clear button in input */
.elgg-sortable-list-query {
    padding-right: 60px; /* Space for both clear button and help button */
}.scraper-card-link { display: block; overflow: hidden; text-overflow: ellipsis; margin: 0; max-width: 300px; }

.scraper-card-description { margin: 0; }
.scraper-card-description p { margin: 4px 0; font-size: 90%; overflow: hidden; text-overflow: ellipsis; }

.scraper-card-icon-bg { background-position: 50%; background-size: cover; min-width: 225px; min-height: 168.75px; display: block; max-width: 100%; max-height: 100%; width: 100%; height: 100%; }

.scraper-card-block { position: relative; min-height: 168.75px; overflow: hidden; padding: 0; border: 1px solid #f4f4f4; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.scraper-card-block .elgg-image { position: relative; margin: 0; padding: 0; -webkit-flex: 0 0 225px; flex: 0 0 225px; }
.scraper-card-block .elgg-body { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; }
.elgg-module.elgg-module-scraper-card .scraper-card-block { padding: 0; }
.elgg-module-widget .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-module-widget .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; }
@media (max-width: 820px) { .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; } }

.scraper-card-flex { position: relative; padding-top: 25px !important; padding-bottom: 67.5% !important; height: 0; margin-bottom: 0; overflow: hidden; max-height: 75vh; }
.scraper-card-flex.widescreen, .scraper-card-flex.scraper-card-youtube { padding-bottom: 56.34% !important; }
.scraper-card-flex.scraper-card-vimeo { padding-top: 0 !important; padding-bottom: 67.5% !important; }
.scraper-card-flex iframe, .scraper-card-flex object, .scraper-card-flex embed, .scraper-card-flex video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.scraper-card-photo { max-width: 500px; height: auto; }

.scraper-play-button { position: absolute; bottom: 0; right: 0; margin: 5px; font-size: 35px; color: red; text-shadow: 0 0 2px #fff; cursor: pointer; }
.scraper-play-button .elgg-icon { font-size: inherit; color: inherit; }

.scraper-link { line-height: 110%; vertical-align: middle; }
.scraper-link .favicon { background-size: 16px; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; margin: 0 5px; }
.scraper-link .link { margin: 0 5px; }

.elgg-menu-scraper-card { position: absolute; right: 0; top: 0; margin: 5px; }

.jot_pricetag {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#00a700;
	border: 1px solid #00a700;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 12px;
	padding: 2px 10px 2px 10px;
	margin:10px 0 10px 0;
}

.jot_input textarea {
	height: 50px;
}

/***************************************
 * from http://www.html-cleaner.com/features/replace-html-table-tags-with-divs/
 ***************************************/
.rTable {
    	display: table;
/*    	width: 100%; */
		}
.rTableRow {
    	display: table-row;
}
.rTableHeading {
    	display: table-header-group;
    	background-color: #ddd;
    	font-weight: bold;
}
.rTableCell {
    	display: table-cell;
    	padding: 3px 5px;
    	vertical-align: top;
/*        border: 1px solid #999999;*/
}
.rTableHead  {
    	display: table-cell;
    	padding: 3px 10px;
    	background-color: #ddd;
/*	       border: 1px solid #999999;*/
}
.rTableHead-v2 {
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 1px dotted #cbc9c9;
    font-weight: bold;
}
.rTableHead>.rTableCell{
   /*??*/    
}
.rTableFoot {
    	display: table-footer-group;
    	font-weight: bold;
    	background-color: #ddd;
}
.rTableBody {
    	display: table-row-group;
}
.rTableform90{
		width: 90%;
}
.rTableform{
		width: 100%;
}.elgg-menu .elgg-form-shelf-load { max-width: 140px; display: inline-block; vertical-align: middle; margin-left: 20px; text-align: right; }
.elgg-menu .elgg-form-shelf-load [class*="shelf-col"] { padding: 0; }

[data-shelf-indicator]:not([data-shelf-indicator="0"]):after { display: block; content: attr(data-shelf-indicator); color: #FFF; background-color: #FF0000; border-radius: 10px; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5); position: absolute; text-align: center; line-height: 14px; top: 4px; left: 26px; min-width: 16px; height: 16px; font-size: 10px; font-weight: bold; }

.shelf-table th { padding: 5px; text-align: right; }
.shelf-table td { text-align: right; padding: 5px; }
.shelf-table .shelf-checkout-item-description { text-align: left; }
.shelf-table .shelf-checkout-tax td { font-size: 90%; }
.shelf-table .shelf-checkout-total td { font-size: 110%; font-weight: bold; }
.shelf-table .shelf-checkout-item-quantity input[type="text"] { font-size: 90%; width: 35px; }

.shelf-load { display: flex; flex-flow: row nowrap; align-items: center; }
.shelf-load > div { padding: 5px; }

.shelf-image-block { padding: 0; }

.shelf-checkout-shop { padding: 5px; }

.shelf-accepts { display: inline-block; margin-right: 5px; padding: 0; max-height: 16px; width: auto; }

.shelf-payment-method-picker > div { display: flex; align-items: center; margin-top: 5px; }
.shelf-payment-method-picker > div > * { padding: 3px; }
.shelf-payment-method-picker > div > img { max-height: 20px; width: auto; }

.shelf-list-items{background:white;width: 210px;}
.shelf-float {position: fixed;top: 0;z-index: 2;}

/*************/
.ShelfShow__elw1jufs {
    -ms-flex-align: center;
    align-items: center;
    /*background-color: #e9e8e0;*/
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    overflow: hidden;
    padding: 4px;
}
.ShelfShow__elw1jufs:hover .ShelfShow__actions___oosero4fs {opacity: inherit;}
.ShelfShow__actions___oosero4fs {opacity: inherit;-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: start;box-sizing: border-box;margin: 0 4px;}
.ShelfShow__actions--unfocused___234slkj65 {opacity: 0;}
.IconButton___0po345dx:not(.IconButton--borderless___1t-CE8H2) {
    background-color: #e9e7de;
    border-radius: 3px;
    border: 1px solid #999;
}
.IconButton___0po345dx{
    cursor: pointer;
}
.IconButton--small___ew4pds0kd {
    background-color: #eee;
    width: 23px;
    height: 23px;
}
.IconButton___0po345dx {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    width: 30px;
    opacity: 1;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0;
}
.IconButton--small___ew4pds0kd:not(.IconButton--disabled___2cvk-s8R):not(.IconButton--inverted___2OWhVJqP):hover {
    background-color: #fff;
}
.quebx-shelf-items, .quebx-shelf-receipts {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}
.quebx-shelf-items.selected, .quebx-shelf-receipts.selected{
	border: solid 2px #c3c3c3;}
.shelf-label{
	cursor:pointer;
}
.shelf-area{
	max-height:250px;
	overflow:auto;
}
a.shelf-menu-page {
    display: block;
    border-radius: 0px;
    background-color: white;
    margin: 0 0 0px;
    /* margin: 0 0 3px; */
    padding: 2px 4px 2px 8px;
    border-left: 3px solid #d7d8da;
}
a.shelf-menu-page:hover {
    background-color: #dedede;
    /* background-color: #000000; */
    color: none;
    /* color: white; */
    text-decoration: none;
    border-left: 3px solid #999;
}
span.hoverhelp {background: #F0F0EE;}
/*.pallet[data-contents='shelf'] .preview .name{cursor:pointer;}*/.file-tools-icon-tiny {
	width: 20px;
	height: 20px;
}

.elgg-menu-file-tools-folder-breadcrumb > li:after {
	padding: 0 4px;
	content: ">";
}

#file_tools_list_files_container {
	position: relative;
	min-height: 50px;
}

#file_tools_list_files_container .elgg-ajax-loader {
	background-color: white;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#file_tools_list_files .ui-draggable,
.file-tools-file.ui-draggable {
	cursor: move;
	background: white;
}

#file-tools-folder-tree .file-tools-tree-droppable-hover {
	border: 1px solid red;
}

#file-tools-multi-form .uploadify-queue-item {
	max-width: 100%;
}/* jQuery Dropdown: A simple dropdown plugin
 *
 * Contribute: https://github.com/claviska/jquery-dropdown
 *
 * @license: MIT license: http://opensource.org/licenses/MIT
 *
 */
.dropbox,
 .dropboqx {position: relative;display: none;}
.dropbox .dropbox-menu,
 .dropbox .dropbox-panel,
 .dropboqx .dropboq-menu {list-style: none;background: white;border: dashed 1px #aaa;border-radius: 4px;overflow: visible;padding: 4px 0;margin: 0;}
.dropbox .dropbox-panel   {padding: 20px;}
.dropboqx .dropboqx-panel {padding: 20px;list-style: none;border: dashed 1px #aaa;border-radius: 4px;overflow: visible;padding: 4px 0;margin: 0;}
.dropboqx .dropboqx-panel.ui-droppable-hover {background-color: #f4f4f4;}
.dropboqx.new-boqx .dropboqx-panel:hover {cursor:pointer;background-color: #f4f4f4;}
.dropbox.dropbox-tip      {margin-top: 8px;}
.dropbox.dropbox-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.dropbox.dropbox-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .dropbox {
  min-width: 60px;
  max-width: 150px;
}
.dropbox-anchor-right {
	text-align:left;
}
.dropbox.dropbox-tip.dropbox-anchor-right:before {
  left: auto;
  right: 9px;
}
.dropbox.dropbox-tip.dropbox-anchor-right:after {
  left: auto;
  right: 10px;
}
.dropbox.dropbox-scroll .dropbox-menu,
.dropbox.dropbox-scroll .dropbox-panel {
  max-height: 400px;
  overflow: auto;
}
.dropbox .dropbox-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.dropbox .dropbox-menu li > a,
.dropbox .dropbox-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.dropbox .dropbox-menu li>a:hover, 
.dropbox .dropbox-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.dropbox .dropbox-menu .dropbox-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}

/******************
 * 
 *
********************/
.dropbox .dropbox-menu li>a.done:hover{
    background-color: inherit;
    color: inherit;
    cursor: none;
}
.qbox-dropdown {
  position: absolute;
  z-index: 1039;
  display: none;
}
.qbox-dropdown .qbox-dropdown-menu,
.qbox-dropdown .qbox-dropdown-panel {
  min-width: 160px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 1px #ddd;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 4px 0;
  margin: 0;
/*  text-align: left;*/
}
.qbox-dropdown .qbox-dropdown-panel {
  padding: 10px;
}
.qbox-dropdown.qbox-dropdown-tip {
  margin-top: 8px;
}
.qbox-dropdown.qbox-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.qbox-dropdown.qbox-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .qbox-dropdown {
  min-width: 60px;
  max-width: 150px;
}
.qbox-dropdown-anchor-right {
    text-align:left;
}
.qbox-dropdown.qbox-dropdown-tip.qbox-dropdown-anchor-right:before {
  left: auto;
  right: 9px;
}
.qbox-dropdown.qbox-dropdown-tip.qbox-dropdown-anchor-right:after {
  left: auto;
  right: 10px;
}
.qbox-dropdown.qbox-dropdown-scroll .qbox-dropdown-menu,
.qbox-dropdown.qbox-dropdown-scroll .qbox-dropdown-panel {
  max-height: 400px;
  overflow: auto;
}
.qbox-dropdown .qbox-dropdown-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.qbox-dropdown .qbox-dropdown-menu li > a,
.qbox-dropdown .qbox-dropdown-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.qbox-dropdown .qbox-dropdown-menu li>a:hover, 
.qbox-dropdown .qbox-dropdown-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.qbox-dropdown .qbox-dropdown-menu .qbox-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}
.dropbox .dropbox-panel .qbox-pallet,
         .dropbox-panel .qbox-pallet {
    min-width:500px;
    display: flex;
    flex-flow: row wrap;
}
.quebx-compartment-labels {
    min-width:500px;
    display: flex;
    flex-flow: row wrap;
}
.qbox-drop{
    min-height: 30px;
    order: 2;
    flex-basis: 32.5%;
    border: 1px solid grey;
    text-align:center;
}
/*label for the drop box*/
.qbox-drop:empty:not(:focus):before{
    content:attr(data-aspect);
}
.qbox-drop:hover{
    background: #fbf9ee;
    color: #363636;
}
.compartment-open {
    display: block;
}
.compartment-closed {
    display: none;
}
.compartment-contents-header, 
.compartment-components-header, 
.compartment-accessories-header {
    font-weight: bold;
}
.compartment-content-item, 
.compartment-component-item, 
.compartment-accessory-item {
    list-style-type: disc;
    margin-left: 15px;
    whitespace: nowrap;
}
span.qbox-pallet-label{
	position:absolute;
	top:2px;
	left:10px;
    font-size: smaller;
}

/******************
 * dropboqx
 * 
********************/
.dropboqxxx {position: relative;display: block;width: 100%;height: 100%;background-color:white;}
.dropboqxxx .dropboqxxx-panel {list-style: none;padding: 20px;}

.dropboqx {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color:white;
}
.dropboqx.ready{background-color:#e6e6e6;}
.dropboqx .dropboqx-menu,
.dropboqx .dropboqx-panel {
  list-style: none;
}
.dropboqx .dropboqx-panel {
  padding: 20px;
}
.dropboqx.dropboqx-tip {
  margin-top: 8px;
}
.dropboqx.dropboqx-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.dropboqx.dropboqx-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .dropboqx {
  min-width: 60px;
  max-width: 150px;
}
.dropboqx-anchor-right {
	text-align:left;
}
.dropboqx.dropboqx-tip.dropboqx-anchor-right:before {
  left: auto;
  right: 9px;
}
.dropboqx.dropboqx-tip.dropboqx-anchor-right:after {
  left: auto;
  right: 10px;
}
.dropboqx.dropboqx-scroll .dropboqx-menu,
.dropboqx.dropboqx-scroll .dropboqx-panel {
  max-height: 400px;
  overflow: auto;
}
.dropboqx .dropboqx-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.dropboqx .dropboqx-menu li > a,
.dropboqx .dropboqx-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.dropboqx .dropboqx-menu li>a:hover, 
.dropboqx .dropboqx-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.dropboqx .dropboqx-menu .dropboqx-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}
.dropboqx .dropboqx-menu li>a.done:hover{
    background-color: inherit;
    color: inherit;
    cursor: none;
}
.dropqbox .dropboqx-panel .dropboqx-pallet{
    display: flex;
    flex-flow: row wrap;
}
.dropboqx-dropspot{
    text-align:center;
}
/*label for the drop box*/
.dropboqx-dropspot:empty:not(:focus):before{
    content:attr(label);
}
/*.dropboqx-dropspot:hover{background: #fbf9ee;color: #363636;}*/
.tasks-nav.treeview ul {
	background-color: transparent;
}

.tasks-nav.treeview a.selected {
	color: #555555;
}

.tasks-nav.treeview .hover {
	color: #0054a7;
}



.sharing_item {

}

.sharing_item_owner {
	font-size: 90%;
	margin: 10px 0 0 0;
	color:#666666;
}

.sharing_item_owner .icon {
	float: left;
	margin-right: 5px;

}
.sharing_item_title h3 {
	font-size: 150%;
	margin-bottom: 5px;
}
.sharing_item_title h3 a {
	text-decoration: none;
}
.sharing_item_description p {
	margin:0;
	padding:0 0 5px 0;
}
.sharing_item_tags {
	background:transparent url(https://qboqx.smarternetwork.com/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0;
	padding:0 0 0 14px;
}

.sharing_item_address a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 1px solid #4690d6;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:10px 0 10px 0;
	cursor: pointer;
}
.sharing_item_address a:hover {
	background: #0054a7;
	border: 1px solid #0054a7;
	text-decoration: none;
}
.sharing_item_controls p {
	margin:0;
}



/* SHARES WIDGET VIEW */
.shares_widget_wrapper {
	background-color: white;
	margin:0 10px 5px 10px;
	padding:5px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.shares_widget_icon {
	float: left;
	margin-right: 10px;
}
.shares_timestamp {
	color:#666666;
	margin:0;
}
.share_desc {
	display:none;
	line-height: 1.2em;
}
.shares_widget_content {
	margin-left: 35px;
}
.shares_title {
	margin:0;
	line-height: 1.2em;
}

/* timestamp and user info in gallery and list view */
.search_listing_info .shares_gallery_user,
.share_gallery_info .shares_gallery_user,
.share_gallery_info .shares_gallery_comments {
	color:#666666;
	margin:0;
	font-size: 90%;	
}


input.tiny {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	/*height:12px;*/
	margin:0;
	padding:2px;
}
input.date{
	width:100px;
}
input.number, input.task_work_remaining, input.task_percent_done {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	color:#999999;
	/*font-size:12px;*/
	font-weight:bold;
	/*height:12px;*/
	margin:0;
	padding:2px;
	width:100px;
}

.tasks_resume {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #CCCCCC;
	margin:0 0 15px;
	padding:2px;
	background:#EEEEEE none repeat scroll 0 0;
	/*font-size: 85%;*/
}
table.tasks{
	margin:0;
	padding:0 0 2px;
}

p.task_inforight{
 /*float: left;*/
}

#group_tasks_widget {
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#group_tasks_widget .search_listing {
	border: 2px solid #cccccc;
}

.tasks label {display: inline-block; width: 120px}


#task-calendar-script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

#task-calendar-loading {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
}

#task-calendar {
	margin: 5px;
}.widget_manager_hide_header > .elgg-head,
.widget_manager_hide_header_admin > .elgg-head {
	display: none;
}

.widget_manager_hide_header_admin:hover > .elgg-head {
	display: block;
}

.widget_manager_hide_header_admin:hover > .elgg-body {
	border-top-width: 2px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style > .elgg-body,
.widget_manager_hide_header_admin > .elgg-body,
.widget_manager_hide_header > .elgg-body {
	border-top-width: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style {
	background: none;
	padding: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style .elgg-widget-content {
	padding: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style > .elgg-head {
	border: 2px solid #DEDEDE;
}

.widget-manager-groups-widgets-top-row {
	width: 100%;
	min-height: 0px !important;
}

.widget-manager-groups-widgets-top-row-highlight {
	min-height: 50px !important;
}

.widget-manager-widget-access .elgg-text-help {
	display: none;
}/* lightbox */
#widget_manager_widgets_select {
	margin: 0;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_wrapper {
	margin-bottom: 5px;
	border: 1px solid transparent;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_wrapper:hover {
	border: 1px solid #CCCCCC;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions {
	float: right;
	padding: 6px;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions li.elgg-state-available span,
#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions li.elgg-state-unavailable input {
	display: none;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions .submit_button {
	margin: 5px 0;
}

#widget_manager_widgets_search {
	float: right;
    margin-top: -2px;
}

#widget_manager_widgets_search input {
	padding: 0;
	margin: 0;
	font-size: 100%;
	height: 100%;
}

.elgg-module-widget .elgg-menu-widget .elgg-menu-item-settings,
.elgg-module-widget .elgg-menu-widget .elgg-menu-item-delete {
	display: none;
}
.elgg-module-widget:hover .elgg-menu-widget .elgg-menu-item-settings,
.elgg-module-widget:hover .elgg-menu-widget .elgg-menu-item-delete {
	display: inline-block;
}/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 1100; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; background: white; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; background: transparent; margin: 35px; border: 10px rgba(204, 204, 204, 0.5) solid; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxLoadedContent > * { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cboxTitle { position: absolute; bottom: -35px; max-width: 80%; font-weight: bold; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; margin: auto; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; background: #fff; }

#colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; }

#cboxError { border: 1px solid rgba(204, 204, 204, 0.5); padding: 50px; }

#cboxCurrent { position: absolute; right: 0; bottom: -35px; }

#cboxLoadingOverlay { background: transparent url(ajax_loader_bw.gif) no-repeat center center; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; overflow: visible; width: auto; background: none; margin: 0; padding: 0; }

#cboxSlideshow { position: absolute; bottom: 0; right: 42px; color: #444; }

#cboxClose, #cboxPrevious, #cboxNext { position: absolute; width: 22px; height: 22px; font-size: 14px; line-height: 14px; top: 50%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: black; color: white; text-align: center; box-shadow: 0 0 0 2px white; }

#cboxPrevious { left: 0; margin-left: -15px; top: 50%; margin-top: -13px; }

#cboxNext { right: 0; margin-right: -15px; top: 50%; margin-top: -13px; }

#cboxClose { top: 0; right: 0; margin: -15px; }

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
/* <style> /**/

/* ***************************************
	TICKER
*****************************************/
.tickerclass{
    overflow: hidden; 
    position: relative; 
	margin:0;
}
.tickerclass ul{
	position: absolute; 
    margin: 0; 
    padding: 0; 
    top: 0;
}
.tickerclass li{
	margin: 0; 
    padding: 0; 
    display: list-item;
	width: auto;
}
/* ***************************************
	MODULE ANNOUNCEMENT
*****************************************/
.ez-module {
    margin-top: 10px;
}
.ez-module > .elgg-body img {
    margin: 0 10px 10px 0;
}
.elgg-module-announcement {
	border: 1px solid #CCCCCC;
    padding: 10px;
}
.elgg-module-announcement > .elgg-head {
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
	padding-bottom: 5px;
}
/* ***************************************
	MISC
*****************************************/
.elgg-sidebar .elgg-module {
	display: inline-block;
}
.elgg-sidebar-alt .elgg-module {
	display: inline-block;
}
.elgg-sidebar #profile-owner-block { 
    margin-bottom: 10px; 
	padding-left: 5px; 
}
.elgg-sidebar-alt #profile-owner-block {
	background: none; 
    margin-bottom: 15px;
	padding: 0; 
}
.elgg-sidebar .elgg-module .elgg-avatar-tiny,
.elgg-sidebar-alt .elgg-module .elgg-avatar-tiny {
	float: left;
    padding: 0 1px 1px 0;
}
.elgg-sidebar-alt .elgg-avatar-large > a > img {
    width: 160px;
    height: auto;
}
.elgg-module-thewire {
	margin-top: 10px; 
}
.attention {
	color: #FF0000; 
}


/* ***************************************
     imported from Pivotal Tracker
*****************************************/
.ProjectsPane {
    position: relative;
    padding-top: 30px;
    width: 910px;
    margin: auto;
    margin-top: 30px;
}
.ProjectsPane__top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}
.SearchBar {
    width: 100%;
    position: relative;
}
.SearchBar__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE0IDE1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMiAoMjk3NTMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPu+AgjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ni4wMDAwMDAsIC02OTUuMDAwMDAwKSIgZmlsbD0iIzcwNzA3MCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDUuNjQyODU3LDcwMS4xMDcxNDMgQzEwNS42NDI4NTcsNzAwLjA3NDc3MiAxMDUuMjc1OTUyLDY5OS4xOTE2ODkgMTA0LjU0MjEzMiw2OTguNDU3ODY4IEMxMDMuODA4MzExLDY5Ny43MjQwNDggMTAyLjkyNTIyOCw2OTcuMzU3MTQzIDEwMS44OTI4NTcsNjk3LjM1NzE0MyBDMTAwLjg2MDQ4Niw2OTcuMzU3MTQzIDk5Ljk3NzQwMzIsNjk3LjcyNDA0OCA5OS4yNDM1ODI2LDY5OC40NTc4NjggQzk4LjUwOTc2Miw2OTkuMTkxNjg5IDk4LjE0Mjg1NzEsNzAwLjA3NDc3MiA5OC4xNDI4NTcxLDcwMS4xMDcxNDMgQzk4LjE0Mjg1NzEsNzAyLjEzOTUxNCA5OC41MDk3NjIsNzAzLjAyMjU5NyA5OS4yNDM1ODI2LDcwMy43NTY0MTcgQzk5Ljk3NzQwMzIsNzA0LjQ5MDIzOCAxMDAuODYwNDg2LDcwNC44NTcxNDMgMTAxLjg5Mjg1Nyw3MDQuODU3MTQzIEMxMDIuOTI1MjI4LDcwNC44NTcxNDMgMTAzLjgwODMxMSw3MDQuNDkwMjM4IDEwNC41NDIxMzIsNzAzLjc1NjQxNyBDMTA1LjI3NTk1Miw3MDMuMDIyNTk3IDEwNS42NDI4NTcsNzAyLjEzOTUxNCAxMDUuNjQyODU3LDcwMS4xMDcxNDMgTDEwNS42NDI4NTcsNzAxLjEwNzE0MyBaIE0xMDkuOTI4NTcxLDcwOC4wNzE0MjkgQzEwOS45Mjg1NzEsNzA4LjM2MTYwOSAxMDkuODIyNTQ2LDcwOC42MTI3MjIgMTA5LjYxMDQ5MSw3MDguODI0Nzc3IEMxMDkuMzk4NDM2LDcwOS4wMzY4MzEgMTA5LjE0NzMyMyw3MDkuMTQyODU3IDEwOC44NTcxNDMsNzA5LjE0Mjg1NyBDMTA4LjU1NTgwMiw3MDkuMTQyODU3IDEwOC4zMDQ2ODksNzA5LjAzNjgzMSAxMDguMTAzNzk1LDcwOC44MjQ3NzcgTDEwNS4yMzI3MDEsNzA1Ljk2MjA1NCBDMTA0LjIzMzgxMiw3MDYuNjU0MDIxIDEwMy4xMjA1NDIsNzA3IDEwMS44OTI4NTcsNzA3IEMxMDEuMDk0ODYyLDcwNyAxMDAuMzMxNzU2LDcwNi44NDUxNDcgOTkuNjAzNTE1Niw3MDYuNTM1NDM1IEM5OC44NzUyNzU0LDcwNi4yMjU3MjQgOTguMjQ3NDkxNSw3MDUuODA3MjAxIDk3LjcyMDE0NTEsNzA1LjI3OTg1NSBDOTcuMTkyNzk4Nyw3MDQuNzUyNTA5IDk2Ljc3NDI3NjEsNzA0LjEyNDcyNSA5Ni40NjQ1NjQ3LDcwMy4zOTY0ODQgQzk2LjE1NDg1MzQsNzAyLjY2ODI0NCA5Niw3MDEuOTA1MTM4IDk2LDcwMS4xMDcxNDMgQzk2LDcwMC4zMDkxNDggOTYuMTU0ODUzNCw2OTkuNTQ2MDQyIDk2LjQ2NDU2NDcsNjk4LjgxNzgwMSBDOTYuNzc0Mjc2MSw2OTguMDg5NTYxIDk3LjE5Mjc5ODcsNjk3LjQ2MTc3NyA5Ny43MjAxNDUxLDY5Ni45MzQ0MzEgQzk4LjI0NzQ5MTUsNjk2LjQwNzA4NCA5OC44NzUyNzU0LDY5NS45ODg1NjIgOTkuNjAzNTE1Niw2OTUuNjc4ODUgQzEwMC4zMzE3NTYsNjk1LjM2OTEzOSAxMDEuMDk0ODYyLDY5NS4yMTQyODYgMTAxLjg5Mjg1Nyw2OTUuMjE0Mjg2IEMxMDIuNjkwODUyLDY5NS4yMTQyODYgMTAzLjQ1Mzk1OCw2OTUuMzY5MTM5IDEwNC4xODIxOTksNjk1LjY3ODg1IEMxMDQuOTEwNDM5LDY5NS45ODg1NjIgMTA1LjUzODIyMyw2OTYuNDA3MDg0IDEwNi4wNjU1NjksNjk2LjkzNDQzMSBDMTA2LjU5MjkxNiw2OTcuNDYxNzc3IDEwNy4wMTE0MzgsNjk4LjA4OTU2MSAxMDcuMzIxMTUsNjk4LjgxNzgwMSBDMTA3LjYzMDg2MSw2OTkuNTQ2MDQyIDEwNy43ODU3MTQsNzAwLjMwOTE0OCAxMDcuNzg1NzE0LDcwMS4xMDcxNDMgQzEwNy43ODU3MTQsNzAyLjMzNDgyOCAxMDcuNDM5NzM2LDcwMy40NDgwOTggMTA2Ljc0Nzc2OCw3MDQuNDQ2OTg3IEwxMDkuNjE4ODYyLDcwNy4zMTgwOCBDMTA5LjgyNTMzNiw3MDcuNTI0NTU1IDEwOS45Mjg1NzEsNzA3Ljc3NTY2OCAxMDkuOTI4NTcxLDcwOC4wNzE0MjkgTDEwOS45Mjg1NzEsNzA4LjA3MTQyOSBaIiBpZD0i74CCIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 1px solid #ccc;
    color: #333;
    font-family: 'Open Sans', open-sans, Helvetica, Arial, EmojiFontFace, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    height: 35px;
    padding: 8px 50px 8px 40px;
    z-index: 0;
}
.ProjectsPane__top-menu .SelectBox {
    padding-left: 20px;
}
.SelectBox {
    color: #333;
    font-family: 'Open Sans', open-sans, Helvetica, Arial, AppleEmoji, EmojiOne, sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.projectPaneSection {
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.projectPaneSection__header {
    font-size: 15px;
    color: #4F575E;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 15px 0;
    width: 100%;
}
.projectPaneSection__header__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.projectPaneSection__header__heading--my-projects:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDE2IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMSAoMjk2ODcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJEYm9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJkYXNoYm9hcmRfMDA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTAuMDAwMDAwLCAtNjU2LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNOTEuNSw2NTcuMDAyNjEyIEw5MS41LDY1Ny4wMDI2MTIgTDkxLjUsNjYwLjE5NzM4OCBDOTEuNSw2NTkuOTI2MDQ1IDkxLjI3Mzc3NTIsNjU5LjcgOTAuOTk5NTgxMyw2NTkuNyBMMTA0LjYwMDQxOSw2NTkuNyBDMTA0LjMyMTk2LDY1OS43IDEwNC4xLDY1OS45MjIyNDUgMTA0LjEsNjYwLjE5NzM4OCBMMTA0LjEsNjU3LjAwMjYxMiBDMTA0LjEsNjU3LjI3Mzk1NSAxMDQuMzI2MjI1LDY1Ny41IDEwNC42MDA0MTksNjU3LjUgTDkwLjk5OTU4MTMsNjU3LjUgQzkxLjI3ODAzOTgsNjU3LjUgOTEuNSw2NTcuMjc3NzU1IDkxLjUsNjU3LjAwMjYxMiBMOTEuNSw2NTcuMDAyNjEyIFogTTkwLDY1Ny4wMDI2MTIgQzkwLDY1Ni40NDg4ODUgOTAuNDUwMDUzOCw2NTYgOTAuOTk5NTgxMyw2NTYgTDEwNC42MDA0MTksNjU2IEMxMDUuMTUyNDcyLDY1NiAxMDUuNiw2NTYuNDQzMzQ5IDEwNS42LDY1Ny4wMDI2MTIgTDEwNS42LDY2MC4xOTczODggQzEwNS42LDY2MC43NTExMTUgMTA1LjE0OTk0Niw2NjEuMiAxMDQuNjAwNDE5LDY2MS4yIEw5MC45OTk1ODEzLDY2MS4yIEM5MC40NDc1Mjc4LDY2MS4yIDkwLDY2MC43NTY2NTEgOTAsNjYwLjE5NzM4OCBMOTAsNjU3LjAwMjYxMiBMOTAsNjU3LjAwMjYxMiBaIE05MS41LDY2NC44MDI2MTIgTDkxLjUsNjY0LjgwMjYxMiBMOTEuNSw2NjcuOTk3Mzg4IEM5MS41LDY2Ny43MjYwNDUgOTEuMjczNzc1Miw2NjcuNSA5MC45OTk1ODEzLDY2Ny41IEwxMDQuNjAwNDE5LDY2Ny41IEMxMDQuMzIxOTYsNjY3LjUgMTA0LjEsNjY3LjcyMjI0NSAxMDQuMSw2NjcuOTk3Mzg4IEwxMDQuMSw2NjQuODAyNjEyIEMxMDQuMSw2NjUuMDczOTU1IDEwNC4zMjYyMjUsNjY1LjMgMTA0LjYwMDQxOSw2NjUuMyBMOTAuOTk5NTgxMyw2NjUuMyBDOTEuMjc4MDM5OCw2NjUuMyA5MS41LDY2NS4wNzc3NTUgOTEuNSw2NjQuODAyNjEyIEw5MS41LDY2NC44MDI2MTIgWiBNOTAsNjY0LjgwMjYxMiBDOTAsNjY0LjI0ODg4NSA5MC40NTAwNTM4LDY2My44IDkwLjk5OTU4MTMsNjYzLjggTDEwNC42MDA0MTksNjYzLjggQzEwNS4xNTI0NzIsNjYzLjggMTA1LjYsNjY0LjI0MzM0OSAxMDUuNiw2NjQuODAyNjEyIEwxMDUuNiw2NjcuOTk3Mzg4IEMxMDUuNiw2NjguNTUxMTE1IDEwNS4xNDk5NDYsNjY5IDEwNC42MDA0MTksNjY5IEw5MC45OTk1ODEzLDY2OSBDOTAuNDQ3NTI3OCw2NjkgOTAsNjY4LjU1NjY1MSA5MCw2NjcuOTk3Mzg4IEw5MCw2NjQuODAyNjEyIEw5MCw2NjQuODAyNjEyIFoiIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.projectPaneSection__header__heading:before {
    content: '';
    display: block;
    padding: 0 10px 0 20px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.projectPaneSection__header__heading--name {
    font-weight: 600;
    margin-right: 6px;
}
.projectPaneSection__header__heading--count {
    margin-left: 7px;
}
.projectPaneSectionContent {
    width: 100%;
}
.projectTiles {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.projectTile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 140px;
    width: 440px;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 32px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
}
.projectTileHeader {
    border-bottom: 2px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 6px 4px;
}
.projectTileContent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.projectTileAnalyticsArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    color: #666;
}
.projectTileAnalyticsArea .projectTileAnalyticsArea__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
}
.projectTileAnalyticsArea__data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.projectTileAnalyticsArea__velocity {
    display: block;
}
.projectTileAnalyticsArea__velocityNumber, .projectTileAnalyticsArea__volatilityNumber {
    font-weight: 600;
}
.pointsBars {
    width: 205px;
    height: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.projectTileContent--loaded .pointsBars__pointsBar {
    visibility: visible;
}
.pointsBars__pointsBar {
    background: #EEEEEE;
    display: inline-block;
    width: 35px;
    vertical-align: bottom;
    margin: 0 0 1px 6px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    height: 0;
    visibility: hidden;
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out;
}
.pointsBars__pointsBar .pointsBar__details {
    display: none;
}
.pointsBar__details_header {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    color: #333;
}
.pointsBar__details_body {
    margin: 5px 12px;
    font-size: 12px;
}
.pointsBar__details_label {
    width: 105px;
    display: inline-block;
    margin: 5px 0;
    color: #666;
    font-weight: normal;
}
.pointsBar__details_data {
    font-weight: 600;
    color: #333;
}
.ProjectsPane__top-menu .SelectBox__button {
    width: 152px;
    background-position: 128px center;
}
.SelectBox__button {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgMTIgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy44LjIgKDI5NzUzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTEzLjAwMDAwMCwgLTIwOC4wMDAwMDApIiBmaWxsPSIjODg4ODg4Ij4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjExMjMuNiAyMDguNTk5OTc2IDExMTkgMjEzLjE5OTk3NiAxMTE0LjQgMjA4LjU5OTk3NiAxMTEzIDIwOS45OTk5NzYgMTExOSAyMTUuOTk5OTc2IDExMjUgMjA5Ljk5OTk3NiI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-position: 90px center;
    background-repeat: no-repeat;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', open-sans, Helvetica, Arial, AppleEmoji, EmojiOne, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding: 0 32px 0 8px;
    white-space: nowrap;
    width: 112px;
}
.projectTileHeader__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.projectTileHeader__titleRow {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.projectTileHeader__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 4px;
}
[data-balloon] {
    overflow: visible;
    position: relative;
}
[data-balloon][data-balloon-pos='down']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}
[data-balloon-pos=down]:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9IiMzODQ3NEYiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxOCA2KSIgZD0iTTIuNjU4LDAuMDAwIEMtMTMuNjE1LDAuMDAwIDUwLjkzOCwwLjAwMCAzNC42NjIsMC4wMDAgQzI4LjY2MiwwLjAwMCAyMy4wMzUsMTIuMDAyIDE4LjY2MCwxMi4wMDIgQzE0LjI4NSwxMi4wMDIgOC41OTQsMC4wMDAgMi42NTgsMC4wMDAgWiIvPjwvc3ZnPg==);
}
[data-balloon-pos="down"]:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMCkiIGQ9Ik0yLjY1OCwwLjAwMCBDLTEzLjYxNSwwLjAwMCA1MC45MzgsMC4wMDAgMzQuNjYyLDAuMDAwIEMyOC42NjIsMC4wMDAgMjMuMDM1LDEyLjAwMiAxOC42NjAsMTIuMDAyIEMxNC4yODUsMTIuMDAyIDguNTk0LDAuMDAwIDIuNjU4LDAuMDAwIFoiLz48L3N2Zz4K) no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
}
[data-balloon-pos="down"]:before, [data-balloon-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}
[data-balloon]:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+) no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px;
}
[data-balloon]:before, [data-balloon]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    transform-origin: top;
}
[data-balloon]:before {
    background: no-repeat url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E);
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    filter: alpha(opactiy=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    content: '';
    position: absolute;
    z-index: 10;
}
.projectTileHeader__privacyLevel--level-private {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEwIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMiAoMjgyNzYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPu+AozwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJDcmVhdGUtUHJvamVjdC1Nb2RhbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDEuMDAwMDAwLCAtMTU3LjAwMDAwMCkiIGZpbGw9IiM2NjY2NjYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjQzLjY2NjYwNSwxNjIuNjAwMTQ5IEwyNDcuOTMzMTcyLDE2Mi42MDAxNDkgTDI0Ny45MzMxNzIsMTYxLjAwMDE4NiBDMjQ3LjkzMzE3MiwxNjAuNDExMzA4IDI0Ny43MjQ4NDYsMTU5LjkwODU0NyAyNDcuMzA4MTg3LDE1OS40OTE4ODggQzI0Ni44OTE1MjgsMTU5LjA3NTIyOSAyNDYuMzg4NzY3LDE1OC44NjY5MDIgMjQ1Ljc5OTg4OCwxNTguODY2OTAyIEMyNDUuMjExMDEsMTU4Ljg2NjkwMiAyNDQuNzA4MjQ5LDE1OS4wNzUyMjkgMjQ0LjI5MTU5LDE1OS40OTE4ODggQzI0My44NzQ5MzEsMTU5LjkwODU0NyAyNDMuNjY2NjA1LDE2MC40MTEzMDggMjQzLjY2NjYwNSwxNjEuMDAwMTg2IEwyNDMuNjY2NjA1LDE2Mi42MDAxNDkgWiBNMjUwLjU5OTc3NywxNjMuNDAwMTMgTDI1MC41OTk3NzcsMTY4LjIwMDAxOSBDMjUwLjU5OTc3NywxNjguNDIyMjM3IDI1MC41MjIwMDIsMTY4LjYxMTExOSAyNTAuMzY2NDQ5LDE2OC43NjY2NzIgQzI1MC4yMTA4OTYsMTY4LjkyMjIyNSAyNTAuMDIyMDE0LDE2OSAyNDkuNzk5Nzk2LDE2OSBMMjQxLjc5OTk4MSwxNjkgQzI0MS41Nzc3NjMsMTY5IDI0MS4zODg4ODEsMTY4LjkyMjIyNSAyNDEuMjMzMzI4LDE2OC43NjY2NzIgQzI0MS4wNzc3NzUsMTY4LjYxMTExOSAyNDEsMTY4LjQyMjIzNyAyNDEsMTY4LjIwMDAxOSBMMjQxLDE2My40MDAxMyBDMjQxLDE2My4xNzc5MTIgMjQxLjA3Nzc3NSwxNjIuOTg5MDI5IDI0MS4yMzMzMjgsMTYyLjgzMzQ3NyBDMjQxLjM4ODg4MSwxNjIuNjc3OTI0IDI0MS41Nzc3NjMsMTYyLjYwMDE0OSAyNDEuNzk5OTgxLDE2Mi42MDAxNDkgTDI0Mi4wNjY2NDIsMTYyLjYwMDE0OSBMMjQyLjA2NjY0MiwxNjEuMDAwMTg2IEMyNDIuMDY2NjQyLDE1OS45Nzc5ODIgMjQyLjQzMzI5NiwxNTkuMTAwMjM0IDI0My4xNjY2MTYsMTU4LjM2NjkxNCBDMjQzLjg5OTkzNiwxNTcuNjMzNTk0IDI0NC43Nzc2ODUsMTU3LjI2NjkzOSAyNDUuNzk5ODg4LDE1Ny4yNjY5MzkgQzI0Ni44MjIwOTIsMTU3LjI2NjkzOSAyNDcuNjk5ODQxLDE1Ny42MzM1OTQgMjQ4LjQzMzE2MSwxNTguMzY2OTE0IEMyNDkuMTY2NDgxLDE1OS4xMDAyMzQgMjQ5LjUzMzEzNSwxNTkuOTc3OTgyIDI0OS41MzMxMzUsMTYxLjAwMDE4NiBMMjQ5LjUzMzEzNSwxNjIuNjAwMTQ5IEwyNDkuNzk5Nzk2LDE2Mi42MDAxNDkgQzI1MC4wMjIwMTQsMTYyLjYwMDE0OSAyNTAuMjEwODk2LDE2Mi42Nzc5MjQgMjUwLjM2NjQ0OSwxNjIuODMzNDc3IEMyNTAuNTIyMDAyLDE2Mi45ODkwMjkgMjUwLjU5OTc3NywxNjMuMTc3OTEyIDI1MC41OTk3NzcsMTYzLjQwMDEzIEwyNTAuNTk5Nzc3LDE2My40MDAxMyBaIiBpZD0i74CjIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
}
.projectTileHeader__privacyLevel {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -100%;
}
.projectTileHeader__hoverable {
    width: 42px;
    height: 38px;
    display: block;
    border-radius: 2px;
}
[data-balloon][data-balloon-pos='down']:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}
[data-balloon]:after {
    text-indent: 0;
    background: #38474F;
    border-radius: 2px;
}
[data-balloon-pos="down"]:after {
    margin-top: 11px;
}
[data-balloon-pos="down"]:before, [data-balloon-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}
[data-balloon]:after {
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    font-size: 12px;
    padding: 0.5em 1em;
    white-space: nowrap;
    margin-bottom: 11px;
}
[data-balloon]:before, [data-balloon]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    transform-origin: top;
}
[data-balloon]:after {
    filter: alpha(opactiy=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    /* font-family: sans-serif !important; */
    font-weight: normal !important;
    font-style: normal !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    padding: 0.5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
}
.projectTileHeader__heart {
    border: none;
    padding: 0;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE4IDE1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMSAoMjk2ODcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPu+AhCBjb3B5IDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTI2MC4xNTk0NSw3MjkuNTM3NjE3IEwxMjU0LjE4MzUyLDcyMy43NzIzNyBDMTI1NC4xMTk2Nyw3MjMuNzIxMjkzIDEyNTQuMDMxODgsNzIzLjYzODI5NSAxMjUzLjkyMDE1LDcyMy41MjMzNzIgQzEyNTMuODA4NDIsNzIzLjQwODQ1IDEyNTMuNjMxMjUsNzIzLjE5OTM1OCAxMjUzLjM4ODY0LDcyMi44OTYwOTEgQzEyNTMuMTQ2MDMsNzIyLjU5MjgyMyAxMjUyLjkyODk1LDcyMi4yODE1NzkgMTI1Mi43Mzc0Miw3MjEuOTYyMzUgQzEyNTIuNTQ1ODgsNzIxLjY0MzEyMSAxMjUyLjM3NTA5LDcyMS4yNTY4NiAxMjUyLjIyNTA2LDcyMC44MDM1NTUgQzEyNTIuMDc1MDIsNzIwLjM1MDI0OSAxMjUyLDcxOS45MDk3MiAxMjUyLDcxOS40ODE5NTMgQzEyNTIsNzE4LjA3NzM0NSAxMjUyLjQwNTQxLDcxNi45NzkyMTQgMTI1My4yMTYyNiw3MTYuMTg3NTI2IEMxMjU0LjAyNzEsNzE1LjM5NTgzOCAxMjU1LjE0NzU4LDcxNSAxMjU2LjU3NzcyLDcxNSBDMTI1Ni45NzM1Nyw3MTUgMTI1Ny4zNzczOCw3MTUuMDY4NjMzIDEyNTcuNzg5MTksNzE1LjIwNTkwMiBDMTI1OC4yMDA5OSw3MTUuMzQzMTcgMTI1OC41ODQwNiw3MTUuNTI4MzIgMTI1OC45Mzg0MSw3MTUuNzYxMzU3IEMxMjU5LjI5Mjc1LDcxNS45OTQzOTUgMTI1OS41OTc2MSw3MTYuMjEzMDYzIDEyNTkuODUyOTksNzE2LjQxNzM3IEMxMjYwLjEwODM4LDcxNi42MjE2NzYgMTI2MC4zNTA5OSw3MTYuODM4NzQ5IDEyNjAuNTgwODMsNzE3LjA2ODU5NCBDMTI2MC44MTA2OCw3MTYuODM4NzQ5IDEyNjEuMDUzMjksNzE2LjYyMTY3NiAxMjYxLjMwODY3LDcxNi40MTczNyBDMTI2MS41NjQwNiw3MTYuMjEzMDYzIDEyNjEuODY4OTEsNzE1Ljk5NDM5NSAxMjYyLjIyMzI2LDcxNS43NjEzNTcgQzEyNjIuNTc3Niw3MTUuNTI4MzIgMTI2Mi45NjA2Nyw3MTUuMzQzMTcgMTI2My4zNzI0OCw3MTUuMjA1OTAyIEMxMjYzLjc4NDI4LDcxNS4wNjg2MzMgMTI2NC4xODgxLDcxNSAxMjY0LjU4Mzk1LDcxNSBDMTI2Ni4wMTQwOSw3MTUgMTI2Ny4xMzQ1Nyw3MTUuMzk1ODM4IDEyNjcuOTQ1NDEsNzE2LjE4NzUyNiBDMTI2OC43NTYyNSw3MTYuOTc5MjE0IDEyNjkuMTYxNjcsNzE4LjA3NzM0NSAxMjY5LjE2MTY3LDcxOS40ODE5NTMgQzEyNjkuMTYxNjcsNzIwLjg5Mjk0NSAxMjY4LjQzMDY0LDcyMi4zMjk0NTUgMTI2Ni45Njg1Nyw3MjMuNzkxNTIzIEwxMjYxLjAwMjIxLDcyOS41Mzc2MTcgQzEyNjAuODg3MjksNzI5LjY1MjU0IDEyNjAuNzQ2ODMsNzI5LjcxIDEyNjAuNTgwODMsNzI5LjcxIEMxMjYwLjQxNDgzLDcyOS43MSAxMjYwLjI3NDM4LDcyOS42NTI1NCAxMjYwLjE1OTQ1LDcyOS41Mzc2MTcgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIG1hc2tDb250ZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTcuMTYxNjY2NyIgaGVpZ2h0PSIxNC43MSIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvbWFzaz4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJEYm9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJkYm9hcmRfMDEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Mi4wMDAwMDAsIC03MTUuMDAwMDAwKSIgc3Ryb2tlPSIjNzU3NTc1IiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8dXNlIGlkPSLvgIQtY29weS0yIiBtYXNrPSJ1cmwoI21hc2stMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
}
.projectTileHeader__members {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDIyIDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMSAoMjk2ODcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZGJvYXJkXzAxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTAuMDAwMDAwLCAtNzE2LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTMwNSw3MjIgQzEzMDYuNjYsNzIyIDEzMDcuOTksNzIwLjY2IDEzMDcuOTksNzE5IEMxMzA3Ljk5LDcxNy4zNCAxMzA2LjY2LDcxNiAxMzA1LDcxNiBDMTMwMy4zNCw3MTYgMTMwMiw3MTcuMzQgMTMwMiw3MTkgQzEzMDIsNzIwLjY2IDEzMDMuMzQsNzIyIDEzMDUsNzIyIEwxMzA1LDcyMiBaIE0xMjk3LDcyMiBDMTI5OC42Niw3MjIgMTI5OS45OSw3MjAuNjYgMTI5OS45OSw3MTkgQzEyOTkuOTksNzE3LjM0IDEyOTguNjYsNzE2IDEyOTcsNzE2IEMxMjk1LjM0LDcxNiAxMjk0LDcxNy4zNCAxMjk0LDcxOSBDMTI5NCw3MjAuNjYgMTI5NS4zNCw3MjIgMTI5Nyw3MjIgTDEyOTcsNzIyIFogTTEyOTcsNzI0IEMxMjk0LjY3LDcyNCAxMjkwLDcyNS4xNyAxMjkwLDcyNy41IEwxMjkwLDczMCBMMTMwNCw3MzAgTDEzMDQsNzI3LjUgQzEzMDQsNzI1LjE3IDEyOTkuMzMsNzI0IDEyOTcsNzI0IEwxMjk3LDcyNCBaIE0xMzA1LDcyNCBDMTMwNC43MSw3MjQgMTMwNC4zOCw3MjQuMDIgMTMwNC4wMyw3MjQuMDUgQzEzMDUuMTksNzI0Ljg5IDEzMDYsNzI2LjAyIDEzMDYsNzI3LjUgTDEzMDYsNzMwIEwxMzEyLDczMCBMMTMxMiw3MjcuNSBDMTMxMiw3MjUuMTcgMTMwNy4zMyw3MjQgMTMwNSw3MjQgTDEzMDUsNzI0IFoiIGlkPSJTaGFwZS1Db3B5Ij48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
}
.SettingsIcon__cog {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMSAoMjk2ODcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPu+AkyBjb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkRib2FyZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRib2FyZF8wMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzMyLjAwMDAwMCwgLTcxNi4wMDAwMDApIiBmaWxsPSIjNzU3NTc1Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTEzNDEuMzMzMzMsNzIzIEMxMzQxLjMzMzMzLDcyMi4zNTU5IDEzNDEuMTA1NDcsNzIxLjgwNTk5MiAxMzQwLjY0OTc0LDcyMS4zNTAyNiBDMTM0MC4xOTQwMSw3MjAuODk0NTI5IDEzMzkuNjQ0MSw3MjAuNjY2NjY3IDEzMzksNzIwLjY2NjY2NyBDMTMzOC4zNTU5LDcyMC42NjY2NjcgMTMzNy44MDU5OSw3MjAuODk0NTI5IDEzMzcuMzUwMjYsNzIxLjM1MDI2IEMxMzM2Ljg5NDUzLDcyMS44MDU5OTIgMTMzNi42NjY2Nyw3MjIuMzU1OSAxMzM2LjY2NjY3LDcyMyBDMTMzNi42NjY2Nyw3MjMuNjQ0MSAxMzM2Ljg5NDUzLDcyNC4xOTQwMDggMTMzNy4zNTAyNiw3MjQuNjQ5NzQgQzEzMzcuODA1OTksNzI1LjEwNTQ3MSAxMzM4LjM1NTksNzI1LjMzMzMzMyAxMzM5LDcyNS4zMzMzMzMgQzEzMzkuNjQ0MSw3MjUuMzMzMzMzIDEzNDAuMTk0MDEsNzI1LjEwNTQ3MSAxMzQwLjY0OTc0LDcyNC42NDk3NCBDMTM0MS4xMDU0Nyw3MjQuMTk0MDA4IDEzNDEuMzMzMzMsNzIzLjY0NDEgMTM0MS4zMzMzMyw3MjMgTDEzNDEuMzMzMzMsNzIzIFogTTEzNDYsNzIyLjAwNjUxIEwxMzQ2LDcyNC4wMjk5NDggQzEzNDYsNzI0LjEwMjg2NSAxMzQ1Ljk3NTY5LDcyNC4xNzI3NDMgMTM0NS45MjcwOCw3MjQuMjM5NTgzIEMxMzQ1Ljg3ODQ3LDcyNC4zMDY0MjQgMTM0NS44MTc3MSw3MjQuMzQ1OTIgMTM0NS43NDQ3OSw3MjQuMzU4MDczIEwxMzQ0LjA1ODU5LDcyNC42MTMyODEgQzEzNDMuOTQzMTQsNzI0Ljk0MTQwOCAxMzQzLjgyNDY1LDcyNS4yMTc4ODEgMTM0My43MDMxMiw3MjUuNDQyNzA4IEMxMzQzLjkxNTgsNzI1Ljc0NjUyOSAxMzQ0LjI0MDg4LDcyNi4xNjU3OTYgMTM0NC42NzgzOSw3MjYuNzAwNTIxIEMxMzQ0LjczOTE1LDcyNi43NzM0MzggMTM0NC43Njk1Myw3MjYuODQ5MzkyIDEzNDQuNzY5NTMsNzI2LjkyODM4NSBDMTM0NC43Njk1Myw3MjcuMDA3Mzc5IDEzNDQuNzQyMTksNzI3LjA3NzI1NyAxMzQ0LjY4NzUsNzI3LjEzODAyMSBDMTM0NC41MjM0NCw3MjcuMzYyODQ4IDEzNDQuMjIyNjYsNzI3LjY5MDk3IDEzNDMuNzg1MTYsNzI4LjEyMjM5NiBDMTM0My4zNDc2NSw3MjguNTUzODIyIDEzNDMuMDYyMDcsNzI4Ljc2OTUzMSAxMzQyLjkyODM5LDcyOC43Njk1MzEgQzEzNDIuODU1NDcsNzI4Ljc2OTUzMSAxMzQyLjc3NjQ4LDcyOC43NDIxODggMTM0Mi42OTE0MSw3MjguNjg3NSBMMTM0MS40MzM1OSw3MjcuNzAzMTI1IEMxMzQxLjE2NjIzLDcyNy44NDI4ODMgMTM0MC44ODk3Niw3MjcuOTU4MzMzIDEzNDAuNjA0MTcsNzI4LjA0OTQ3OSBDMTM0MC41MDY5NCw3MjguODc1ODcyIDEzNDAuNDE4ODQsNzI5LjQ0MDk3MSAxMzQwLjMzOTg0LDcyOS43NDQ3OTIgQzEzNDAuMjk3MzEsNzI5LjkxNDkzMSAxMzQwLjE4NzkzLDczMCAxMzQwLjAxMTcyLDczMCBMMTMzNy45ODgyOCw3MzAgQzEzMzcuOTAzMjEsNzMwIDEzMzcuODI4NzgsNzI5Ljk3NDE3NiAxMzM3Ljc2NDk3LDcyOS45MjI1MjYgQzEzMzcuNzAxMTcsNzI5Ljg3MDg3NiAxMzM3LjY2NjIzLDcyOS44MDU1NTYgMTMzNy42NjAxNiw3MjkuNzI2NTYyIEwxMzM3LjQwNDk1LDcyOC4wNDk0NzkgQzEzMzcuMTA3Miw3MjcuOTUyMjU2IDEzMzYuODMzNzcsNzI3LjgzOTg0NCAxMzM2LjU4NDY0LDcyNy43MTIyNCBMMTMzNS4yOTk0OCw3MjguNjg3NSBDMTMzNS4yMzg3MSw3MjguNzQyMTg4IDEzMzUuMTYyNzYsNzI4Ljc2OTUzMSAxMzM1LjA3MTYxLDcyOC43Njk1MzEgQzEzMzQuOTg2NTQsNzI4Ljc2OTUzMSAxMzM0LjkxMDU5LDcyOC43MzYxMTEgMTMzNC44NDM3NSw3MjguNjY5MjcxIEMxMzM0LjA3ODEyLDcyNy45NzY1NTkgMTMzMy41NzY4Miw3MjcuNDY2MTQ3IDEzMzMuMzM5ODQsNzI3LjEzODAyMSBDMTMzMy4yOTczMSw3MjcuMDc3MjU3IDEzMzMuMjc2MDQsNzI3LjAwNzM3OSAxMzMzLjI3NjA0LDcyNi45MjgzODUgQzEzMzMuMjc2MDQsNzI2Ljg1NTQ2OCAxMzMzLjMwMDM1LDcyNi43ODU1OTEgMTMzMy4zNDg5Niw3MjYuNzE4NzUgQzEzMzMuNDQwMSw3MjYuNTkxMTQ1IDEzMzMuNTk1MDUsNzI2LjM4OTEwNyAxMzMzLjgxMzgsNzI2LjExMjYzIEMxMzM0LjAzMjU1LDcyNS44MzYxNTMgMTMzNC4xOTY2MSw3MjUuNjIxOTYzIDEzMzQuMzA1OTksNzI1LjQ3MDA1MiBDMTMzNC4xNDE5Myw3MjUuMTY2MjMxIDEzMzQuMDE3MzYsNzI0Ljg2NTQ1MyAxMzMzLjkzMjI5LDcyNC41Njc3MDggTDEzMzIuMjY0MzIsNzI0LjMyMTYxNSBDMTMzMi4xODUzMyw3MjQuMzA5NDYyIDEzMzIuMTIxNTMsNzI0LjI3MTQ4NSAxMzMyLjA3MjkyLDcyNC4yMDc2ODIgQzEzMzIuMDI0MzEsNzI0LjE0Mzg4IDEzMzIsNzI0LjA3MjQ4MyAxMzMyLDcyMy45OTM0OSBMMTMzMiw3MjEuOTcwMDUyIEMxMzMyLDcyMS44OTcxMzUgMTMzMi4wMjQzMSw3MjEuODI3MjU3IDEzMzIuMDcyOTIsNzIxLjc2MDQxNyBDMTMzMi4xMjE1Myw3MjEuNjkzNTc2IDEzMzIuMTc5MjUsNzIxLjY1NDA4IDEzMzIuMjQ2MDksNzIxLjY0MTkyNyBMMTMzMy45NDE0MSw3MjEuMzg2NzE5IEMxMzM0LjAyNjQ4LDcyMS4xMDcyMDMgMTMzNC4xNDQ5Niw3MjAuODI3NjkyIDEzMzQuMjk2ODgsNzIwLjU0ODE3NyBDMTMzNC4wNTM4Miw3MjAuMjAxODIxIDEzMzMuNzI4NzMsNzE5Ljc4MjU1NSAxMzMzLjMyMTYxLDcxOS4yOTAzNjUgQzEzMzMuMjYwODUsNzE5LjIxNzQ0OCAxMzMzLjIzMDQ3LDcxOS4xNDQ1MzIgMTMzMy4yMzA0Nyw3MTkuMDcxNjE1IEMxMzMzLjIzMDQ3LDcxOS4wMTA4NSAxMzMzLjI1NzgxLDcxOC45NDA5NzMgMTMzMy4zMTI1LDcxOC44NjE5NzkgQzEzMzMuNDcwNDksNzE4LjY0MzIyOCAxMzMzLjc2OTc1LDcxOC4zMTY2MjUgMTMzNC4yMTAyOSw3MTcuODgyMTYxIEMxMzM0LjY1MDgzLDcxNy40NDc2OTcgMTMzNC45Mzc5Myw3MTcuMjMwNDY5IDEzMzUuMDcxNjEsNzE3LjIzMDQ2OSBDMTMzNS4xNTA2MSw3MTcuMjMwNDY5IDEzMzUuMjI5Niw3MTcuMjYwODUgMTMzNS4zMDg1OSw3MTcuMzIxNjE1IEwxMzM2LjU2NjQxLDcxOC4yOTY4NzUgQzEzMzYuODMzNzcsNzE4LjE1NzExNyAxMzM3LjExMDI0LDcxOC4wNDE2NjcgMTMzNy4zOTU4Myw3MTcuOTUwNTIxIEMxMzM3LjQ5MzA2LDcxNy4xMjQxMjggMTMzNy41ODExNiw3MTYuNTU5MDI5IDEzMzcuNjYwMTYsNzE2LjI1NTIwOCBDMTMzNy43MDI2OSw3MTYuMDg1MDY5IDEzMzcuODEyMDcsNzE2IDEzMzcuOTg4MjgsNzE2IEwxMzQwLjAxMTcyLDcxNiBDMTM0MC4wOTY3OSw3MTYgMTM0MC4xNzEyMiw3MTYuMDI1ODI0IDEzNDAuMjM1MDMsNzE2LjA3NzQ3NCBDMTM0MC4yOTg4Myw3MTYuMTI5MTI0IDEzNDAuMzMzNzcsNzE2LjE5NDQ0NCAxMzQwLjMzOTg0LDcxNi4yNzM0MzggTDEzNDAuNTk1MDUsNzE3Ljk1MDUyMSBDMTM0MC44OTI4LDcxOC4wNDc3NDQgMTM0MS4xNjYyMyw3MTguMTYwMTU2IDEzNDEuNDE1MzYsNzE4LjI4Nzc2IEwxMzQyLjcwOTY0LDcxNy4zMTI1IEMxMzQyLjc2NDMyLDcxNy4yNTc4MTIgMTM0Mi44MzcyNCw3MTcuMjMwNDY5IDEzNDIuOTI4MzksNzE3LjIzMDQ2OSBDMTM0My4wMDczOCw3MTcuMjMwNDY5IDEzNDMuMDgzMzMsNzE3LjI2MDg1IDEzNDMuMTU2MjUsNzE3LjMyMTYxNSBDMTM0My45NDAxMSw3MTguMDQ0NzA4IDEzNDQuNDQxNDEsNzE4LjU2MTE5NiAxMzQ0LjY2MDE2LDcxOC44NzEwOTQgQzEzNDQuNzAyNjksNzE4LjkxOTcwNSAxMzQ0LjcyMzk2LDcxOC45ODY1NDUgMTM0NC43MjM5Niw3MTkuMDcxNjE1IEMxMzQ0LjcyMzk2LDcxOS4xNDQ1MzIgMTM0NC42OTk2NSw3MTkuMjE0NDA5IDEzNDQuNjUxMDQsNzE5LjI4MTI1IEMxMzQ0LjU1OTksNzE5LjQwODg1NSAxMzQ0LjQwNDk1LDcxOS42MTA4OTMgMTM0NC4xODYyLDcxOS44ODczNyBDMTM0My45Njc0NSw3MjAuMTYzODQ3IDEzNDMuODAzMzksNzIwLjM3ODAzNyAxMzQzLjY5NDAxLDcyMC41Mjk5NDggQzEzNDMuODUyLDcyMC44MzM3NjkgMTM0My45NzY1Niw3MjEuMTMxNTA5IDEzNDQuMDY3NzEsNzIxLjQyMzE3NyBMMTM0NS43MzU2OCw3MjEuNjc4Mzg1IEMxMzQ1LjgxNDY3LDcyMS42OTA1MzggMTM0NS44Nzg0Nyw3MjEuNzI4NTE1IDEzNDUuOTI3MDgsNzIxLjc5MjMxOCBDMTM0NS45NzU2OSw3MjEuODU2MTIgMTM0Niw3MjEuOTI3NTE3IDEzNDYsNzIyLjAwNjUxIEwxMzQ2LDcyMi4wMDY1MSBaIiBpZD0i74CTLWNvcHkiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
}
.projectTileHeader .projectTileHeader__projectName {
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    color: #3C4858;
    vertical-align: top;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}
.projectTileHeader__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.projectTileAnalyticsArea__linkContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.projectTileAnalyticsArea .projectTileAnalyticsArea__linkContainer {
    display: none;
}

.extendafriendclear {
	clear:both;
	height: 1px;	
}

.extendafriendcollectionlist {
	width: 170px;
	float: left;
	padding: 5px;	
}

form.extendafriend {
	max-width: 600px;
	margin: 0 auto;
}
.attachments-show .attachments-fieldset {
	display: block !important;
}
.attachments-show .attachments-toggler {
	display: none !important;
}
.attachments-toggler {
	float: left;
}
.attachments-fieldset .elgg-dropzone {
    margin-bottom: 5px;
}
.attachments-attached-item {
    position: relative;
}
.attachments-attached-item .attachments-detach-action {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    background: white;
}
.attachments-attached-item:hover .attachments-detach-action {
    display: block;
}
.attachments-list {
	margin: 0;
}
.elgg-menu-wall-filter {
  text-align: right;
  margin: 10px;
}
.elgg-menu-wall-filter .elgg-icon {
  font-size: 20px;
  color: inherit;
}
.elgg-menu-wall-filter > li {
  display: inline-block;
}
.elgg-menu-wall-filter > li a {
  color: #cccccc;
}
.elgg-menu-wall-filter > li.elgg-state-selected a,
.elgg-menu-wall-filter > li a:hover {
  color: #008fb4;
}

.wall-find-me {
  float: right;
  font-weight: normal;
  font-size: 90%;
}

.wall-tagged-friends,
.wall-tagged-location,
.wall-tagged-attachments {
  font-size: 90%;
  color: #666;
}

.wall-status-counter {
  text-align: right;
  left: 0;
  bottom: 0;
  padding: 0 8px;
  font-size: 11px;
  line-height: 20px;
  vertical-align: middle;
  color: #666;
}
.wall-status-counter .wall-chars-counter {
  margin: 0 5px 0 0;
  font-size: 12px;
}
.wall-status-counter.wall-status-counter-overflow .wall-chars-counter {
  color: darkred;
  font-weight: bold;
}

.wall-attachments,
.wall-url-preview {
  margin: 10px 0;
}
.wall-attachments img,
.wall-attachments iframe,
.wall-attachments object,
.wall-attachments embed,
.wall-url-preview img,
.wall-url-preview iframe,
.wall-url-preview object,
.wall-url-preview embed {
  max-width: 100%;
}

.wall-attachments-gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.wall-attachments-gallery > li {
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wall-attachments-gallery img {
  max-width: 300px;
  max-height: 200px;
  vertical-align: middle;
}

.elgg-widget .wall-attachments-gallery img {
  max-width: 100%;
}

.wall-widget-list > li {
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.elgg-menu-wall-tools > li {
  margin: 2px;
}

.elgg-menu-wall-tools > li > a {
  padding: 2px;
  background: #eee;
  font-size: 30px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}

.elgg-menu-wall-tools > li > a .elgg-icon {
  color: #666;
  line-height: 26px;
  vertical-align: middle;
}

.elgg-menu-wall-tools > li > a:hover {
  background: #dcdcdc;
}

.wall-field-url .elgg-input-single-checkbox {
  font-weight: normal;
  font-size: 90%;
  margin: 5px;
  display: block;
}
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
    border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: white;
	cursor: text;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

/* Optional scoped theme for tag-it which mimics the zendesk widget. */
ul.tagit li.tagit-choice {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4690d6;

    background: none;
    background-color: #e4ecf5;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #4690d6;
    color: white;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }

.tagit.elgg-input-required {
	box-shadow: 0 0px 2px red;
}
input.elgg-input-tags.tagit-hidden-field,
input.elgg-input-tags.tagit-hidden-field:required {
	display: block;
	border: 0;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
	position: absolute;
}.elgg-menu-follow-tag {
	display: inline;
}/* Event global */
.event-manager-forms-label-100 label:not(.elgg-field-label) {
	font-size: 100%;
}
.event-manager-forms-label-normal label:not(.elgg-field-label) {
	font-size: 100%;
	font-weight: normal;
}

/* Event View */
.event-manager-event-banner img {
	max-width: 100%;
	max-height: 300px;
	display: block;
	margin: 0 auto;
}

/* Event Edit */
.event-manager-forms-label-inline .elgg-field-label {
	display: inline-block;
}

.event-manager-contact-userpicker .elgg-user-picker > label, 
.event-manager-contact-userpicker .elgg-user-picker > input[type="checkbox"] {
	display: none;
}

.event_manager_event_edit_date {
	width: 100px;
	height: 20px;
	padding: 0 5px;
}

#event-manager-maps-location-search {
	height: 400px;
	width: 600px;
}

/* Event listing  */
.event_manager_event_list_search_input {
	width: 300px;
}
.event_manager_event_list_owner,
.event_manager_event_view_owner {
	color: #808080;
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 2px;
}

.event_manager_event_list_icon {
	text-align: center;
	width: 40px;
	padding: 1px;
	
	background: #4787b8;
    border: 1px solid rgba(0, 0, 0, 0.2);
    
    border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);

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

.event_manager_event_list_icon_day {
	font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    background: #FFFFFF;    
	border-radius: 0 0 2px 2px;
}
.event_manager_event_list_icon_month {
	color: #FFFFFF;
	font-size: 11px;
    line-height: 11px;
    padding: 2px 0;
}

#event_manager_event_listing div.pagination {
	margin: 0;
}

#event_manager_event_listing .elgg-list {
	border-top: none;
}

#event_manager_event_list_search_more {
	border: 1px solid #CCCCCC;
    cursor: pointer;
    line-height: 31px;
    padding: 5px;
    text-align: center;
    width: auto;
    
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#event_manager_event_list_search_more:hover {
	border-color: #4690D6;
}

/* Event Search */
#event_manager_search_form label {
	font-weight: normal;
	font-size: 100%;
}
#event_manager_search_form .elgg-field {
	margin: 0;
}

#event-manager-search-form-past-events  {
	display: inline-block;
	margin-left: 10px;
}

#event_manager_event_search_advanced_container .elgg-input-dropdown,
#event_manager_event_search_advanced_container .elgg-input-date {
	width: 200px;
}

/* Event view */

.event-manager-event-view-attendees .elgg-head h3 a {
	font-size: 1em;
}

.event-manager-event-view-attendees-more {
	line-height: 40px;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.event-manager-event-when {
	margin-bottom: 15px;
}

.event-manager-event-when .elgg-icon-calendar {
	font-size: 3em;
	margin: 0 10px;
}

.event-manager-event-when-title {
	font-size: 20px;
	font-weight: bold;
}

.event-manager-event-when-subtitle {
	color: #CCC;
	font-size: 18px;
	margin-top: 10px;
}

.elgg-module-event {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

.elgg-module-event label {
	font-size: 100%;
}

.event-manager-event-view-maps {
	width: 100%;
	height: 400px;
}

.event-manager-contact-details .elgg-output {
	margin: 0;
}

/* Event tool links */
.event_manager_event_actions_drop_down {
    background: #FFFFFF;
    padding: 5px 2px 5px 0;
    position: absolute;
    white-space: nowrap;
    border-color: #CCCCCC;
    border-style: solid;
	z-index: 10;
    border-width: 1px 1px 1px 1px;
    list-style-type: none;
    display: none;
}

.event_manager_event_actions_drop_down li {
	padding: 0 0 0 10px;
}
.event_manager_event_actions_drop_down li .elgg-icon-checkmark-hover {
	visibility: hidden;
}
.event_manager_event_actions_drop_down li:hover .elgg-icon-checkmark-hover {
	visibility: visible;
}

/* Event Program Day */

#event-manager-program-day-lightbox {
	width: 300px;
	margin-bottom: 0px;
}

/* Event Program Slot */
#event-manager-program-slot-lightbox {
	width: 600px;
	height: 500px;
	overflow: auto;
}

#event_manager_form_program_slot label {
	white-space: nowrap;
	padding-right: 10px;
}

#event-manager-new-slot-set-name {
	width: 150px;
	margin-right: 10px;
}

.event-manager-program-slot-set {
	padding: 2px 4px;
	color: white;
	margin-left: 5px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.event_manager_program_slot_time {
	padding: 0px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.event_manager_program_slot_attending {
	width: 20px;
}

.event_manager_program_slot_description{
	word-wrap: break-word;
	width: 100%;
}

/* event copy form */
.elgg-form-event-manager-event-copy {
	width: 600px;
}

.maps_infowindow {
	font-size: 11px;
	display: flex;
}
.maps_infowindow_text div.event_manager_event_view_owner {
	font-size: 11px;
}

.maps_infowindow_text {
	width: 250px;
}

.maps_infowindow_icon {
	height: 100px;
	width: 100px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.leaflet-container .elgg-button {
	color: white; /* fix for leaflet taking over color of links */
}

#event_manager_onthemap_canvas {
	height: 650px;
	margin-bottom: 20px;
}

/* google maps */
#event_manager_onthemap_legend {
	padding: 5px 0px;
	text-align: center;
	height: 32px;
}

#event_manager_onthemap_legend img {
	vertical-align: middle;
}

/* hack to hide clear button on input/date fields for IE/Edge */
.elgg-input-date::-ms-clear {
	display: none;
}
.addthisevent {
	display: none;
}

.addthisevent_dropdown {
	display: none;
	right: 0px;
	left: inherit !important;
	position: absolute;
	padding: 10px 0;
	background: white;
	border: 1px solid #CCC;
}

.addthisevent_dropdown span {
	display: block;
	white-space: nowrap;
	color: #4690D6;
	padding: 5px 15px;
}

.addthisevent_dropdown span:hover {
	color: white;
	background: #4690D6;
	cursor: pointer;
}#custom_fields_more_info_tooltip {
	position: absolute;
	border: 1px solid #333333;
	background: #e4ecf5;
	color: #333333;
	padding: 5px;
	display: none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
	z-index: 20000;
}

.ui-multiselect-menu {
	z-index:10000;
	background: white;
	border: 1px solid #CCCCCC;
}

.ui-multiselect-checkboxes .ui-state-hover {
	background: #CCCCCC;
}

.profile-manager-multiselect {
	visibility: hidden;
	display: inline-block !important;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0 -2px 0 0;
}
/* widgets */
#widget_profile_completeness_container {
	border: 1px solid #AAAAAA;
	position: relative;
}

#widget_profile_completeness_progress {
	position: absolute;
	line-height: 20px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#widget_profile_completeness_progress_bar {
	background: #00FF00;
	height: 20px;
}

#custom_fields_userdetails.ui-accordion {
	margin-bottom: 10px;
}

#custom_fields_userdetails .ui-accordion-header {
	color: #666666;
	background: #EEEEEE;
	border: 2px solid #DEDEDE;
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 5px;
}

#custom_fields_userdetails .ui-accordion-content {
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 0 2px 2px 2px;
	padding: 5px;
}

#custom_fields_userdetails .ui-accordion-header:hover {
	border-color: #CCCCCC;
}

/* fix for max-height multi-select drop down*/
.ui-dropdownchecklist-dropcontainer {
	max-height: 150px;
}
/* end fix */

.profile_manager_profile_edit_tab_content,
li.custom_fields_edit_profile_category {
	display: none;
}

/* registration form */
.elgg-form-register {
	max-width: 100%;
}

.profile_manager_register_input_container {
	white-space:nowrap; /* required for outlining in IE7 */
}

.profile_manager_register_input_container > input {
	padding-right: 25px;
}

.elgg-icon.profile_manager_validate_icon {
	margin-left: -22px;
    margin-top: 8px;
    position: absolute;
}

/* register form */
.elgg-form-register .mandatory > label:after {
	content: "*";
}

/* registration field */
#profile_manager_register_left {
	float: left;
	width: 450px;
}

#profile_manager_register_right {
	float: right;
	width: 450px;
}

#profile_manager_register_right > fieldset {
	margin-top: 10px;
}

/* registration form mandatory fields */

.profile_manager_register_missing {
	border: 1px solid red !important;
}

/* Account Username Change */
.profile-manager-account-change-username.elgg-state-active {
	display: none;
}

#profile_manager_username {
	position: relative;
}

/* End Account Username Change */.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0; }
.ui-multiselect-header a { text-decoration:none; }
.ui-multiselect-header a:hover { text-decoration:underline; }
.ui-multiselect-header span.ui-icon { float:left; }
.ui-multiselect-header .ui-multiselect-close { float:right; padding-right:0; text-align:right; }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; text-align: left; }
.ui-multiselect-checkboxes { overflow-y:auto; position:relative; }
.ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; list-style: none; padding-right:3px; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup { padding: 3px; }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup a { border-bottom:1px solid; cursor: pointer; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; }

@media print{
    .ui-multiselect-menu {display: none;}
}
.interactions.interactions-has-active-tab > .interactions-component { border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.interactions.interactions-has-active-tab > .interactions-component.elgg-ajax-loader { padding: 30px; margin: 0; }

.interactions-controls { *zoom: 1; margin-top: 10px; height: 29px; }
.interactions-controls:before, .interactions-controls:after { content: " "; display: table; }
.interactions-controls:after { clear: both; }

.elgg-menu-interactions > li { margin: 0 3px 0 0; font-size: 14px; }
.elgg-menu-interactions > li a { padding: 5px 10px; line-height: 18px; display: inline-block; }
.elgg-menu-interactions > li.elgg-state-selected { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dddddd; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.elgg-menu-interactions > li.elgg-state-selected a { background: #ffffff; top: 1px; }

.interactions-icon { font-size: 18px; line-height: 18px; vertical-align: middle; }

.interactions-badge-indicator { margin-left: 5px; font-size: 14px; line-height: 18px; vertical-align: middle; }

.interactions-component { display: none; background-color: #ffffff; }
.interactions-component.elgg-state-selected { display: block; }
.interactions-component .elgg-list { margin: 0; }
.interactions-component .elgg-list > li { padding: 10px; }
.interactions-component .elgg-no-results { padding: 10px; margin: 0; }
.interactions-component .attachments-toggler { float: none; }
.interactions-component .elgg-pagination-infinite { margin: 0 auto; padding: 10px; border-bottom: 1px solid #dddddd; }
.interactions-component .elgg-pagination-infinite .elgg-before, .interactions-component .elgg-pagination-infinite .elgg-after { border: none; padding: 0; }
.interactions-component .elgg-pagination-infinite .elgg-before:after, .interactions-component .elgg-pagination-infinite .elgg-before:before, .interactions-component .elgg-pagination-infinite .elgg-after:after, .interactions-component .elgg-pagination-infinite .elgg-after:before { content: none; }
.interactions-component .elgg-form { border: none; padding: 10px; height:inherit;}
.interactions-component .elgg-form .elgg-foot { margin-top: 5px; }
.interactions-component .elgg-form input[type="submit"] { margin: 0; }
.interactions-component .elgg-form + * { border-top: 1px solid #dddddd; }

.interactions-image-block { padding: 0; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
.interactions-image-block > .elgg-image { -webkit-order: 1; order: 1; -webkit-flex: 0 0 30px; flex: 0 0 30px; margin-right: 10px; }
.interactions-image-block > .elgg-image-alt { -webkit-order: 3; order: 3; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; }
.interactions-image-block > .elgg-body { -webkit-order: 2; order: 2; -webkit-flex: 1 1 auto; flex: 1 1 auto; }

.interactions-component .elgg-box { margin: 10px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* Blog Plugin */

/* force tinymce input height for a more useful editing / blog creation area */
form#blog-post-edit #description_parent #description_ifr {
	height:400px !important;
}

#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.site-notifications-buttonbank {
	text-align: right;
}
.site-notifications-buttonbank input {
	margin-left: 10px;
}/**
 * CSS for polling notifications
 * views/default/river_polling/css.php
 */
/* Polling notification container */
.river-polling-container {
   position: fixed;
   top: 60px;
   right: 20px;
   z-index: 9999;
   max-width: 350px;
   max-height: 80vh;
   overflow-y: auto;
}

/* Individual notification styling */
.river-polling-notification {
   background: #fff;
   border: 1px solid #ddd;
   border-left: 4px solid #4690d6;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   margin-bottom: 10px;
   animation: slideInRight 0.3s ease-out;
   overflow: hidden;
}

.notification-header {
   background: #f8f8f8;
   padding: 10px 15px;
   border-bottom: 1px solid #eee;
   position: relative;
   font-size: 12px;
}

.notification-header strong {
   color: #333;
}

.notification-time {
   float: right;
   color: #666;
}

.notification-close {
   position: absolute;
   top: 5px;
   right: 10px;
   cursor: pointer;
   font-size: 16px;
   color: #999;
   line-height: 1;
}

.notification-close:hover {
   color: #333;
}

.notification-content {
   padding: 15px;
}

.notification-subject {
   font-weight: bold;
   color: #333;
   margin-bottom: 5px;
   font-size: 14px;
}

.notification-summary {
   color: #666;
   font-size: 13px;
   line-height: 1.4;
}

.notification-action {
   background: #f0f0f0;
   padding: 10px 15px;
   border-top: 1px solid #eee;
   text-align: right;
}

.notification-action a {
   color: #4690d6;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}

/* Topbar notification counter */
#polling-notification-count {
   background: #e74c3c;
   color: white;
   border-radius: 10px;
   padding: 2px 6px;
   font-size: 11px;
   position: absolute;
   top: -5px;
   right: -5px;
   min-width: 16px;
   text-align: center;
}

#polling-notification-count.hidden {
   display: none;
}
#notificationstable td.river_pollingtogglefield {
   width: 50px;
   text-align: center;
   vertical-align: middle;
}
/* Animation */
@keyframes slideInRight {
   from {
       transform: translateX(100%);
       opacity: 0;
   }
   to {
       transform: translateX(0);
       opacity: 1;
   }
}

/* Mobile responsive */
@media (max-width: 768px) {
   .river-polling-container {
       left: 10px;
       right: 10px;
       max-width: none;
   }
}