@charset "UTF-8";
body {
  font-family: "IBM Plex Sans", Verdana, Geneva, sans-serif;
  background: #43757e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #43757e 0%, #a6bab7 100%) fixed;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43757e), color-stop(100%, #a6bab7)) fixed;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #43757e 0%, #a6bab7 100%) fixed;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #43757e 0%, #a6bab7 100%) fixed;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #43757e 0%, #a6bab7 100%) fixed;
  /* IE10+ */
  background: linear-gradient(to bottom, #43757e 0%, #a6bab7 100%) fixed;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43757e', endColorstr='#a6bab7', GradientType=0) fixed;
  /* IE6-9 */
}
/** Map Variables */
/** For the wechange default: (aquamarine, purple): */
/** Define your own colors in your project's `/static/less/extra_less.less`! */
/** 
This is an additional LESS file for plattformn only.
*/
/** For plattform-n (dark blue, red): */
/* http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/
	Add a "more" link at end of text if content does not fit in container

	<div class="multiline-ellipsis">
		<div class="multiline-ellipsis-prop"></div>
		<div class="multiline-ellipsis-main">
			<p>Es gibt im Moment in diese Mannschaft.</p>
		</div>
		<div class="multiline-ellipsis-realend"><a href="#">....weiter</a></div>
	</div>
	*/
.multiline-ellipsis {
  overflow: hidden;
  height: 100%;
  line-height: 25px;
}
.multiline-ellipsis .multiline-ellipsis-prop {
  float: left;
  width: 5px;
  height: 100%;
}
.multiline-ellipsis .multiline-ellipsis-main {
  float: right;
  width: 100%;
  margin-left: -5px;
}
.multiline-ellipsis .multiline-ellipsis-realend {
  color: #333333;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -25px;
  left: 100%;
  width: 9em;
  margin-left: -9em;
  padding-right: 5px;
  text-align: right;
}
.multiline-ellipsis .multiline-ellipsis-realend a {
  color: #333333;
  display: block;
  padding-right: 7px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #DBDBDB 50%, #DBDBDB);
}
body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body > .container {
  margin-top: 70px;
}
body.body-no-nav {
  padding-top: 17px !important;
}
/* Navbar at top of page */
.navbar-fixed-top {
  background-color: rgba(255, 255, 255, 0.65);
  border-bottom-width: 2px;
}
.navbar-fixed-top .fa {
  font-size: 17px;
  font-weight: normal;
}
.navbar-fixed-top .navbar-brand {
  height: 53px;
}
.navbar-fixed-top .navbar-brand .fa {
  font-size: 20px;
}
.navbar-fixed-top .navbar-nav > li > a {
  line-height: 20px;
}
.navbar-fixed-top #messageCounter {
  position: absolute;
  right: 5px;
  top: 10px;
  background-color: #FFFFFF;
  border-radius: 1em;
  padding: 0 0.5em;
  font-size: 0.8em;
}
@media (max-width: 767px) {
  .navbar-fixed-top .navbar-collapse {
    background-color: #FFFFFF;
  }
  .navbar-fixed-top .navbar-collapse ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar-fixed-top .navbar-collapse ul li {
    border-bottom: 1px solid #949494;
  }
  .navbar-fixed-top .navbar-collapse ul li a:hover {
    background-color: #DBDBDB !important;
  }
  .navbar-fixed-top .navbar-collapse ul li.divider {
    margin-top: 0;
  }
  .navbar-fixed-top .navbar-collapse ul li#searchbar {
    width: 100%;
    padding: 3px 40px 3px 10px;
  }
  .navbar-fixed-top .navbar-collapse ul li#searchbar input {
    margin-top: 0;
    width: 100%;
    color: #333333;
    box-shadow: none;
  }
  .navbar-fixed-top .navbar-collapse ul li#searchbar:hover {
    background-color: #DBDBDB !important;
  }
}
.row {
  position: relative;
}
.breadcrumb a {
  text-decoration: underline;
  color: #DBDBDB;
}
.breadcrumb a:hover {
  color: #FFFFFF;
}
.form-control {
  border-width: 0;
  padding: 0;
  text-align: left;
  line-height: inherit;
  min-height: 40px;
  background-color: inherit;
  color: #333333;
}
.form-control:focus {
  box-shadow: none;
}
.content-box .form-control {
  text-align: left;
}
.content-box .form-control::-webkit-input-placeholder {
  text-align: left;
}
.content-box .form-control:-moz-placeholder {
  text-align: left;
}
.content-box .form-control::-moz-placeholder {
  text-align: left;
}
.content-box .form-control:-ms-input-placeholder {
  text-align: left;
}
p,
.white-content,
.textfield,
.CodeMirror .editor-preview {
  margin-bottom: 0;
  padding: 8px;
  background-color: #FFFFFF;
  color: #333333;
  /* no further left/right padding on nested boxes */
  /* Hide linebreaks in sublists (those linebreaks are some markdown glitch) */
}
p a,
.white-content a,
.textfield a,
.CodeMirror .editor-preview a {
  color: #22414e;
  font-weight: bold;
}
p a:focus,
.white-content a:focus,
.textfield a:focus,
.CodeMirror .editor-preview a:focus,
p a:active,
.white-content a:active,
.textfield a:active,
.CodeMirror .editor-preview a:active,
p a:hover,
.white-content a:hover,
.textfield a:hover,
.CodeMirror .editor-preview a:hover {
  color: #22414e;
  font-weight: bold;
  text-decoration: underline;
}
p p,
.white-content p,
.textfield p,
.CodeMirror .editor-preview p,
p .white-content,
.white-content .white-content,
.textfield .white-content,
.CodeMirror .editor-preview .white-content {
  padding: 8px 0;
}
p ul br,
.white-content ul br,
.textfield ul br,
.CodeMirror .editor-preview ul br,
p ol br,
.white-content ol br,
.textfield ol br,
.CodeMirror .editor-preview ol br,
p ul br,
.white-content ul br,
.textfield ul br,
.CodeMirror .editor-preview ul br {
  display: none;
}
.textfield {
  font-size: 14px;
  word-break: break-word;
  user-select: text;
}
.textfield img {
  display: block;
  width: 100%;
  height: auto;
}
.media-body .textfield {
  padding-top: 0;
  padding-left: 0;
}
.media-body .textfield p {
  padding-top: 8px;
  padding-bottom: 8px;
}
.textfield p:first-child {
  padding-top: 0;
}
.textfield p:last-child {
  padding-bottom: 0;
}
.media-body .textfield ul,
.media-body .textfield ol {
  padding-bottom: 8px;
}
.media-body .textfield ul ul,
.media-body .textfield ol ul,
.media-body .textfield ul ol,
.media-body .textfield ol ol,
.media-body .textfield ul li,
.media-body .textfield ol li {
  padding-bottom: 0px;
}
/* Needed especially so text looks fine in .media-body */
.textfield,
.textfield p,
.textfield ul,
.textfield li {
  white-space: normal !important;
  line-height: 1.5em !important;
}
.white-text {
  color: #FFFFFF !important;
}
.white-content {
  background-color: #FFFFFF !important;
}
p.transparent,
.white-content.transparent,
.transparent-p p,
.textfield.transparent,
.textfield.transparent p {
  background-color: transparent !important;
  padding: 0;
  margin: -4px 0 8px 0;
}
p.transparent a,
.white-content.transparent a,
.transparent-p p a,
.textfield.transparent a,
.textfield.transparent p a {
  color: #333333;
  text-decoration: underline;
}
.textfield.no-margin {
  margin: 0;
}
.flat-h h1,
.flat-h h2,
.flat-h h3,
.flat-h h4,
.flat-h h5,
.flat-h h6 {
  font-size: 14px;
  margin: 4px 0 8px 0;
}
/**
* Proper truncating of textfields. Just add the "truncated-textfield" class
* to your textfield, the rest is in JS `$.cosinnus.truncatedTextfield()`
*/
.truncated-textfield {
  max-height: 250px;
  overflow: hidden;
}
.truncated-textfield.truncated-textfield-small {
  max-height: 150px;
}
.truncated-textfield.truncated-textfield-large {
  max-height: 400px;
}
.truncated-textfield-applied {
  position: relative;
  cursor: pointer;
}
.truncated-textfield-applied:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: -15px;
  -webkit-box-shadow: inset 0px -65px 90px -10px #ffffff;
  -moz-box-shadow: inset 0px -65px 90px -10px #ffffff;
  box-shadow: inset 0px -65px 90px -10px #ffffff;
}
.truncated-textfield-applied:hover:after {
  background-color: rgba(0, 0, 0, 0.05);
}
/**
}
*/
textarea {
  width: 100%;
  border-width: 0;
  margin: 0;
  background-color: #FFFFFF;
  color: #333333;
  resize: vertical;
  height: 10em;
  line-height: 1.5em;
  padding-top: 9px;
}
textarea.form-control {
  padding: 8px;
  line-height: 1.4em;
  height: 10em;
}
textarea.oneline {
  height: 2em;
}
.alert {
  border-width: 0;
  padding: 15px 15px 15px 70px;
  position: relative;
  min-height: 62px;
}
.alert h4 {
  margin: 0 0 0 0;
}
.alert .close {
  color: inherit;
  opacity: 1;
  font-size: 16px;
  font-weight: normal;
  right: 0;
}
.alert a {
  color: inherit;
  font-weight: bold;
}
.alert i {
  position: absolute;
  top: 15px;
  left: 18px;
}
.alert p {
  margin: 5px 0 0 0;
}
ul.pagination {
  margin-bottom: 0;
}
ul.pagination li {
  background-color: #FFFFFF;
  border-width: 0;
  margin-right: 5px;
  display: inline-block;
}
ul.pagination li a {
  color: #333333;
  border-width: 0;
}
ul.pagination li a:hover {
  color: #FFFFFF;
  background-color: #333333;
}
ul.pagination li.active > a {
  background-color: #FFFFFF;
  color: #333333;
  font-weight: bold;
  border-width: 0;
}
ul.pagination li.active > a:hover {
  color: #FFFFFF;
  background-color: #333333;
}
.well {
  border-width: 0;
  background-color: #FFFFFF;
  margin: 8px 0 8px 0;
  font-size: 14px;
  padding: 0;
}
legend {
  margin-top: 10px;
  margin-bottom: 3px;
  border-bottom-width: 0;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
.content-box legend {
  color: #333333;
}
label {
  color: #333333;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
}
label.label-soft {
  color: #949494;
}
.content-box .dropdown {
  margin-bottom: 13px;
  margin-left: 5px;
}
.content-box .dropdown button {
  text-align: right;
  color: #333333;
  font-size: 14px;
  width: 10em;
}
.content-box .dropdown button:hover,
.content-box .dropdown button:active,
.content-box .dropdown button:focus {
  color: #333333;
  background-color: #DBDBDB;
}
.content-box .dropdown.open button.btn-default.dropdown-toggle {
  color: #333333;
  background-color: #DBDBDB;
}
.content-box .dropdown ul.dropdown-menu {
  padding: 0;
}
.content-box .dropdown ul.dropdown-menu li {
  border-bottom: 1px solid #DBDBDB;
}
.content-box .dropdown ul.dropdown-menu li a {
  padding: 10px 0 10px 7px;
  font-size: 14px;
  color: #333333;
}
.content-box .dropdown ul.dropdown-menu li:last-child {
  border-width: 0;
}
/* The Bootstrap buttons already have the classes btn-default, btn-info, btn-warning and so on.
	This file adds btn-emphasized, btn-extra-emphasized and btn-appnavi for coloring in the apps's colors.
*/
.btn {
  padding: 0;
  border-width: 0;
  width: 14em;
  float: right;
  margin: 0 0 0 20px;
}
.btn.w100 {
  margin-left: 0;
}
.btn.w100 .media-body {
  text-align: left;
}
.bottom-align .btn,
.btn-left {
  float: left;
  margin-left: 0;
}
.bottom-align .btn + .btn,
.btn-left + .btn {
  margin-left: 20px;
}
.btn .form-control,
.select2-container,
.select2-chosen {
  font-size: 14px !important;
}
.btn-default {
  background-color: transparent;
  border-width: 0;
}
.btn-default:hover {
  background-color: transparent;
}
/*
Reverted for now, interferes with some formfields
.btn-default {
	background-color: #FFFFFF;
	border: 1px solid @app-neutral-color-light;
}
.btn-default:hover {
	background-color: @app-neutral-color-light;
}
.btn-default:hover .media > .media-body {
	background-color: @app-neutral-color-light;
}
*/
/* media-lists */
.media-list {
  margin: 0;
}
.btn-default .media {
  background-color: transparent;
}
.btn-default .media > .media-body {
  background-color: #FFFFFF;
  color: #333333;
}
.btn-default:hover .media > .media-body {
  background-color: #efefef;
}
.btn-default .media > .media-body a {
  color: #333333;
}
.media-body {
  line-height: 20px;
  padding: 9px 10px 5px 10px;
  min-height: 40px;
  text-overflow: ellipsis;
}
.media-body:before,
.media-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.media-body:after {
  clear: both;
}
.media-body input {
  background-color: transparent;
  display: inline-block;
}
.btn ul.media-list .media-body.media-body-form-control {
  padding: 0;
}
.btn ul.media-list .media-body.media-body-form-control input,
.btn ul.media-list .media-body.media-body-form-control textarea {
  margin: 0;
  padding: 7px 10px 5px 10px;
}
.media > a.pull-right .select2-container,
.media > span.pull-right .select2-container {
  float: right;
}
.media > a.pull-right .select2-container .select2-arrow,
.media > span.pull-right .select2-container .select2-arrow {
  display: none;
}
.media > a.pull-right .select2-container .select2-choice,
.media > span.pull-right .select2-container .select2-choice {
  height: 40px;
  border-radius: 0;
  padding: 0;
}
.media > a.pull-right .select2-container .select2-chosen,
.media > span.pull-right .select2-container .select2-chosen {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0px;
  width: 40px;
  text-align: center;
  color: #FFFFFF;
}
.media > a.pull-right .select2-container.select2-container-active .select2-chosen,
.media > span.pull-right .select2-container.select2-container-active .select2-chosen {
  color: #333333;
}
.media > .pull-left,
.media > .pull-right {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5em;
  text-align: center;
  margin: 0;
}
.media > .pull-left.select2-avatar,
.media > .pull-right.select2-avatar {
  line-height: 35px;
}
.btn-default .media > .pull-left,
.btn-default .media > .pull-right {
  background-color: #949494;
  color: #FFFFFF;
}
.btn-default .media > .pull-left:empty,
.btn-default .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
/* Quadratic images at side of buttons */
.pull-left > img,
.pull-right > img {
  width: 40px;
  vertical-align: top;
}
.pull-left input,
.pull-right input {
  border-width: 0;
}
.pull-left:not([href="#"]) {
  cursor: pointer;
}
div[href] {
  cursor: pointer !important;
}
/* put a class like .app-documents, .app-todos on areas that contain content in app colors.
	On usual pages it has to be set only once in a global element.

	Whereever the .clickarea-emphasized and .clickarea-extra-emphasized classes occur
	all buttons will have strong colors then.
*/
.btn-appnavi .media a:first-child,
.btn-appnavi .media span:first-child {
  width: 10px;
}
ul.appnavi-dropdown-menu {
  padding: 0;
  margin-top: 5px;
}
.fadedown-clickarea {
  cursor: pointer;
}
.app-main {
  /* spaces below element */
}
.app-main .btn-emphasized .media,
.app-main .btn-appnavi .media,
.app-main .btn-emphasized .media > .media-body,
.app-main .btn-appnavi .media > .media-body,
.app-main .btn-emphasized .media > .pull-right,
.app-main .btn-emphasized.btn-icon-only .media > .pull-left,
.app-main .btn-appnavi .media > .pull-left,
.app-main .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #315f72;
}
.app-main .btn-extra-emphasized .media,
.app-main .btn-emphasized:hover .media,
.app-main .fadedown.open .btn-emphasized.w100 .media,
.app-main .btn-appnavi:hover .media,
.app-main .btn-emphasized:hover .media > .media-body,
.app-main .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-main .btn-appnavi:hover .media > .media-body,
.app-main .btn-extra-emphasized .media > .media-body,
.app-main .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-main .btn-emphasized:hover .media > .pull-left,
.app-main .media > .pull-left.btn-emphasized,
.app-main .btn-appnavi .media > .pull-left:first-child,
.app-main .btn-appnavi:hover .media > .pull-left,
.app-main .btn-extra-emphasized .media > .pull-left,
.app-main .media-list > .media > .pull-left.btn-extra-emphasized,
.app-main .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-main .btn-extra-emphasized .media > .pull-right,
.app-main .media-list > .media > .btn-extra-emphasized.pull-right,
.app-main .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-main .fadedown .btn-extra-emphasized .media > .pull-right,
.app-main .btn-emphasized:hover .media > .pull-right,
.app-main .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-main .fadedown .btn-emphasized:hover .media > .pull-right,
.app-main .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #22414e;
}
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-main .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #315f72;
}
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-main .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-main .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #22414e;
}
.app-main .fadedown:not(.open) .only-open {
  display: none;
}
.app-main .btn-emphasized .media > .pull-left:empty,
.app-main .btn-emphasized .media > .pull-right:empty,
.app-main .btn-appnavi .media > .pull-left:empty,
.app-main .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-main .btn-emphasized .media > .pull-left.btn-default:empty,
.app-main .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-main.appnavi-listelement a {
  background-color: #315f72;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-main.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-main.appnavi-listelement:hover a,
.app-main.appnavi-listelement.active a {
  background-color: #22414e;
}
.app-calendar {
  /* spaces below element */
}
.app-calendar .btn-emphasized .media,
.app-calendar .btn-appnavi .media,
.app-calendar .btn-emphasized .media > .media-body,
.app-calendar .btn-appnavi .media > .media-body,
.app-calendar .btn-emphasized .media > .pull-right,
.app-calendar .btn-emphasized.btn-icon-only .media > .pull-left,
.app-calendar .btn-appnavi .media > .pull-left,
.app-calendar .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #758059;
}
.app-calendar .btn-extra-emphasized .media,
.app-calendar .btn-emphasized:hover .media,
.app-calendar .fadedown.open .btn-emphasized.w100 .media,
.app-calendar .btn-appnavi:hover .media,
.app-calendar .btn-emphasized:hover .media > .media-body,
.app-calendar .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-calendar .btn-appnavi:hover .media > .media-body,
.app-calendar .btn-extra-emphasized .media > .media-body,
.app-calendar .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-calendar .btn-emphasized:hover .media > .pull-left,
.app-calendar .media > .pull-left.btn-emphasized,
.app-calendar .btn-appnavi .media > .pull-left:first-child,
.app-calendar .btn-appnavi:hover .media > .pull-left,
.app-calendar .btn-extra-emphasized .media > .pull-left,
.app-calendar .media-list > .media > .pull-left.btn-extra-emphasized,
.app-calendar .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-calendar .btn-extra-emphasized .media > .pull-right,
.app-calendar .media-list > .media > .btn-extra-emphasized.pull-right,
.app-calendar .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-calendar .fadedown .btn-extra-emphasized .media > .pull-right,
.app-calendar .btn-emphasized:hover .media > .pull-right,
.app-calendar .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-calendar .fadedown .btn-emphasized:hover .media > .pull-right,
.app-calendar .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #5a6244;
}
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-calendar .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #758059;
}
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-calendar .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-calendar .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #5a6244;
}
.app-calendar .fadedown:not(.open) .only-open {
  display: none;
}
.app-calendar .btn-emphasized .media > .pull-left:empty,
.app-calendar .btn-emphasized .media > .pull-right:empty,
.app-calendar .btn-appnavi .media > .pull-left:empty,
.app-calendar .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-calendar .btn-emphasized .media > .pull-left.btn-default:empty,
.app-calendar .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-calendar.appnavi-listelement a {
  background-color: #758059;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-calendar.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-calendar.appnavi-listelement:hover a,
.app-calendar.appnavi-listelement.active a {
  background-color: #5a6244;
}
.app-cloud {
  /* spaces below element */
}
.app-cloud .btn-emphasized .media,
.app-cloud .btn-appnavi .media,
.app-cloud .btn-emphasized .media > .media-body,
.app-cloud .btn-appnavi .media > .media-body,
.app-cloud .btn-emphasized .media > .pull-right,
.app-cloud .btn-emphasized.btn-icon-only .media > .pull-left,
.app-cloud .btn-appnavi .media > .pull-left,
.app-cloud .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #813A1F;
}
.app-cloud .btn-extra-emphasized .media,
.app-cloud .btn-emphasized:hover .media,
.app-cloud .fadedown.open .btn-emphasized.w100 .media,
.app-cloud .btn-appnavi:hover .media,
.app-cloud .btn-emphasized:hover .media > .media-body,
.app-cloud .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-cloud .btn-appnavi:hover .media > .media-body,
.app-cloud .btn-extra-emphasized .media > .media-body,
.app-cloud .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-cloud .btn-emphasized:hover .media > .pull-left,
.app-cloud .media > .pull-left.btn-emphasized,
.app-cloud .btn-appnavi .media > .pull-left:first-child,
.app-cloud .btn-appnavi:hover .media > .pull-left,
.app-cloud .btn-extra-emphasized .media > .pull-left,
.app-cloud .media-list > .media > .pull-left.btn-extra-emphasized,
.app-cloud .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-cloud .btn-extra-emphasized .media > .pull-right,
.app-cloud .media-list > .media > .btn-extra-emphasized.pull-right,
.app-cloud .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-cloud .fadedown .btn-extra-emphasized .media > .pull-right,
.app-cloud .btn-emphasized:hover .media > .pull-right,
.app-cloud .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-cloud .fadedown .btn-emphasized:hover .media > .pull-right,
.app-cloud .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #582815;
}
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-cloud .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #813A1F;
}
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-cloud .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-cloud .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #582815;
}
.app-cloud .fadedown:not(.open) .only-open {
  display: none;
}
.app-cloud .btn-emphasized .media > .pull-left:empty,
.app-cloud .btn-emphasized .media > .pull-right:empty,
.app-cloud .btn-appnavi .media > .pull-left:empty,
.app-cloud .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-cloud .btn-emphasized .media > .pull-left.btn-default:empty,
.app-cloud .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-cloud.appnavi-listelement a {
  background-color: #813A1F;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-cloud.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-cloud.appnavi-listelement:hover a,
.app-cloud.appnavi-listelement.active a {
  background-color: #582815;
}
.app-files {
  /* spaces below element */
}
.app-files .btn-emphasized .media,
.app-files .btn-appnavi .media,
.app-files .btn-emphasized .media > .media-body,
.app-files .btn-appnavi .media > .media-body,
.app-files .btn-emphasized .media > .pull-right,
.app-files .btn-emphasized.btn-icon-only .media > .pull-left,
.app-files .btn-appnavi .media > .pull-left,
.app-files .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #813A1F;
}
.app-files .btn-extra-emphasized .media,
.app-files .btn-emphasized:hover .media,
.app-files .fadedown.open .btn-emphasized.w100 .media,
.app-files .btn-appnavi:hover .media,
.app-files .btn-emphasized:hover .media > .media-body,
.app-files .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-files .btn-appnavi:hover .media > .media-body,
.app-files .btn-extra-emphasized .media > .media-body,
.app-files .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-files .btn-emphasized:hover .media > .pull-left,
.app-files .media > .pull-left.btn-emphasized,
.app-files .btn-appnavi .media > .pull-left:first-child,
.app-files .btn-appnavi:hover .media > .pull-left,
.app-files .btn-extra-emphasized .media > .pull-left,
.app-files .media-list > .media > .pull-left.btn-extra-emphasized,
.app-files .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-files .btn-extra-emphasized .media > .pull-right,
.app-files .media-list > .media > .btn-extra-emphasized.pull-right,
.app-files .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-files .fadedown .btn-extra-emphasized .media > .pull-right,
.app-files .btn-emphasized:hover .media > .pull-right,
.app-files .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-files .fadedown .btn-emphasized:hover .media > .pull-right,
.app-files .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #582815;
}
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-files .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #813A1F;
}
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-files .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-files .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #582815;
}
.app-files .fadedown:not(.open) .only-open {
  display: none;
}
.app-files .btn-emphasized .media > .pull-left:empty,
.app-files .btn-emphasized .media > .pull-right:empty,
.app-files .btn-appnavi .media > .pull-left:empty,
.app-files .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-files .btn-emphasized .media > .pull-left.btn-default:empty,
.app-files .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-files.appnavi-listelement a {
  background-color: #813A1F;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-files.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-files.appnavi-listelement:hover a,
.app-files.appnavi-listelement.active a {
  background-color: #582815;
}
.app-documents {
  /* spaces below element */
}
.app-documents .btn-emphasized .media,
.app-documents .btn-appnavi .media,
.app-documents .btn-emphasized .media > .media-body,
.app-documents .btn-appnavi .media > .media-body,
.app-documents .btn-emphasized .media > .pull-right,
.app-documents .btn-emphasized.btn-icon-only .media > .pull-left,
.app-documents .btn-appnavi .media > .pull-left,
.app-documents .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #009EE3;
}
.app-documents .btn-extra-emphasized .media,
.app-documents .btn-emphasized:hover .media,
.app-documents .fadedown.open .btn-emphasized.w100 .media,
.app-documents .btn-appnavi:hover .media,
.app-documents .btn-emphasized:hover .media > .media-body,
.app-documents .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-documents .btn-appnavi:hover .media > .media-body,
.app-documents .btn-extra-emphasized .media > .media-body,
.app-documents .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-documents .btn-emphasized:hover .media > .pull-left,
.app-documents .media > .pull-left.btn-emphasized,
.app-documents .btn-appnavi .media > .pull-left:first-child,
.app-documents .btn-appnavi:hover .media > .pull-left,
.app-documents .btn-extra-emphasized .media > .pull-left,
.app-documents .media-list > .media > .pull-left.btn-extra-emphasized,
.app-documents .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-documents .btn-extra-emphasized .media > .pull-right,
.app-documents .media-list > .media > .btn-extra-emphasized.pull-right,
.app-documents .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-documents .fadedown .btn-extra-emphasized .media > .pull-right,
.app-documents .btn-emphasized:hover .media > .pull-right,
.app-documents .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-documents .fadedown .btn-emphasized:hover .media > .pull-right,
.app-documents .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #007999;
}
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-documents .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #009EE3;
}
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-documents .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-documents .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #007999;
}
.app-documents .fadedown:not(.open) .only-open {
  display: none;
}
.app-documents .btn-emphasized .media > .pull-left:empty,
.app-documents .btn-emphasized .media > .pull-right:empty,
.app-documents .btn-appnavi .media > .pull-left:empty,
.app-documents .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-documents .btn-emphasized .media > .pull-left.btn-default:empty,
.app-documents .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-documents.appnavi-listelement a {
  background-color: #009EE3;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-documents.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-documents.appnavi-listelement:hover a,
.app-documents.appnavi-listelement.active a {
  background-color: #007999;
}
.app-poll {
  /* spaces below element */
}
.app-poll .btn-emphasized .media,
.app-poll .btn-appnavi .media,
.app-poll .btn-emphasized .media > .media-body,
.app-poll .btn-appnavi .media > .media-body,
.app-poll .btn-emphasized .media > .pull-right,
.app-poll .btn-emphasized.btn-icon-only .media > .pull-left,
.app-poll .btn-appnavi .media > .pull-left,
.app-poll .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #3AB0AF;
}
.app-poll .btn-extra-emphasized .media,
.app-poll .btn-emphasized:hover .media,
.app-poll .fadedown.open .btn-emphasized.w100 .media,
.app-poll .btn-appnavi:hover .media,
.app-poll .btn-emphasized:hover .media > .media-body,
.app-poll .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-poll .btn-appnavi:hover .media > .media-body,
.app-poll .btn-extra-emphasized .media > .media-body,
.app-poll .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-poll .btn-emphasized:hover .media > .pull-left,
.app-poll .media > .pull-left.btn-emphasized,
.app-poll .btn-appnavi .media > .pull-left:first-child,
.app-poll .btn-appnavi:hover .media > .pull-left,
.app-poll .btn-extra-emphasized .media > .pull-left,
.app-poll .media-list > .media > .pull-left.btn-extra-emphasized,
.app-poll .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-poll .btn-extra-emphasized .media > .pull-right,
.app-poll .media-list > .media > .btn-extra-emphasized.pull-right,
.app-poll .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-poll .fadedown .btn-extra-emphasized .media > .pull-right,
.app-poll .btn-emphasized:hover .media > .pull-right,
.app-poll .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-poll .fadedown .btn-emphasized:hover .media > .pull-right,
.app-poll .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #2d8a89;
}
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-poll .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #3AB0AF;
}
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-poll .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-poll .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #2d8a89;
}
.app-poll .fadedown:not(.open) .only-open {
  display: none;
}
.app-poll .btn-emphasized .media > .pull-left:empty,
.app-poll .btn-emphasized .media > .pull-right:empty,
.app-poll .btn-appnavi .media > .pull-left:empty,
.app-poll .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-poll .btn-emphasized .media > .pull-left.btn-default:empty,
.app-poll .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-poll.appnavi-listelement a {
  background-color: #3AB0AF;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-poll.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-poll.appnavi-listelement:hover a,
.app-poll.appnavi-listelement.active a {
  background-color: #2d8a89;
}
.app-marketplace {
  /* spaces below element */
}
.app-marketplace .btn-emphasized .media,
.app-marketplace .btn-appnavi .media,
.app-marketplace .btn-emphasized .media > .media-body,
.app-marketplace .btn-appnavi .media > .media-body,
.app-marketplace .btn-emphasized .media > .pull-right,
.app-marketplace .btn-emphasized.btn-icon-only .media > .pull-left,
.app-marketplace .btn-appnavi .media > .pull-left,
.app-marketplace .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #589A79;
}
.app-marketplace .btn-extra-emphasized .media,
.app-marketplace .btn-emphasized:hover .media,
.app-marketplace .fadedown.open .btn-emphasized.w100 .media,
.app-marketplace .btn-appnavi:hover .media,
.app-marketplace .btn-emphasized:hover .media > .media-body,
.app-marketplace .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-marketplace .btn-appnavi:hover .media > .media-body,
.app-marketplace .btn-extra-emphasized .media > .media-body,
.app-marketplace .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-marketplace .btn-emphasized:hover .media > .pull-left,
.app-marketplace .media > .pull-left.btn-emphasized,
.app-marketplace .btn-appnavi .media > .pull-left:first-child,
.app-marketplace .btn-appnavi:hover .media > .pull-left,
.app-marketplace .btn-extra-emphasized .media > .pull-left,
.app-marketplace .media-list > .media > .pull-left.btn-extra-emphasized,
.app-marketplace .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-marketplace .btn-extra-emphasized .media > .pull-right,
.app-marketplace .media-list > .media > .btn-extra-emphasized.pull-right,
.app-marketplace .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-marketplace .fadedown .btn-extra-emphasized .media > .pull-right,
.app-marketplace .btn-emphasized:hover .media > .pull-right,
.app-marketplace .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-marketplace .fadedown .btn-emphasized:hover .media > .pull-right,
.app-marketplace .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #457a60;
}
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-marketplace .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #589A79;
}
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-marketplace .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-marketplace .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #457a60;
}
.app-marketplace .fadedown:not(.open) .only-open {
  display: none;
}
.app-marketplace .btn-emphasized .media > .pull-left:empty,
.app-marketplace .btn-emphasized .media > .pull-right:empty,
.app-marketplace .btn-appnavi .media > .pull-left:empty,
.app-marketplace .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-marketplace .btn-emphasized .media > .pull-left.btn-default:empty,
.app-marketplace .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-marketplace.appnavi-listelement a {
  background-color: #589A79;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-marketplace.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-marketplace.appnavi-listelement:hover a,
.app-marketplace.appnavi-listelement.active a {
  background-color: #457a60;
}
.app-message {
  /* spaces below element */
}
.app-message .btn-emphasized .media,
.app-message .btn-appnavi .media,
.app-message .btn-emphasized .media > .media-body,
.app-message .btn-appnavi .media > .media-body,
.app-message .btn-emphasized .media > .pull-right,
.app-message .btn-emphasized.btn-icon-only .media > .pull-left,
.app-message .btn-appnavi .media > .pull-left,
.app-message .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #16778D;
}
.app-message .btn-extra-emphasized .media,
.app-message .btn-emphasized:hover .media,
.app-message .fadedown.open .btn-emphasized.w100 .media,
.app-message .btn-appnavi:hover .media,
.app-message .btn-emphasized:hover .media > .media-body,
.app-message .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-message .btn-appnavi:hover .media > .media-body,
.app-message .btn-extra-emphasized .media > .media-body,
.app-message .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-message .btn-emphasized:hover .media > .pull-left,
.app-message .media > .pull-left.btn-emphasized,
.app-message .btn-appnavi .media > .pull-left:first-child,
.app-message .btn-appnavi:hover .media > .pull-left,
.app-message .btn-extra-emphasized .media > .pull-left,
.app-message .media-list > .media > .pull-left.btn-extra-emphasized,
.app-message .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-message .btn-extra-emphasized .media > .pull-right,
.app-message .media-list > .media > .btn-extra-emphasized.pull-right,
.app-message .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-message .fadedown .btn-extra-emphasized .media > .pull-right,
.app-message .btn-emphasized:hover .media > .pull-right,
.app-message .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-message .fadedown .btn-emphasized:hover .media > .pull-right,
.app-message .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #104A59;
}
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-message .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #16778D;
}
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-message .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-message .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #104A59;
}
.app-message .fadedown:not(.open) .only-open {
  display: none;
}
.app-message .btn-emphasized .media > .pull-left:empty,
.app-message .btn-emphasized .media > .pull-right:empty,
.app-message .btn-appnavi .media > .pull-left:empty,
.app-message .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-message .btn-emphasized .media > .pull-left.btn-default:empty,
.app-message .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-message.appnavi-listelement a {
  background-color: #16778D;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-message.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-message.appnavi-listelement:hover a,
.app-message.appnavi-listelement.active a {
  background-color: #104A59;
}
.app-todos {
  /* spaces below element */
}
.app-todos .btn-emphasized .media,
.app-todos .btn-appnavi .media,
.app-todos .btn-emphasized .media > .media-body,
.app-todos .btn-appnavi .media > .media-body,
.app-todos .btn-emphasized .media > .pull-right,
.app-todos .btn-emphasized.btn-icon-only .media > .pull-left,
.app-todos .btn-appnavi .media > .pull-left,
.app-todos .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #CAA64A;
}
.app-todos .btn-extra-emphasized .media,
.app-todos .btn-emphasized:hover .media,
.app-todos .fadedown.open .btn-emphasized.w100 .media,
.app-todos .btn-appnavi:hover .media,
.app-todos .btn-emphasized:hover .media > .media-body,
.app-todos .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-todos .btn-appnavi:hover .media > .media-body,
.app-todos .btn-extra-emphasized .media > .media-body,
.app-todos .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-todos .btn-emphasized:hover .media > .pull-left,
.app-todos .media > .pull-left.btn-emphasized,
.app-todos .btn-appnavi .media > .pull-left:first-child,
.app-todos .btn-appnavi:hover .media > .pull-left,
.app-todos .btn-extra-emphasized .media > .pull-left,
.app-todos .media-list > .media > .pull-left.btn-extra-emphasized,
.app-todos .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-todos .btn-extra-emphasized .media > .pull-right,
.app-todos .media-list > .media > .btn-extra-emphasized.pull-right,
.app-todos .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-todos .fadedown .btn-extra-emphasized .media > .pull-right,
.app-todos .btn-emphasized:hover .media > .pull-right,
.app-todos .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-todos .fadedown .btn-emphasized:hover .media > .pull-right,
.app-todos .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #ae8b33;
}
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-todos .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #CAA64A;
}
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-todos .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-todos .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #ae8b33;
}
.app-todos .fadedown:not(.open) .only-open {
  display: none;
}
.app-todos .btn-emphasized .media > .pull-left:empty,
.app-todos .btn-emphasized .media > .pull-right:empty,
.app-todos .btn-appnavi .media > .pull-left:empty,
.app-todos .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-todos .btn-emphasized .media > .pull-left.btn-default:empty,
.app-todos .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-todos.appnavi-listelement a {
  background-color: #CAA64A;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-todos.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-todos.appnavi-listelement:hover a,
.app-todos.appnavi-listelement.active a {
  background-color: #ae8b33;
}
.app-etherpad {
  /* spaces below element */
}
.app-etherpad .btn-emphasized .media,
.app-etherpad .btn-appnavi .media,
.app-etherpad .btn-emphasized .media > .media-body,
.app-etherpad .btn-appnavi .media > .media-body,
.app-etherpad .btn-emphasized .media > .pull-right,
.app-etherpad .btn-emphasized.btn-icon-only .media > .pull-left,
.app-etherpad .btn-appnavi .media > .pull-left,
.app-etherpad .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #B85042;
}
.app-etherpad .btn-extra-emphasized .media,
.app-etherpad .btn-emphasized:hover .media,
.app-etherpad .fadedown.open .btn-emphasized.w100 .media,
.app-etherpad .btn-appnavi:hover .media,
.app-etherpad .btn-emphasized:hover .media > .media-body,
.app-etherpad .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-etherpad .btn-appnavi:hover .media > .media-body,
.app-etherpad .btn-extra-emphasized .media > .media-body,
.app-etherpad .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-etherpad .btn-emphasized:hover .media > .pull-left,
.app-etherpad .media > .pull-left.btn-emphasized,
.app-etherpad .btn-appnavi .media > .pull-left:first-child,
.app-etherpad .btn-appnavi:hover .media > .pull-left,
.app-etherpad .btn-extra-emphasized .media > .pull-left,
.app-etherpad .media-list > .media > .pull-left.btn-extra-emphasized,
.app-etherpad .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-etherpad .btn-extra-emphasized .media > .pull-right,
.app-etherpad .media-list > .media > .btn-extra-emphasized.pull-right,
.app-etherpad .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-etherpad .fadedown .btn-extra-emphasized .media > .pull-right,
.app-etherpad .btn-emphasized:hover .media > .pull-right,
.app-etherpad .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-etherpad .fadedown .btn-emphasized:hover .media > .pull-right,
.app-etherpad .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #924035;
}
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-etherpad .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #B85042;
}
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-etherpad .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-etherpad .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #924035;
}
.app-etherpad .fadedown:not(.open) .only-open {
  display: none;
}
.app-etherpad .btn-emphasized .media > .pull-left:empty,
.app-etherpad .btn-emphasized .media > .pull-right:empty,
.app-etherpad .btn-appnavi .media > .pull-left:empty,
.app-etherpad .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-etherpad .btn-emphasized .media > .pull-left.btn-default:empty,
.app-etherpad .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-etherpad.appnavi-listelement a {
  background-color: #B85042;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-etherpad.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-etherpad.appnavi-listelement:hover a,
.app-etherpad.appnavi-listelement.active a {
  background-color: #924035;
}
.app-main-force {
  /* spaces below element */
}
.app-main-force .btn-emphasized .media,
.app-main-force .btn-appnavi .media,
.app-main-force .btn-emphasized .media > .media-body,
.app-main-force .btn-appnavi .media > .media-body,
.app-main-force .btn-emphasized .media > .pull-right,
.app-main-force .btn-emphasized.btn-icon-only .media > .pull-left,
.app-main-force .btn-appnavi .media > .pull-left,
.app-main-force .btn-appnavi .media > .pull-right {
  color: #FFFFFF;
  background-color: #315f72;
}
.app-main-force .btn-extra-emphasized .media,
.app-main-force .btn-emphasized:hover .media,
.app-main-force .fadedown.open .btn-emphasized.w100 .media,
.app-main-force .btn-appnavi:hover .media,
.app-main-force .btn-emphasized:hover .media > .media-body,
.app-main-force .fadedown.open .btn-emphasized.w100 .media > .media-body,
.app-main-force .btn-appnavi:hover .media > .media-body,
.app-main-force .btn-extra-emphasized .media > .media-body,
.app-main-force .btn-emphasized:not(.btn-icon-only) .media > .pull-left,
.app-main-force .btn-emphasized:hover .media > .pull-left,
.app-main-force .media > .pull-left.btn-emphasized,
.app-main-force .btn-appnavi .media > .pull-left:first-child,
.app-main-force .btn-appnavi:hover .media > .pull-left,
.app-main-force .btn-extra-emphasized .media > .pull-left,
.app-main-force .media-list > .media > .pull-left.btn-extra-emphasized,
.app-main-force .media-list > .media > .pull-left.btn-extra-emphasized:empty,
.app-main-force .btn-extra-emphasized .media > .pull-right,
.app-main-force .media-list > .media > .btn-extra-emphasized.pull-right,
.app-main-force .fadedown.open .btn-extra-emphasized.w100 .media > .pull-right,
.app-main-force .fadedown .btn-extra-emphasized .media > .pull-right,
.app-main-force .btn-emphasized:hover .media > .pull-right,
.app-main-force .fadedown.open .btn-emphasized.w100 .media > .pull-right,
.app-main-force .fadedown .btn-emphasized:hover .media > .pull-right,
.app-main-force .btn-appnavi:hover .media > .pull-right {
  color: #FFFFFF;
  background-color: #22414e;
}
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized .media,
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .media-body,
.app-main-force .fadedown.open .btn-extra-emphasized.w100.keep-emphasized .media > .pull-right,
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized .media > .pull-right {
  background-color: #315f72;
}
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media,
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .media-body,
.app-main-force .fadedown.open .btn-extra-emphasized.w100.keep-emphasized:hover .media > .pull-right,
.app-main-force .fadedown.open .btn-emphasized.w100.keep-emphasized:hover .media > .pull-right {
  background-color: #22414e;
}
.app-main-force .fadedown:not(.open) .only-open {
  display: none;
}
.app-main-force .btn-emphasized .media > .pull-left:empty,
.app-main-force .btn-emphasized .media > .pull-right:empty,
.app-main-force .btn-appnavi .media > .pull-left:empty,
.app-main-force .btn-appnavi .media > .pull-right:empty {
  background-color: transparent;
  color: inherit;
}
.app-main-force .btn-emphasized .media > .pull-left.btn-default:empty,
.app-main-force .btn-emphasized .media > .pull-right.btn-default:empty {
  background-color: #DBDBDB;
}
.app-main-force.appnavi-listelement a {
  background-color: #315f72;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
}
.app-main-force.appnavi-listelement a i {
  font-size: 17px;
  margin-right: 7px;
}
.app-main-force.appnavi-listelement:hover a,
.app-main-force.appnavi-listelement.active a {
  background-color: #22414e;
}
.media-body {
  position: relative;
  white-space: nowrap;
}
.media-body a.annotation,
.media-body span.annotation {
  width: auto;
  float: right;
  font-size: 11px;
}
.media-body div.annotation {
  color: #949494;
  text-align: right;
  font-size: 11px;
}
.media-body a + a {
  margin-left: 7px;
}
.media-body p a + a {
  margin-left: 0;
}
.media-body a.pull-right + a,
.media-body span.pull-right + span {
  margin-left: 0;
}
.media-body a.pull-right + a.pull-right,
.media-body span.pull-right + span.pull-right {
  margin-right: 7px;
}
.media-body > a,
.media-body > span {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.media-body.media-body-normalwrap {
  white-space: normal;
}
.media-body p {
  line-height: 1.2em;
  white-space: normal;
  padding: 0;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
}
.media-body p.meta-attribute {
  font-size: 12px;
  line-height: 17px;
}
.btn-emphasized .form-control,
.btn-extra-emphasized .form-control {
  color: #FFFFFF;
}
.btn-emphasized-strong {
  width: 100%;
  background-color: #097891;
  border-radius: 0;
  color: white;
  padding: 0;
  border-width: 0;
}
.btn-emphasized-strong .media-body {
  padding-top: 8px;
  padding-right: 5px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 23px;
}
a.pull-left {
  cursor: default;
}
.content-box .btn:not(a) {
  cursor: default;
}
.content-box button.btn {
  cursor: pointer;
}
/* Square icon with date. Something like:
	<a class="pull-left square-date-icon" href="#">
		<div>19</div>
		<div>Dez</div>
	</a> */
.square-date-icon div {
  line-height: 1.6em;
  font-size: 0.9em;
}
.square-date-icon div + div {
  font-size: 0.65em;
  line-height: 0.5em;
}
.btn.button-with-title-image:hover {
  color: #FFFFFF;
}
.button-with-title-image {
  position: relative;
  color: #FFFFFF;
}
.button-with-title-image > img {
  width: 100%;
  min-height: 70px;
}
.button-with-title-image > img + div {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(57%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#57000000', GradientType=0);
  /* IE6-9 */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.button-with-title-image > ul.media-list {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}
.button-with-title-image > ul.media-list > li.media {
  background-color: transparent;
}
.button-with-title-image > ul.media-list > li.media > a.pull-right,
.button-with-title-image > ul.media-list > li.media > span.pull-right {
  background-color: transparent;
}
.button-with-title-image > ul.media-list > li.media > div.media-body {
  background-color: transparent;
}
.btn.btn-white .media,
.btn.btn-white .media > .media-body,
.btn.btn-white .media > .media-body > p,
.btn.btn-white .media > .pull-right,
.btn.btn-white .media > .pull-left {
  background-color: white;
  color: #333333;
}
.btn.btn-white a {
  color: #333333;
}
.btn-headline {
  width: 100%;
  margin-left: 0;
  float: none;
  margin: 0;
}
.btn-headline .media > a.pull-left:first-child:empty,
.btn-headline .media > span.pull-left:first-child:empty {
  width: 10px;
}
.btn-headline .media > a.pull-left:not(:first-child),
.btn-headline .media > span.pull-left:not(:first-child) {
  background-color: transparent;
}
.btn-headline .media > a.pull-left,
.btn-headline .media > a.pull-right,
.btn-headline .media > span.pull-left,
.btn-headline .media > span.pull-right {
  height: 50px;
  width: 50px;
  font-size: 28px;
  line-height: 48px;
}
.btn-headline .media > a.pull-left img,
.btn-headline .media > a.pull-right img,
.btn-headline .media > span.pull-left img,
.btn-headline .media > span.pull-right img {
  width: 50px;
}
.btn-headline .media {
  height: 50px;
}
.btn-headline .media-body {
  padding-top: 6px;
  text-align: left;
  font-size: 13px;
  line-height: 1em;
  min-height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -mou-transform: translateY(-50%);
}
.btn-headline .media-body .group-annotation {
  line-height: 1.5em;
}
.btn-headline .media-body .annotation {
  font-size: 12px;
}
.btn-headline .media-body a {
  font-weight: bold;
}
.btn-headline .media-body a.light-link,
.btn-headline .media-body a .light-link {
  font-weight: normal;
}
.btn-small {
  height: 24px;
  margin: 0;
  cursor: pointer !important;
  width: auto;
}
.btn-small .media .pull-left,
.btn-small .media .pull-right {
  height: 24px;
  width: 24px;
  line-height: 24px;
  font-size: 1.2em;
  cursor: pointer !important;
}
.btn-small .media-body {
  line-height: 12px;
  padding: 6px 4px;
  min-height: 24px;
}
.btn-autosize {
  min-width: 14em;
  width: auto;
}
.btn-no-float {
  float: none;
}
a.light-link i {
  display: none;
}
a.light-link:hover i {
  display: inherit;
}
.app-main .btn-headline .media-body .group-annotation {
  color: #407d96;
}
.app-calendar .btn-headline .media-body .group-annotation {
  color: #8f9c70;
}
.app-files .btn-headline .media-body .group-annotation {
  color: #aa4c29;
}
.app-documents .btn-headline .media-body .group-annotation {
  color: #D5F3FF;
}
.app-todos .btn-headline .media-body .group-annotation {
  color: #d6b971;
}
.app-etherpad .btn-headline .media-body .group-annotation {
  color: #c87165;
}
.btn + .btn-headline {
  margin-left: 0;
}
.help-popup-button {
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  color: #949494;
}
.likefollowstar-button-simple .show-selected {
  display: none;
}
.likefollowstar-button-simple.selected .show-unselected {
  display: none;
}
.likefollowstar-button-simple.selected .show-selected {
  display: inherit;
}
.likefollowstar-button-style {
  cursor: pointer;
  margin-right: 20px;
  padding: 5px;
  font-size: 14px;
  color: #333333;
}
.likefollowstar-button-style,
.likefollowstar-button-style:hover {
  text-decoration: none !important;
}
.likefollowstar-button-style:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.likefollowstar-button-style i.fa {
  margin-right: 5px;
}
.likefollowstar-button-style .show-selected {
  display: none;
}
.likefollowstar-button-style.selected .show-unselected {
  display: none;
}
.likefollowstar-button-style.selected .show-selected {
  display: inherit;
}
.no-padding {
  padding: 0;
}
.no-hover:hover {
  background-color: transparent;
  border-radius: 0px;
  outline: none;
}
.apply-color-liked {
  color: #d00800;
}
.likefollowstar-button-success-message-style {
  padding: 8px 5px;
  color: #779b48;
  white-space: normal;
}
/** Rounded buttons */
.rounded-button {
  display: inline-block;
  cursor: pointer;
  height: auto;
  min-height: 34px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none !important;
  margin-right: 10px;
  margin-bottom: 5px;
  /** Action buttons */
  /** Heavy hovers are disabled for mobile because it is really confusing on scrolling over */
  /** Colored submit buttons without hover effect */
  /** Colored action buttons */
  /** Grey action buttons */
}
.rounded-button.pull-right {
  margin-right: 0;
  margin-left: 10px;
  z-index: 1;
}
.rounded-button .rounded-button-inner {
  padding: 0 10px;
  display: inline-block;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.rounded-button .rounded-button-inner i {
  margin-right: 5px;
}
.rounded-button.rounded-button-circular {
  border-radius: 20px;
}
.rounded-button.rounded-button-circular .rounded-button-inner {
  padding: 8px;
}
.rounded-button.rounded-button-circular .rounded-button-inner i {
  margin-right: 0;
}
.rounded-button.rounded-button-icon-only i.fa {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.rounded-button.rounded-button-small {
  font-size: 11px;
  height: 22px;
  line-height: 20px;
  margin-right: 0;
}
.rounded-button.rounded-button-large {
  font-size: 24px;
  height: 42px;
  line-height: 40px;
  border-radius: 6px;
}
.rounded-button.rounded-button-large.rounded-button-circular {
  border-radius: 24px;
}
.rounded-button.shadowed-button {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.rounded-button:focus,
.rounded-button:active {
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.35);
}
.rounded-button.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.rounded-button.button-color-action {
  color: #FFF !important;
  background-color: #34b4b5;
  border: 1px solid #34b4b5;
}
.rounded-button.button-action {
  color: #34b4b5;
  background-color: #FFF;
  border: 1px solid #34b4b5;
}
.rounded-button.button-action.selected {
  color: #FFF;
  background-color: #34b4b5;
  border: 1px solid #34b4b5;
}
@media (min-width: 768px) {
  .rounded-button.button-action:hover {
    color: #FFF;
    background-color: #34b4b5;
    border: 1px solid #34b4b5;
  }
}
.rounded-button.button-action-faded {
  color: #999;
  background-color: #FFF;
  border: 1px solid #DDDDDD;
}
.rounded-button.button-action-faded.selected {
  color: #FFF;
  background-color: #999;
  border: 1px solid #999;
}
@media (min-width: 768px) {
  .rounded-button.button-action-faded:hover {
    color: #FFF;
    background-color: #999;
    border: 1px solid #999;
  }
}
.rounded-button.button-color-topic {
  color: #333;
  background-color: #FFF;
  border: 1px solid #999;
}
.rounded-button.button-color-topic.selected {
  color: #FFF;
  background-color: #999;
}
@media (min-width: 768px) {
  .rounded-button.button-color-topic:hover {
    color: #FFF;
    background-color: #999;
  }
}
.rounded-button.button-color-topic-inverted {
  color: #FFF;
  background-color: #999;
  border: 1px solid #999;
}
.rounded-button.button-color-topic-inverted.selected {
  color: #333;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-topic-inverted:hover {
    color: #333;
    background-color: #FFF;
  }
}
.rounded-button.button-color-events {
  color: #b8c26e;
  background-color: #FFF;
  border: 1px solid #b8c26e;
}
.rounded-button.button-color-events.selected {
  color: #FFF;
  background-color: #b8c26e;
}
@media (min-width: 768px) {
  .rounded-button.button-color-events:hover {
    color: #FFF;
    background-color: #b8c26e;
  }
}
.rounded-button.button-color-events-inverted {
  color: #FFF;
  background-color: #b8c26e;
  border: 1px solid #b8c26e;
}
.rounded-button.button-color-events-inverted.selected {
  color: #b8c26e;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-events-inverted:hover {
    color: #b8c26e;
    background-color: #FFF;
  }
}
.rounded-button.button-color-people {
  color: #e66661;
  background-color: #FFF;
  border: 1px solid #e66661;
}
.rounded-button.button-color-people.selected {
  color: #FFF;
  background-color: #e66661;
}
@media (min-width: 768px) {
  .rounded-button.button-color-people:hover {
    color: #FFF;
    background-color: #e66661;
  }
}
.rounded-button.button-color-people-inverted {
  color: #FFF;
  background-color: #e66661;
  border: 1px solid #e66661;
}
.rounded-button.button-color-people-inverted.selected {
  color: #e66661;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-people-inverted:hover {
    color: #e66661;
    background-color: #FFF;
  }
}
.rounded-button.button-color-projects {
  color: #e69761;
  background-color: #FFF;
  border: 1px solid #e69761;
}
.rounded-button.button-color-projects.selected {
  color: #FFF;
  background-color: #e69761;
}
@media (min-width: 768px) {
  .rounded-button.button-color-projects:hover {
    color: #FFF;
    background-color: #e69761;
  }
}
.rounded-button.button-color-projects-inverted {
  color: #FFF;
  background-color: #e69761;
  border: 1px solid #e69761;
}
.rounded-button.button-color-projects-inverted.selected {
  color: #e69761;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-projects-inverted:hover {
    color: #e69761;
    background-color: #FFF;
  }
}
.rounded-button.button-color-groups {
  color: #92ae76;
  background-color: #FFF;
  border: 1px solid #92ae76;
}
.rounded-button.button-color-groups.selected {
  color: #FFF;
  background-color: #92ae76;
}
@media (min-width: 768px) {
  .rounded-button.button-color-groups:hover {
    color: #FFF;
    background-color: #92ae76;
  }
}
.rounded-button.button-color-groups-inverted {
  color: #FFF;
  background-color: #92ae76;
  border: 1px solid #92ae76;
}
.rounded-button.button-color-groups-inverted.selected {
  color: #92ae76;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-groups-inverted:hover {
    color: #92ae76;
    background-color: #FFF;
  }
}
.rounded-button.button-color-conferences {
  color: #84c1a3;
  background-color: #FFF;
  border: 1px solid #84c1a3;
}
.rounded-button.button-color-conferences.selected {
  color: #FFF;
  background-color: #84c1a3;
}
@media (min-width: 768px) {
  .rounded-button.button-color-conferences:hover {
    color: #FFF;
    background-color: #84c1a3;
  }
}
.rounded-button.button-color-conferences-inverted {
  color: #FFF;
  background-color: #84c1a3;
  border: 1px solid #84c1a3;
}
.rounded-button.button-color-conferences-inverted.selected {
  color: #84c1a3;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-conferences-inverted:hover {
    color: #84c1a3;
    background-color: #FFF;
  }
}
.rounded-button.button-color-ideas {
  color: #e7c76d;
  background-color: #FFF;
  border: 1px solid #e7c76d;
}
.rounded-button.button-color-ideas.selected {
  color: #FFF;
  background-color: #e7c76d;
}
@media (min-width: 768px) {
  .rounded-button.button-color-ideas:hover {
    color: #FFF;
    background-color: #e7c76d;
  }
}
.rounded-button.button-color-ideas-inverted {
  color: #FFF;
  background-color: #e7c76d;
  border: 1px solid #e7c76d;
}
.rounded-button.button-color-ideas-inverted.selected {
  color: #e7c76d;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-ideas-inverted:hover {
    color: #e7c76d;
    background-color: #FFF;
  }
}
.rounded-button.button-color-organizations {
  color: #84c1a3;
  background-color: #FFF;
  border: 1px solid #84c1a3;
}
.rounded-button.button-color-organizations.selected {
  color: #FFF;
  background-color: #84c1a3;
}
@media (min-width: 768px) {
  .rounded-button.button-color-organizations:hover {
    color: #FFF;
    background-color: #84c1a3;
  }
}
.rounded-button.button-color-organizations-inverted {
  color: #FFF;
  background-color: #84c1a3;
  border: 1px solid #84c1a3;
}
.rounded-button.button-color-organizations-inverted.selected {
  color: #84c1a3;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-organizations-inverted:hover {
    color: #84c1a3;
    background-color: #FFF;
  }
}
.rounded-button.button-color-primary {
  color: #0077a4;
  background-color: #FFF;
  border: 1px solid #0077a4;
}
.rounded-button.button-color-primary.selected {
  color: #FFF;
  background-color: #0077a4;
}
@media (min-width: 768px) {
  .rounded-button.button-color-primary:hover {
    color: #FFF;
    background-color: #0077a4;
  }
}
.rounded-button.button-color-primary-inverted {
  color: #FFF;
  background-color: #0077a4;
  border: 1px solid #0077a4;
}
.rounded-button.button-color-primary-inverted.selected {
  color: #0077a4;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-primary-inverted:hover {
    color: #0077a4;
    background-color: #FFF;
  }
}
.rounded-button.button-color-secondary {
  color: #9b9b9b;
  background-color: #FFF;
  border: 1px solid #9b9b9b;
}
.rounded-button.button-color-secondary.selected {
  color: #FFF;
  background-color: #9b9b9b;
}
@media (min-width: 768px) {
  .rounded-button.button-color-secondary:hover {
    color: #FFF;
    background-color: #9b9b9b;
  }
}
.rounded-button.button-color-secondary-inverted {
  color: #FFF;
  background-color: #9b9b9b;
  border: 1px solid #9b9b9b;
}
.rounded-button.button-color-secondary-inverted.selected {
  color: #9b9b9b;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-secondary-inverted:hover {
    color: #9b9b9b;
    background-color: #FFF;
  }
}
.rounded-button.button-color-tertiary {
  color: #9b9b9b;
  background-color: #FFF;
  border: 1px solid #fff;
}
.rounded-button.button-color-tertiary.selected {
  color: #FFF;
  background-color: #fff;
}
@media (min-width: 768px) {
  .rounded-button.button-color-tertiary:hover {
    color: #FFF;
    background-color: #fff;
  }
}
.rounded-button.button-color-tertiary-inverted {
  color: #FFF;
  background-color: #fff;
  border: 1px solid #fff;
}
.rounded-button.button-color-tertiary-inverted.selected {
  color: #9b9b9b;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .rounded-button.button-color-tertiary-inverted:hover {
    color: #9b9b9b;
    background-color: #FFF;
  }
}
@media (min-width: 768px) {
  .rounded-button.button-color-tertiary:hover {
    color: #9b9b9b;
  }
  .rounded-button.button-color-tertiary:hover .rounded-button-inner {
    text-decoration: underline;
  }
}
.pull-right .rounded-button {
  margin-right: 0;
  margin-left: 10px;
}
/*
    Styles for all the form fields used throughout cosinnus.
*/
.cosinnus-form {
  background-color: #FFF;
}
.cosinnus-form h2 {
  margin-top: 4px;
  margin-bottom: 18px;
}
.cosinnus-form hr {
  margin: 30px 0;
  border-top: 1px solid #fff;
}
.cosinnus-field,
.cosinnus-media-field {
  margin-bottom: 7px;
}
.cosinnus-field a,
.cosinnus-media-field a {
  color: #4a4a4a;
}
.cosinnus-field.header-only,
.cosinnus-media-field.header-only {
  margin-bottom: 0;
}
.cosinnus-field label,
.cosinnus-media-field label {
  margin-top: 14px;
  margin-bottom: 6px;
  font-size: 16px;
}
.cosinnus-field .small-label,
.cosinnus-media-field .small-label {
  font-size: 12px;
}
.cosinnus-field label.first,
.cosinnus-media-field label.first {
  margin-top: 0;
}
.cosinnus-field label,
.cosinnus-media-field label {
  color: #333333;
}
.cosinnus-field .field-description,
.cosinnus-media-field .field-description {
  margin-bottom: 5px;
  font-size: 14px;
  color: #5A5A5A;
}
.cosinnus-field .required-label,
.cosinnus-media-field .required-label {
  color: red;
}
.cosinnus-field .cosinnus-field-input,
.cosinnus-media-field .cosinnus-field-input {
  background-color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
}
.cosinnus-field .cosinnus-field-input a,
.cosinnus-media-field .cosinnus-field-input a {
  color: #333333;
}
.cosinnus-field .cosinnus-field-input label,
.cosinnus-media-field .cosinnus-field-input label {
  margin-top: inherit;
}
.cosinnus-field .cosinnus-field-input input,
.cosinnus-media-field .cosinnus-field-input input,
.cosinnus-field .cosinnus-field-input textarea,
.cosinnus-media-field .cosinnus-field-input textarea,
.cosinnus-field .cosinnus-field-input select,
.cosinnus-media-field .cosinnus-field-input select {
  background-color: #FFFFFF;
  font-size: 14px;
  width: 100%;
  border-width: 0;
  line-height: 20px;
  min-height: 40px;
  margin: 0;
  padding: 7px 10px 5px 10px;
  color: #333333;
}
.cosinnus-field .cosinnus-field-input input.missing,
.cosinnus-media-field .cosinnus-field-input input.missing,
.cosinnus-field .cosinnus-field-input textarea.missing,
.cosinnus-media-field .cosinnus-field-input textarea.missing,
.cosinnus-field .cosinnus-field-input select.missing,
.cosinnus-media-field .cosinnus-field-input select.missing,
.cosinnus-field .cosinnus-field-input input.error,
.cosinnus-media-field .cosinnus-field-input input.error,
.cosinnus-field .cosinnus-field-input textarea.error,
.cosinnus-media-field .cosinnus-field-input textarea.error,
.cosinnus-field .cosinnus-field-input select.error,
.cosinnus-media-field .cosinnus-field-input select.error {
  background-color: #ffcccc !important;
}
.cosinnus-field .cosinnus-field-input input:disabled,
.cosinnus-media-field .cosinnus-field-input input:disabled,
.cosinnus-field .cosinnus-field-input textarea:disabled,
.cosinnus-media-field .cosinnus-field-input textarea:disabled,
.cosinnus-field .cosinnus-field-input select:disabled,
.cosinnus-media-field .cosinnus-field-input select:disabled,
.cosinnus-field .cosinnus-field-input .select2-container-disabled,
.cosinnus-media-field .cosinnus-field-input .select2-container-disabled,
.cosinnus-field .cosinnus-field-input .select2-container-disabled .select2-choice,
.cosinnus-media-field .cosinnus-field-input .select2-container-disabled .select2-choice,
.cosinnus-field .cosinnus-field-input .select2-container-disabled input,
.cosinnus-media-field .cosinnus-field-input .select2-container-disabled input {
  background-color: #DBDBDB !important;
}
.cosinnus-field .cosinnus-field-input input,
.cosinnus-media-field .cosinnus-field-input input,
.cosinnus-field .cosinnus-field-input select,
.cosinnus-media-field .cosinnus-field-input select {
  height: 40px;
}
.cosinnus-field .cosinnus-field-input.major-field input,
.cosinnus-media-field .cosinnus-field-input.major-field input,
.cosinnus-field .cosinnus-field-input.major-field select,
.cosinnus-media-field .cosinnus-field-input.major-field select {
  height: 60px;
  font-size: 22px;
}
.cosinnus-field .cosinnus-field-input input:focus,
.cosinnus-media-field .cosinnus-field-input input:focus,
.cosinnus-field .cosinnus-field-input textarea:focus,
.cosinnus-media-field .cosinnus-field-input textarea:focus {
  /* TODO: set outline invisible? */
  outline: 0;
}
.cosinnus-field .cosinnus-field-input select,
.cosinnus-media-field .cosinnus-field-input select {
  cursor: pointer;
}
.cosinnus-field .cosinnus-field-input textarea.textarea-small,
.cosinnus-media-field .cosinnus-field-input textarea.textarea-small {
  height: 40px;
}
.cosinnus-field .cosinnus-field-input input[type="file"],
.cosinnus-media-field .cosinnus-field-input input[type="file"] {
  height: auto;
}
.cosinnus-field .cosinnus-field-input .file-input input,
.cosinnus-media-field .cosinnus-field-input .file-input input {
  display: inline-block;
}
.cosinnus-field .cosinnus-field-input .file-input input[type='checkbox'],
.cosinnus-media-field .cosinnus-field-input .file-input input[type='checkbox'] {
  width: 14px;
  height: 14px;
  min-height: 14px;
  margin-left: 20px;
}
.cosinnus-field .cosinnus-field-input .select2-container,
.cosinnus-media-field .cosinnus-field-input .select2-container {
  width: 100%;
  height: 40px;
}
.cosinnus-field .cosinnus-field-input .select2-container .select2-choice,
.cosinnus-media-field .cosinnus-field-input .select2-container .select2-choice {
  line-height: 40px;
  height: 40px;
  padding: 0 12px;
}
.cosinnus-field .cosinnus-field-input .select2-container .select2-arrow,
.cosinnus-media-field .cosinnus-field-input .select2-container .select2-arrow {
  padding: 10px 0;
}
.cosinnus-field .cosinnus-field-input.large-field .select2-container,
.cosinnus-media-field .cosinnus-field-input.large-field .select2-container {
  height: auto;
}
.cosinnus-field .cosinnus-field-input.triplet-date-field,
.cosinnus-media-field .cosinnus-field-input.triplet-date-field {
  background-color: transparent;
}
.cosinnus-field .cosinnus-field-input.triplet-date-field select,
.cosinnus-media-field .cosinnus-field-input.triplet-date-field select {
  width: 32%;
}
.cosinnus-field .cosinnus-field-input.triplet-date-field select + select,
.cosinnus-media-field .cosinnus-field-input.triplet-date-field select + select {
  margin-left: 2%;
}
.cosinnus-field .cosinnus-field-input.regular-field,
.cosinnus-media-field .cosinnus-field-input.regular-field {
  height: 40px;
}
.cosinnus-field .cosinnus-field-input.major-field,
.cosinnus-media-field .cosinnus-field-input.major-field {
  height: 60px;
}
.cosinnus-field .cosinnus-field-input.checkbox-field,
.cosinnus-media-field .cosinnus-field-input.checkbox-field {
  height: auto;
}
.cosinnus-field .cosinnus-field-input.checkbox-field-no-label,
.cosinnus-media-field .cosinnus-field-input.checkbox-field-no-label {
  background-color: transparent;
  margin-top: 14px;
}
.cosinnus-field .cosinnus-field-input.checkbox-field input,
.cosinnus-media-field .cosinnus-field-input.checkbox-field input {
  width: inherit;
  vertical-align: middle;
  margin: 0 5px 0 10px;
  cursor: pointer;
}
.cosinnus-field .cosinnus-field-input.checkbox-field-no-label input,
.cosinnus-media-field .cosinnus-field-input.checkbox-field-no-label input {
  margin-left: 0;
}
.cosinnus-field .cosinnus-field-input.checkbox-field label,
.cosinnus-media-field .cosinnus-field-input.checkbox-field label {
  cursor: pointer;
  width: 90%;
  word-break: break-word;
  vertical-align: middle;
  margin: 5px 0;
}
.cosinnus-field .cosinnus-field-input.condensed-radio-field,
.cosinnus-media-field .cosinnus-field-input.condensed-radio-field {
  text-align: right;
}
.cosinnus-field .cosinnus-field-input.condensed-radio-field .condensed-radio-input,
.cosinnus-media-field .cosinnus-field-input.condensed-radio-field .condensed-radio-input {
  line-height: 16px;
  margin-left: 8px;
}
.cosinnus-field .cosinnus-field-input.condensed-radio-field label,
.cosinnus-media-field .cosinnus-field-input.condensed-radio-field label {
  font-size: 14px;
  vertical-align: middle;
}
.cosinnus-field .cosinnus-field-input.file-field input,
.cosinnus-media-field .cosinnus-field-input.file-field input {
  height: auto;
  width: auto;
  min-height: auto;
}
.cosinnus-field .cosinnus-field-input.transparent,
.cosinnus-media-field .cosinnus-field-input.transparent {
  background-color: transparent;
}
.cosinnus-field .cosinnus-field-input.heavy-input input,
.cosinnus-media-field .cosinnus-field-input.heavy-input input,
.cosinnus-field .cosinnus-field-input.heavy-input textarea,
.cosinnus-media-field .cosinnus-field-input.heavy-input textarea,
.cosinnus-field .cosinnus-field-input.heavy-input select,
.cosinnus-media-field .cosinnus-field-input.heavy-input select {
  border-width: 1px;
}
.cosinnus-field .disabled-field-area,
.cosinnus-media-field .disabled-field-area {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.cosinnus-field .disabled-field-area input,
.cosinnus-media-field .disabled-field-area input,
.cosinnus-field .disabled-field-area textarea,
.cosinnus-media-field .disabled-field-area textarea,
.cosinnus-field .disabled-field-area select,
.cosinnus-media-field .disabled-field-area select,
.cosinnus-field .disabled-field-area .select2-container,
.cosinnus-media-field .disabled-field-area .select2-container,
.cosinnus-field .disabled-field-area .select2-container .select2-choice,
.cosinnus-media-field .disabled-field-area .select2-container .select2-choice,
.cosinnus-field .disabled-field-area .select2-container input,
.cosinnus-media-field .disabled-field-area .select2-container input {
  background-color: #DBDBDB !important;
}
/* Other cosinnus apps' field classes */
.cosinnus-field-input.doodle-select-dates-field input {
  border: 1px solid #DBDBDB;
}
/* Third-party field-specific overrides */
.cosinnus-field-input input.osmfield-input {
  width: 100% !important;
}
.cosinnus-field-input input.select2-input {
  padding: 7px 10px 5px 10px !important;
}
.cosinnus-field-input .select2-search-choice {
  margin-top: 10px !important;
  margin-left: 10px !important;
}
.cosinnus-field-input .awesome-avatar-widget {
  background-color: #FFFFFF !important;
}
.media-body input.osmfield-input {
  width: auto !important;
  margin: 0px -5px;
  padding: 0px 10px;
}
.media-body input.osmfield-input:focus {
  /* TODO: set outline invisible? */
  outline: 0;
}
.cosinnus-field .captcha-field {
  display: flex;
}
.cosinnus-field .captcha-field img {
  flex-basis: 100px;
}
.cosinnus-field .captcha-field input {
  flex-grow: 1;
  flex-basis: 100px;
  width: 100px;
  /** fallback for non-flex browsers**/
}
.item_checkbox_overlay_box {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.85) !important;
  color: #333 !important;
  display: none;
}
.item_checkbox_element:hover .item_checkbox_overlay_box,
.item_checkbox_overlay_box.checkbox-checked,
.item_checkbox_overlay_box:hover {
  display: inherit;
  cursor: pointer;
}
/** .conditional-select-container are shown/hidden using JS
	depending on the value of a .conditional-select select field. They are hidden by default so they do not all show up
	on page load.
	Example: <div class="conditional-select" data-select-name="payment_type" data-select-value="dd">
 */
.conditional-select-container {
  display: none;
}
.checkbox-multiple {
  background-color: white;
}
.checkbox-multiple ul {
  list-style: none;
  padding: 7px 10px 5px 10px;
}
.checkbox-multiple .extra-text {
  text-align: end;
  padding: 7px 10px 5px 10px;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../css/fonts/open-sans/OpenSans-Bold.eot');
  src: url('../css/fonts/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/open-sans/OpenSans-Bold.woff') format('woff'), url('../css/fonts/open-sans/OpenSans-Bold.ttf') format('truetype'), url('../css/fonts/open-sans/OpenSans-Bold.svg#OpenSansBold') format('svg');
}
body.cosinnus-cms {
  padding-bottom: 0;
  background-image: url("../img/headerback.jpg");
  background-size: cover;
}
body.cosinnus-cms h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  margin: 30px 0 20px 0;
  padding: 0;
  color: inherit;
  text-transform: uppercase;
  font-size: 25px;
}
@media (min-width: 992px) {
  body.cosinnus-cms h1 {
    font-size: 45px;
  }
}
body.cosinnus-cms h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 22px;
  margin: 20px 0 10px 0;
  color: inherit;
}
body.cosinnus-cms .big-headers h1 {
  font-weight: bold;
  font-size: 40px;
}
@media (min-width: 992px) {
  body.cosinnus-cms .big-headers h1 {
    font-size: 110px;
  }
}
body.cosinnus-cms .big-headers h2 {
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  body.cosinnus-cms .big-headers h2 {
    font-size: 45px;
  }
}
.cms-content {
  color: #FFFFFF;
  font-size: 15px;
}
.cms-content a,
.cms-content a:hover {
  color: #FFFFFF;
}
.cms-content p {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  padding: 0;
}
.overlay-box {
  color: #333333;
  padding: 20px 0;
}
.overlay-box a,
.overlay-box a:hover {
  color: black;
  font-weight: bold;
}
.overlay-box h1 a,
.overlay-box h2 a,
.overlay-box h3 a {
  color: #333333;
}
.overlay-box-white {
  background-color: rgba(255, 255, 255, 0.65);
}
.overlay-box-gray {
  background-color: rgba(212, 212, 212, 0.65);
}
.overlay-box-side-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.cms-footer {
  font-size: 10px;
}
.cms-footer p {
  text-align: justify;
  color: black;
  font-size: inherit;
}
.cms-footer a {
  color: black;
  font-weight: bold;
}
.jumbo-box h3 {
  color: #000;
}
.richtext-image {
  display: block;
  max-width: 100%;
  height: auto;
}
/* Classes that can be found in many pages and are not part of Twitter Bootstrap */
.w100 {
  width: 100% !important;
  margin: 0;
  float: none;
}
html {
  overflow-y: scroll;
  min-height: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  position: relative;
}
.container {
  padding-bottom: 30px;
}
body .fine-space,
body .fine-space.form-control {
  border-bottom: 1px solid #DBDBDB;
}
body .form-control-heavy {
  border: 1px solid #DBDBDB;
}
body .small-space {
  margin-bottom: 4px;
}
body .regular-space {
  margin-bottom: 7px;
}
body .large-space {
  margin-bottom: 12px;
}
body .ultra-space {
  margin-bottom: 30px;
}
.navbar-fixed-top {
  font-size: 1.2em;
}
.navbar-fixed-top img {
  width: 35px;
  margin: -10px 5px -10px 0;
}
.content-box {
  padding: 15px;
  background-color: rgba(219, 219, 219, 0.5);
}
.content-box:before,
.content-box:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.content-box:after {
  clear: both;
}
.content-box .btn.w100 {
  text-align: left;
}
/* input-area is an OL of input elements.
	It looks like a white box full of inputs with gray vertical and horizontal separators.
*/
.input-area {
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #333333;
  list-style: none;
  padding: 0;
}
.input-area:before,
.input-area:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-area:after {
  clear: both;
}
.input-area + .input-area {
  border-top: 1px solid #DBDBDB;
}
.input-area > li {
  min-height: 40px;
  line-height: 25px;
  padding: 4px 7px;
  display: inline-block;
  float: left;
  white-space: normal;
  color: #333333;
}
.input-area > li + li {
  border-left: 1px solid #DBDBDB;
}
.input-area > li.w100 {
  padding-right: 20px;
}
.input-area > li.w100 > i {
  vertical-align: top;
  margin-top: 6px;
}
.input-area > li.w100 > i + .select2-container {
  width: 100%;
  margin-left: -1px;
}
.input-area > li.w100 textarea {
  margin-left: 6px;
  padding-top: 5px;
}
.input-area > li > a > i {
  color: #333333;
  font-size: 1.5em;
  line-height: 25px;
}
.input-area > li.input-area-privacy-selector {
  float: right;
}
.input-area > li.input-area-privacy-selector a {
  color: #333333;
}
.input-area > li.input-area-privacy-selector a:hover,
.input-area > li.input-area-privacy-selector a:active,
.input-area > li.input-area-privacy-selector a:focus {
  text-decoration: none;
}
.input-area > li.input-area-lighter a i {
  color: #949494;
}
.input-area > li.input-area-lighter a i:hover,
.input-area > li.input-area-lighter a i:active,
.input-area > li.input-area-lighter a i:focus {
  color: #333333;
}
.input-area.input-area-left-column li {
  border-width: 0;
}
.dashboard-appwidget .input-area li textarea {
  height: 7em;
  line-height: 1.3em;
}
/* The serachbar in the fixed top navigation */
#searchbar {
  padding: 15px 15px 6px 10px;
  white-space: nowrap;
  color: #333333;
  font-size: 1.1em;
  cursor: text;
}
#searchbar.expanded {
  background-color: #FFFFFF;
}
#searchbar input {
  width: 0px;
  display: inline;
  margin-top: -10px;
  color: transparent;
  border-width: 0;
}
#searchbar.expanded input {
  width: 125px;
  transition: all 200ms linear;
  color: #333333;
  box-shadow: none;
}
#searchbar i.fa-search {
  cursor: pointer;
}
.fadedown:before,
.fadedown:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.fadedown:after {
  clear: both;
}
p.navi-explanation {
  background-color: transparent;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 8px 0;
}
.bottom-align {
  position: absolute;
  right: 0;
  bottom: 0;
}
ul.errorlist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  clear: both;
  background-color: #E55C55;
}
ul.errorlist li {
  padding: 7px 10px 7px 10px;
  margin: 0 0 0 18px;
  color: #FFFFFF;
  line-height: 22px;
  font-size: 14px;
}
ul.errorlist li:before {
  font-family: 'FontAwesome';
  content: '\f071';
  margin: 0 7px 0 -18px;
}
.panel .panel-heading {
  cursor: pointer;
  padding: 0;
}
.panel .panel-heading .panel-title {
  padding: 10px 15px;
  font-size: 16px;
}
.panel .panel-heading .panel-title:not(.collapsed) .panel-collapsed {
  display: none;
}
.panel .panel-heading .panel-title.collapsed .panel-open {
  display: none;
}
.panel-default {
  border: none;
  border-left: 3px solid whitesmoke;
  margin-bottom: 12px !important;
  background-color: transparent;
}
.panel-default.large-space {
  margin-bottom: 20px !important;
}
#map {
  height: 100px;
}
#map.large {
  height: 500px;
}
.app-main .app-background {
  background-color: #315f72;
}
.app-main .app-background-light {
  background-color: #407d96;
}
.app-main .app-background-dark {
  background-color: #22414e;
}
.app-calendar .app-background {
  background-color: #758059;
}
.app-calendar .app-background-light {
  background-color: #8f9c70;
}
.app-calendar .app-background-dark {
  background-color: #5a6244;
}
.app-cloud .app-background {
  background-color: #813A1F;
}
.app-cloud .app-background-light {
  background-color: #aa4c29;
}
.app-cloud .app-background-dark {
  background-color: #582815;
}
.app-files .app-background {
  background-color: #813A1F;
}
.app-files .app-background-light {
  background-color: #aa4c29;
}
.app-files .app-background-dark {
  background-color: #582815;
}
.app-documents .app-background {
  background-color: #009EE3;
}
.app-documents .app-background-light {
  background-color: #D5F3FF;
}
.app-documents .app-background-dark {
  background-color: #007999;
}
.app-poll .app-background {
  background-color: #3AB0AF;
}
.app-poll .app-background-light {
  background-color: #56c7c6;
}
.app-poll .app-background-dark {
  background-color: #2d8a89;
}
.app-marketplace .app-background {
  background-color: #589A79;
}
.app-marketplace .app-background-light {
  background-color: #75b093;
}
.app-marketplace .app-background-dark {
  background-color: #457a60;
}
.app-message .app-background {
  background-color: #16778D;
}
.app-message .app-background-light {
  background-color: #CBE7ED;
}
.app-message .app-background-dark {
  background-color: #104A59;
}
.app-todos .app-background {
  background-color: #CAA64A;
}
.app-todos .app-background-light {
  background-color: #d6b971;
}
.app-todos .app-background-dark {
  background-color: #ae8b33;
}
.app-etherpad .app-background {
  background-color: #B85042;
}
.app-etherpad .app-background-light {
  background-color: #c87165;
}
.app-etherpad .app-background-dark {
  background-color: #924035;
}
.font11px {
  font-size: 11px !important;
}
.font12px {
  font-size: 12px !important;
}
.font14px {
  font-size: 14px !important;
}
.nounderline {
  text-decoration: none !important;
}
.no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
.no-horizontal-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.comment-background,
.comment-background p {
  background-color: #EBF5F7 !important;
}
.indented {
  padding-left: 40px;
}
.extra-indented {
  padding-left: 50px;
}
.no-indent .indented,
.no-indent .extra-indented {
  padding-left: 0;
}
.underlined {
  text-decoration: underline !important;
}
.light-color {
  color: #DBDBDB !important;
}
.dark-color,
.dark-color a {
  color: #333333 !important;
}
.small-padding {
  padding: 3px 5px 3px 5px;
}
.inline-list {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.inline-list-input {
  float: left;
  padding-right: 10px;
}
.nowrap {
  white-space: nowrap;
}
.autowidth {
  width: auto !important;
}
.position-relative {
  position: relative;
}
textarea,
input.form-control {
  font-size: 14px;
}
.well-document {
  color: #333333;
  padding: 10px;
}
.well-document a {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
.well-document a:hover {
  text-decoration: none;
}
.portal-inlink {
  margin-left: 0px !important;
}
a.portal-inlink:hover img {
  background-color: rgba(255, 255, 255, 0.5);
}
.form-control-focus-emphasized:focus {
  background-color: white;
  color: #333333;
}
.progressbar {
  height: 14px;
  width: 160px;
  position: relative;
  background: #FFF;
  border: 1px solid #333;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.progressbar > span {
  display: block;
  height: 12px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #813A1F;
  position: relative;
  overflow: hidden;
}
.file-upload-overlay {
  position: relative;
  clear: right;
  display: inline;
  padding-top: 2px;
  cursor: pointer;
}
.file-upload-overlay input[type="file"] {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  float: left;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.cms-content span.file img,
.cms-content span.file span.filesize {
  display: none;
}
.dropzone {
  padding: 5px;
  overflow: hidden;
}
.dropzone.in {
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-size: 22px;
}
.dropzone.in .file-upload-overlay {
  display: none !important;
}
.dropzone.hover {
  background-color: #DDDDDD;
}
.group-gallery-item {
  background-color: #FFF;
}
.group-gallery-item .group-gallery-item-image {
  width: 100%;
  height: auto;
  display: block;
}
.group-gallery-item p {
  padding: 15px 10px;
  font-weight: bold;
}
/* A bootstrap .row with added .vertical-align class 
	will display its .col classes vertically aligned */
.vertical-align {
  display: flex;
  flex-direction: row;
}
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
}
.condensed-radio-input {
  display: inline-block;
}
.condensed-radio-input label {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.condensed-radio-input label input {
  display: none;
}
.condensed-radio-input label input + span {
  border: 1px solid #315f72;
  border-width: 1px 1px 1px 0;
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  background-color: white;
  color: #315f72;
  cursor: pointer;
}
.condensed-radio-input label input + span:hover,
.condensed-radio-input label input + span:focus,
.condensed-radio-input label input + span:active {
  color: #22414e;
  border-color: #22414e;
  background-color: #407d96;
}
.condensed-radio-input label input:checked + span {
  background-image: none;
  background-color: #315f72;
  color: white;
  cursor: default;
}
.condensed-radio-input label input:checked + span:hover,
.condensed-radio-input label input:checked + span:focus,
.condensed-radio-input label input:checked + span:active {
  border-color: #22414e;
}
.condensed-radio-input label:first-child input + span {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.condensed-radio-input label:last-child input + span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.btn-icon-only {
  width: 40px;
}
.btn-icon-only div.media-body {
  display: none;
}
.btn-icon-only a {
  cursor: pointer;
}
.btn-icon-only + .btn-icon-only {
  margin-right: 1px;
}
.btn-icon-only.pull-left {
  margin: 0 10px 0 0;
}
.help-popup-text {
  font-size: 14px;
}
/* The frame for the move-to-folder modal `move_element_modal.html` */
#jstree_move_div {
  overflow: auto;
  max-height: 400px;
}
.scrollable-dropdown,
.scrollable-dropdown-desktop-only {
  overflow-y: auto;
  max-height: 500px;
}
@media (max-width: 767px) {
  .scrollable-dropdown-desktop-only {
    overflow-y: initial;
    max-height: initial;
  }
}
.group-microsite-share-buttons {
  float: left;
  display: block;
}
.group-microsite-created-updated-timestamp {
  float: left;
  display: block;
  margin-left: 27%;
}
@media (max-width: 991px) {
  .group-microsite-created-updated-timestamp {
    margin-left: 66%;
  }
}
@media (max-width: 739px) {
  .group-microsite-created-updated-timestamp {
    margin-left: 78%;
  }
}
.map-search-report-object {
  float: left;
  display: block;
}
.map-search-created-updated-timestamps {
  float: left;
  display: block;
  margin-left: 15%;
  padding: 0px !important;
}
.conference-microsite-created-updated-timestamp {
  margin-left: 72%;
}
.microsite-contact-button {
  white-space: normal;
  line-height: 13px;
  padding: 9px 10px 7px 10px;
}
/** User-matching */
.user-match .card h5 {
  color: #9b9b9b;
}
body div .select2-container .select2-choice,
body div .select2-container-multi .select2-choices {
  border-width: 0;
  background-image: none;
  min-width: 8em;
  background-color: transparent;
}
body div .select2-container .select2-choice .select2-arrow {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
body div .select2-container .select2-choice .select2-arrow b {
  background-position: 0 -2px;
}
body div .select2-container .select2-choice:hover {
  background-color: #dbdbdb;
}
body div .select2-container.select2-dropdown-open {
  background-color: #DBDBDB;
}
body div .select2-container .select2-choice {
  line-height: inherit;
  border-radius: 0;
}
body div .select2-container .select2-choice .select2-chosen {
  color: #333333;
  font-size: 12px;
  text-align: left;
}
body div .select2-container .select2-choice .select2-arrow {
  color: #333333;
}
body div .select2-container .select2-choice .select2-search-choice-close {
  top: 14px;
}
body div .select2-container .select2-search-choice div {
  line-height: 20px;
  font-size: 16px;
}
body div .select2-container .select2-search-choice .select2-search-choice-close {
  top: 7px;
}
body div .media-body .select2-container {
  margin-top: -2px;
  margin-bottom: -5px;
}
body div .select2-dropdown-open.select2-drop-above .select2-choice,
body div .select2-dropdown-open.select2-drop-above .select2-choices,
body div .select2-container-multi.select2-container-active .select2-choices,
body div .select2-container-multi.select2-container-active .select2-choice,
body div .select2-drop.select2-drop-above.select2-drop-active,
body div .select2-container-active .select2-choice,
body div .select2-container-active .select2-choices,
body div .select2-drop-active {
  border-width: 0;
  background-color: #FFFFFF;
}
body div .select2-results .select2-highlighted {
  background-color: #DBDBDB;
  color: #FFFFFF;
}
body div .select2-container-multi .select2-choices .select2-search-choice {
  border-width: 0;
  background-image: none;
  background-color: #DBDBDB;
  color: #333333;
  margin: 3px 3px 3px 5px;
}
body div .select2-container-multi.select2-container-active .select2-choices {
  -webkit-box-shadow: none;
  box-shadow: none;
}
body div .select2-container.select2-container-multi {
  width: auto;
}
body div .select2-container.select2-container-multi.w100 {
  width: 100%;
}
body div .attachments-selector {
  min-width: 15em;
}
body div .attachment-icon {
  height: 22px;
  display: inline-block;
}
body div .app-main-attachment,
body div .btn-default .media > .media-body .app-main-attachment {
  background-color: #315f72;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-main-attachment img,
body div .btn-default .media > .media-body .app-main-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-calendar-attachment,
body div .btn-default .media > .media-body .app-calendar-attachment {
  background-color: #758059;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-calendar-attachment img,
body div .btn-default .media > .media-body .app-calendar-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-cloud-attachment,
body div .btn-default .media > .media-body .app-cloud-attachment {
  background-color: #813A1F;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-cloud-attachment img,
body div .btn-default .media > .media-body .app-cloud-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-files-attachment,
body div .btn-default .media > .media-body .app-files-attachment {
  background-color: #813A1F;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-files-attachment img,
body div .btn-default .media > .media-body .app-files-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-documents-attachment,
body div .btn-default .media > .media-body .app-documents-attachment {
  background-color: #009EE3;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-documents-attachment img,
body div .btn-default .media > .media-body .app-documents-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-poll-attachment,
body div .btn-default .media > .media-body .app-poll-attachment {
  background-color: #3AB0AF;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-poll-attachment img,
body div .btn-default .media > .media-body .app-poll-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-marketplace-attachment,
body div .btn-default .media > .media-body .app-marketplace-attachment {
  background-color: #589A79;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-marketplace-attachment img,
body div .btn-default .media > .media-body .app-marketplace-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-message-attachment,
body div .btn-default .media > .media-body .app-message-attachment {
  background-color: #16778D;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-message-attachment img,
body div .btn-default .media > .media-body .app-message-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-todos-attachment,
body div .btn-default .media > .media-body .app-todos-attachment {
  background-color: #CAA64A;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-todos-attachment img,
body div .btn-default .media > .media-body .app-todos-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .app-etherpad-attachment,
body div .btn-default .media > .media-body .app-etherpad-attachment {
  background-color: #B85042;
  color: #FFFFFF;
  padding: 0 4px 0 4px;
  font-weight: normal;
  margin: 0;
  vertical-align: bottom;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
body div .app-etherpad-attachment img,
body div .btn-default .media > .media-body .app-etherpad-attachment img {
  max-width: 100%;
  height: 100%;
}
body div .select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none;
}
.select2-drop.select2-drop-above,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-drop,
.select2-drop.select2-drop-active {
  border-radius: 0;
  border-width: 0;
}
.select2-drop ul.select2-results {
  padding: 0;
  margin: 0;
}
.select2-drop ul.select2-results li.select2-result {
  line-height: 30px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #DBDBDB;
}
.select2-drop ul.select2-results li.select2-result:last-child {
  border-width: 0;
}
.select2-drop.select2-with-searchbox {
  margin-top: -40px;
}
.select2-drop.select2-with-searchbox .select2-search {
  padding-left: 0;
  padding-right: 0;
}
.select2-drop.select2-with-searchbox input {
  border: none;
  height: 40px !important;
  padding-left: 10px;
  padding-right: 10px;
}
.select2-input,
.select2-with-searchbox input {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
}
.error a.select2-choice {
  border: 1px solid #B94A48;
}
.select2-container {
  min-width: 150px;
}
.select2-container.select2-container-multi,
.btn.w100 .select2-container {
  width: 100% !important;
}
.fc-button-today.fc-state-disabled {
  display: none;
}
/** Fitting the Big Calendar on the group dashboard requires moving the date header */
.calendar-dashboard {
  position: relative;
}
.calendar-dashboard .fc-header {
  margin-bottom: 5px;
}
.calendar-dashboard .fc-header-title {
  position: absolute;
  right: 2px;
  bottom: 1px;
  font-size: 10px;
  height: 20px;
  z-index: 2;
  background: white;
  padding-right: 5px;
}
.calendar-dashboard .fc-toolbar {
  margin-bottom: 1em !important;
}
.calendar-dashboard .fc-toolbar-title {
  font-size: 16px;
}
.calendar-profile .fc-header-toolbar {
  margin: 0.5em 0 !important;
}
.calendar-profile .fc-footer-toolbar {
  margin: 0.5em 0 !important;
}
.fc .fc-toolbar-title {
  padding: 5px 0 0 8px;
}
/** Fix z-index popping into navbar */
.fc-event-container {
  z-index: 4 !important;
}
.fc-theme-standard {
  background-color: #ffffff;
}
.fc-theme-standard,
.fc-theme-standard a {
  color: #4a4a4a;
}
.app-main {
  /* ##### Small calendar ####### */
}
.app-main .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-main .fc-h-event {
  background-color: #315f72;
  border: 1px solid #315f72;
}
.app-main .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-main .fc-button {
  border-radius: 0;
}
.app-main .fc-daygrid-event-dot {
  border: 4px solid #315f72;
}
.app-main .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-main .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-main .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-main .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-main .fc-button {
  background-color: #315f72;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-main .fc-text-arrow {
  margin: 0;
}
.app-main .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-main .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-main .fc-button + .fc-button {
  border-left: 1px solid #407d96;
}
.app-main .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-main .fc-state-highlight {
  background-color: #407d96;
}
.app-main .fc-event {
  border-radius: 0;
  background-color: #315f72;
  border-color: #315f72;
  cursor: pointer;
  color: #FFFFFF;
}
.app-main .fc-event:hover,
.app-main .fc-event:hover td {
  background-color: #22414e;
  border-color: #22414e;
}
.app-main .fc-event.event-special {
  background-color: #22414e;
}
.app-main .fc-cell-overlay {
  background-color: #315f72;
}
.app-main .small-calendar {
  width: 225px;
}
.app-main .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-main .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-main .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-main .small-calendar .fc-header {
  background-color: #315f72;
  margin-bottom: 5px;
}
.app-main .small-calendar .fc-header .fc-button {
  background-color: #22414e;
}
.app-main .small-calendar .fc-header > * {
  line-height: 0;
}
.app-main .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-main .small-calendar .fc-day-number,
.app-main .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-main .small-calendar .fc-day:hover {
  background-color: #407d96;
}
.app-main .small-calendar .fc-day-header,
.app-main .small-calendar .fc-border-separate tr.fc-last th,
.app-main .small-calendar .fc-border-separate tr.fc-last td,
.app-main .small-calendar .fc-border-separate tr.fc-last th,
.app-main .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-main .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-main .small-calendar .fc-day.selected {
  background-color: #315f72;
  color: #FFFFFF;
}
.app-main .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-main .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-main .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-main .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-main .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-main .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-main .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-calendar {
  /* ##### Small calendar ####### */
}
.app-calendar .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-calendar .fc-h-event {
  background-color: #758059;
  border: 1px solid #758059;
}
.app-calendar .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-calendar .fc-button {
  border-radius: 0;
}
.app-calendar .fc-daygrid-event-dot {
  border: 4px solid #758059;
}
.app-calendar .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-calendar .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-calendar .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-calendar .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-calendar .fc-button {
  background-color: #758059;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-calendar .fc-text-arrow {
  margin: 0;
}
.app-calendar .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-calendar .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-calendar .fc-button + .fc-button {
  border-left: 1px solid #8f9c70;
}
.app-calendar .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-calendar .fc-state-highlight {
  background-color: #8f9c70;
}
.app-calendar .fc-event {
  border-radius: 0;
  background-color: #758059;
  border-color: #758059;
  cursor: pointer;
  color: #FFFFFF;
}
.app-calendar .fc-event:hover,
.app-calendar .fc-event:hover td {
  background-color: #5a6244;
  border-color: #5a6244;
}
.app-calendar .fc-event.event-special {
  background-color: #5a6244;
}
.app-calendar .fc-cell-overlay {
  background-color: #758059;
}
.app-calendar .small-calendar {
  width: 225px;
}
.app-calendar .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-calendar .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-calendar .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-calendar .small-calendar .fc-header {
  background-color: #758059;
  margin-bottom: 5px;
}
.app-calendar .small-calendar .fc-header .fc-button {
  background-color: #5a6244;
}
.app-calendar .small-calendar .fc-header > * {
  line-height: 0;
}
.app-calendar .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-calendar .small-calendar .fc-day-number,
.app-calendar .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-calendar .small-calendar .fc-day:hover {
  background-color: #8f9c70;
}
.app-calendar .small-calendar .fc-day-header,
.app-calendar .small-calendar .fc-border-separate tr.fc-last th,
.app-calendar .small-calendar .fc-border-separate tr.fc-last td,
.app-calendar .small-calendar .fc-border-separate tr.fc-last th,
.app-calendar .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-calendar .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-calendar .small-calendar .fc-day.selected {
  background-color: #758059;
  color: #FFFFFF;
}
.app-calendar .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-calendar .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-calendar .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-calendar .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-calendar .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-calendar .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-calendar .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-files {
  /* ##### Small calendar ####### */
}
.app-files .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-files .fc-h-event {
  background-color: #813A1F;
  border: 1px solid #813A1F;
}
.app-files .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-files .fc-button {
  border-radius: 0;
}
.app-files .fc-daygrid-event-dot {
  border: 4px solid #813A1F;
}
.app-files .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-files .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-files .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-files .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-files .fc-button {
  background-color: #813A1F;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-files .fc-text-arrow {
  margin: 0;
}
.app-files .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-files .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-files .fc-button + .fc-button {
  border-left: 1px solid #aa4c29;
}
.app-files .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-files .fc-state-highlight {
  background-color: #aa4c29;
}
.app-files .fc-event {
  border-radius: 0;
  background-color: #813A1F;
  border-color: #813A1F;
  cursor: pointer;
  color: #FFFFFF;
}
.app-files .fc-event:hover,
.app-files .fc-event:hover td {
  background-color: #582815;
  border-color: #582815;
}
.app-files .fc-event.event-special {
  background-color: #582815;
}
.app-files .fc-cell-overlay {
  background-color: #813A1F;
}
.app-files .small-calendar {
  width: 225px;
}
.app-files .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-files .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-files .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-files .small-calendar .fc-header {
  background-color: #813A1F;
  margin-bottom: 5px;
}
.app-files .small-calendar .fc-header .fc-button {
  background-color: #582815;
}
.app-files .small-calendar .fc-header > * {
  line-height: 0;
}
.app-files .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-files .small-calendar .fc-day-number,
.app-files .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-files .small-calendar .fc-day:hover {
  background-color: #aa4c29;
}
.app-files .small-calendar .fc-day-header,
.app-files .small-calendar .fc-border-separate tr.fc-last th,
.app-files .small-calendar .fc-border-separate tr.fc-last td,
.app-files .small-calendar .fc-border-separate tr.fc-last th,
.app-files .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-files .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-files .small-calendar .fc-day.selected {
  background-color: #813A1F;
  color: #FFFFFF;
}
.app-files .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-files .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-files .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-files .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-files .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-files .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-files .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-documents {
  /* ##### Small calendar ####### */
}
.app-documents .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-documents .fc-h-event {
  background-color: #009EE3;
  border: 1px solid #009EE3;
}
.app-documents .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-documents .fc-button {
  border-radius: 0;
}
.app-documents .fc-daygrid-event-dot {
  border: 4px solid #009EE3;
}
.app-documents .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-documents .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-documents .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-documents .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-documents .fc-button {
  background-color: #009EE3;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-documents .fc-text-arrow {
  margin: 0;
}
.app-documents .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-documents .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-documents .fc-button + .fc-button {
  border-left: 1px solid #D5F3FF;
}
.app-documents .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-documents .fc-state-highlight {
  background-color: #D5F3FF;
}
.app-documents .fc-event {
  border-radius: 0;
  background-color: #009EE3;
  border-color: #009EE3;
  cursor: pointer;
  color: #FFFFFF;
}
.app-documents .fc-event:hover,
.app-documents .fc-event:hover td {
  background-color: #007999;
  border-color: #007999;
}
.app-documents .fc-event.event-special {
  background-color: #007999;
}
.app-documents .fc-cell-overlay {
  background-color: #009EE3;
}
.app-documents .small-calendar {
  width: 225px;
}
.app-documents .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-documents .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-documents .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-documents .small-calendar .fc-header {
  background-color: #009EE3;
  margin-bottom: 5px;
}
.app-documents .small-calendar .fc-header .fc-button {
  background-color: #007999;
}
.app-documents .small-calendar .fc-header > * {
  line-height: 0;
}
.app-documents .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-documents .small-calendar .fc-day-number,
.app-documents .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-documents .small-calendar .fc-day:hover {
  background-color: #D5F3FF;
}
.app-documents .small-calendar .fc-day-header,
.app-documents .small-calendar .fc-border-separate tr.fc-last th,
.app-documents .small-calendar .fc-border-separate tr.fc-last td,
.app-documents .small-calendar .fc-border-separate tr.fc-last th,
.app-documents .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-documents .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-documents .small-calendar .fc-day.selected {
  background-color: #009EE3;
  color: #FFFFFF;
}
.app-documents .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-documents .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-documents .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-documents .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-documents .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-documents .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-documents .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-poll {
  /* ##### Small calendar ####### */
}
.app-poll .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-poll .fc-h-event {
  background-color: #3AB0AF;
  border: 1px solid #3AB0AF;
}
.app-poll .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-poll .fc-button {
  border-radius: 0;
}
.app-poll .fc-daygrid-event-dot {
  border: 4px solid #3AB0AF;
}
.app-poll .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-poll .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-poll .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-poll .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-poll .fc-button {
  background-color: #3AB0AF;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-poll .fc-text-arrow {
  margin: 0;
}
.app-poll .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-poll .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-poll .fc-button + .fc-button {
  border-left: 1px solid #56c7c6;
}
.app-poll .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-poll .fc-state-highlight {
  background-color: #56c7c6;
}
.app-poll .fc-event {
  border-radius: 0;
  background-color: #3AB0AF;
  border-color: #3AB0AF;
  cursor: pointer;
  color: #FFFFFF;
}
.app-poll .fc-event:hover,
.app-poll .fc-event:hover td {
  background-color: #2d8a89;
  border-color: #2d8a89;
}
.app-poll .fc-event.event-special {
  background-color: #2d8a89;
}
.app-poll .fc-cell-overlay {
  background-color: #3AB0AF;
}
.app-poll .small-calendar {
  width: 225px;
}
.app-poll .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-poll .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-poll .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-poll .small-calendar .fc-header {
  background-color: #3AB0AF;
  margin-bottom: 5px;
}
.app-poll .small-calendar .fc-header .fc-button {
  background-color: #2d8a89;
}
.app-poll .small-calendar .fc-header > * {
  line-height: 0;
}
.app-poll .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-poll .small-calendar .fc-day-number,
.app-poll .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-poll .small-calendar .fc-day:hover {
  background-color: #56c7c6;
}
.app-poll .small-calendar .fc-day-header,
.app-poll .small-calendar .fc-border-separate tr.fc-last th,
.app-poll .small-calendar .fc-border-separate tr.fc-last td,
.app-poll .small-calendar .fc-border-separate tr.fc-last th,
.app-poll .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-poll .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-poll .small-calendar .fc-day.selected {
  background-color: #3AB0AF;
  color: #FFFFFF;
}
.app-poll .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-poll .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-poll .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-poll .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-poll .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-poll .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-poll .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-marketplace {
  /* ##### Small calendar ####### */
}
.app-marketplace .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-marketplace .fc-h-event {
  background-color: #589A79;
  border: 1px solid #589A79;
}
.app-marketplace .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-marketplace .fc-button {
  border-radius: 0;
}
.app-marketplace .fc-daygrid-event-dot {
  border: 4px solid #589A79;
}
.app-marketplace .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-marketplace .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-marketplace .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-marketplace .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-marketplace .fc-button {
  background-color: #589A79;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-marketplace .fc-text-arrow {
  margin: 0;
}
.app-marketplace .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-marketplace .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-marketplace .fc-button + .fc-button {
  border-left: 1px solid #75b093;
}
.app-marketplace .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-marketplace .fc-state-highlight {
  background-color: #75b093;
}
.app-marketplace .fc-event {
  border-radius: 0;
  background-color: #589A79;
  border-color: #589A79;
  cursor: pointer;
  color: #FFFFFF;
}
.app-marketplace .fc-event:hover,
.app-marketplace .fc-event:hover td {
  background-color: #457a60;
  border-color: #457a60;
}
.app-marketplace .fc-event.event-special {
  background-color: #457a60;
}
.app-marketplace .fc-cell-overlay {
  background-color: #589A79;
}
.app-marketplace .small-calendar {
  width: 225px;
}
.app-marketplace .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-marketplace .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-marketplace .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-marketplace .small-calendar .fc-header {
  background-color: #589A79;
  margin-bottom: 5px;
}
.app-marketplace .small-calendar .fc-header .fc-button {
  background-color: #457a60;
}
.app-marketplace .small-calendar .fc-header > * {
  line-height: 0;
}
.app-marketplace .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-marketplace .small-calendar .fc-day-number,
.app-marketplace .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-marketplace .small-calendar .fc-day:hover {
  background-color: #75b093;
}
.app-marketplace .small-calendar .fc-day-header,
.app-marketplace .small-calendar .fc-border-separate tr.fc-last th,
.app-marketplace .small-calendar .fc-border-separate tr.fc-last td,
.app-marketplace .small-calendar .fc-border-separate tr.fc-last th,
.app-marketplace .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-marketplace .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-marketplace .small-calendar .fc-day.selected {
  background-color: #589A79;
  color: #FFFFFF;
}
.app-marketplace .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-marketplace .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-marketplace .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-marketplace .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-marketplace .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-marketplace .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-marketplace .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-message {
  /* ##### Small calendar ####### */
}
.app-message .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-message .fc-h-event {
  background-color: #16778D;
  border: 1px solid #16778D;
}
.app-message .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-message .fc-button {
  border-radius: 0;
}
.app-message .fc-daygrid-event-dot {
  border: 4px solid #16778D;
}
.app-message .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-message .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-message .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-message .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-message .fc-button {
  background-color: #16778D;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-message .fc-text-arrow {
  margin: 0;
}
.app-message .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-message .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-message .fc-button + .fc-button {
  border-left: 1px solid #CBE7ED;
}
.app-message .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-message .fc-state-highlight {
  background-color: #CBE7ED;
}
.app-message .fc-event {
  border-radius: 0;
  background-color: #16778D;
  border-color: #16778D;
  cursor: pointer;
  color: #FFFFFF;
}
.app-message .fc-event:hover,
.app-message .fc-event:hover td {
  background-color: #104A59;
  border-color: #104A59;
}
.app-message .fc-event.event-special {
  background-color: #104A59;
}
.app-message .fc-cell-overlay {
  background-color: #16778D;
}
.app-message .small-calendar {
  width: 225px;
}
.app-message .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-message .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-message .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-message .small-calendar .fc-header {
  background-color: #16778D;
  margin-bottom: 5px;
}
.app-message .small-calendar .fc-header .fc-button {
  background-color: #104A59;
}
.app-message .small-calendar .fc-header > * {
  line-height: 0;
}
.app-message .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-message .small-calendar .fc-day-number,
.app-message .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-message .small-calendar .fc-day:hover {
  background-color: #CBE7ED;
}
.app-message .small-calendar .fc-day-header,
.app-message .small-calendar .fc-border-separate tr.fc-last th,
.app-message .small-calendar .fc-border-separate tr.fc-last td,
.app-message .small-calendar .fc-border-separate tr.fc-last th,
.app-message .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-message .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-message .small-calendar .fc-day.selected {
  background-color: #16778D;
  color: #FFFFFF;
}
.app-message .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-message .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-message .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-message .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-message .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-message .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-message .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-todos {
  /* ##### Small calendar ####### */
}
.app-todos .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-todos .fc-h-event {
  background-color: #CAA64A;
  border: 1px solid #CAA64A;
}
.app-todos .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-todos .fc-button {
  border-radius: 0;
}
.app-todos .fc-daygrid-event-dot {
  border: 4px solid #CAA64A;
}
.app-todos .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-todos .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-todos .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-todos .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-todos .fc-button {
  background-color: #CAA64A;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-todos .fc-text-arrow {
  margin: 0;
}
.app-todos .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-todos .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-todos .fc-button + .fc-button {
  border-left: 1px solid #d6b971;
}
.app-todos .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-todos .fc-state-highlight {
  background-color: #d6b971;
}
.app-todos .fc-event {
  border-radius: 0;
  background-color: #CAA64A;
  border-color: #CAA64A;
  cursor: pointer;
  color: #FFFFFF;
}
.app-todos .fc-event:hover,
.app-todos .fc-event:hover td {
  background-color: #ae8b33;
  border-color: #ae8b33;
}
.app-todos .fc-event.event-special {
  background-color: #ae8b33;
}
.app-todos .fc-cell-overlay {
  background-color: #CAA64A;
}
.app-todos .small-calendar {
  width: 225px;
}
.app-todos .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-todos .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-todos .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-todos .small-calendar .fc-header {
  background-color: #CAA64A;
  margin-bottom: 5px;
}
.app-todos .small-calendar .fc-header .fc-button {
  background-color: #ae8b33;
}
.app-todos .small-calendar .fc-header > * {
  line-height: 0;
}
.app-todos .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-todos .small-calendar .fc-day-number,
.app-todos .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-todos .small-calendar .fc-day:hover {
  background-color: #d6b971;
}
.app-todos .small-calendar .fc-day-header,
.app-todos .small-calendar .fc-border-separate tr.fc-last th,
.app-todos .small-calendar .fc-border-separate tr.fc-last td,
.app-todos .small-calendar .fc-border-separate tr.fc-last th,
.app-todos .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-todos .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-todos .small-calendar .fc-day.selected {
  background-color: #CAA64A;
  color: #FFFFFF;
}
.app-todos .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-todos .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-todos .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-todos .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-todos .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-todos .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-todos .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
.app-etherpad {
  /* ##### Small calendar ####### */
}
.app-etherpad .fc-event-title {
  font-size: 11px;
  white-space: normal;
  max-height: 34px;
  word-break: break-all;
}
.app-etherpad .fc-h-event {
  background-color: #B85042;
  border: 1px solid #B85042;
}
.app-etherpad .fc-list-event-dot {
  border: 5px solid #FFFFFF;
}
.app-etherpad .fc-button {
  border-radius: 0;
}
.app-etherpad .fc-daygrid-event-dot {
  border: 4px solid #B85042;
}
.app-etherpad .fc-header-title h2 {
  font-size: 1.5em;
  color: #333333;
  cursor: default;
}
.app-etherpad .fc-header-toolbar {
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-etherpad .fc-footer-toolbar {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.app-etherpad .fc-footer-toolbar .fc-toolbar-title {
  font-size: 13px;
}
.app-etherpad .fc-button {
  background-color: #B85042;
  border-width: 0;
  background-image: none;
  padding: 0 0.5em;
  color: #FFFFFF;
}
.app-etherpad .fc-text-arrow {
  margin: 0;
}
.app-etherpad .fc-button.fc-state-disabled {
  opacity: 1;
  background-color: transparent;
  color: #333333;
}
.app-etherpad .fc-button.fc-state-default {
  border-radius: 0;
  text-shadow: none;
}
.app-etherpad .fc-button + .fc-button {
  border-left: 1px solid #c87165;
}
.app-etherpad .fc-content {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 0.8em;
}
.app-etherpad .fc-state-highlight {
  background-color: #c87165;
}
.app-etherpad .fc-event {
  border-radius: 0;
  background-color: #B85042;
  border-color: #B85042;
  cursor: pointer;
  color: #FFFFFF;
}
.app-etherpad .fc-event:hover,
.app-etherpad .fc-event:hover td {
  background-color: #924035;
  border-color: #924035;
}
.app-etherpad .fc-event.event-special {
  background-color: #924035;
}
.app-etherpad .fc-cell-overlay {
  background-color: #B85042;
}
.app-etherpad .small-calendar {
  width: 225px;
}
.app-etherpad .small-calendar .fc-toolbar-title {
  font-size: 16px;
  font-weight: bold;
}
.app-etherpad .small-calendar .fc-col-header-cell.fc-day {
  font-size: 11px;
}
.app-etherpad .small-calendar .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}
.app-etherpad .small-calendar .fc-header {
  background-color: #B85042;
  margin-bottom: 5px;
}
.app-etherpad .small-calendar .fc-header .fc-button {
  background-color: #924035;
}
.app-etherpad .small-calendar .fc-header > * {
  line-height: 0;
}
.app-etherpad .small-calendar .fc-header .fc-header-title h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.app-etherpad .small-calendar .fc-day-number,
.app-etherpad .small-calendar .fc-day-header {
  line-height: 1.8em;
}
.app-etherpad .small-calendar .fc-day:hover {
  background-color: #c87165;
}
.app-etherpad .small-calendar .fc-day-header,
.app-etherpad .small-calendar .fc-border-separate tr.fc-last th,
.app-etherpad .small-calendar .fc-border-separate tr.fc-last td,
.app-etherpad .small-calendar .fc-border-separate tr.fc-last th,
.app-etherpad .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 0;
}
.app-etherpad .small-calendar .fc-day {
  border: 1px solid #DBDBDB;
}
.app-etherpad .small-calendar .fc-day.selected {
  background-color: #B85042;
  color: #FFFFFF;
}
.app-etherpad .small-calendar .fc-border-separate tbody tr.fc-first td,
.app-etherpad .small-calendar .fc-border-separate tr.fc-last td {
  border-width: 1px;
}
.app-etherpad .small-calendar .fc-day.fc-other-month:hover {
  border-color: transparent;
}
.app-etherpad .small-calendar .fc-other-month .fc-day-number {
  color: transparent;
}
.app-etherpad .small-calendar .fc-border-separate tbody .fc-day.fc-other-month {
  border-width: 0;
}
.app-etherpad .modal .modal-sm .small-calendar {
  width: 100%;
}
.app-etherpad .pickDateButton .pickDateBox {
  width: 200px;
  height: 200px;
  background-color: red;
}
#calendar-doodle-days-selector {
  width: 100%;
}
#calendar-doodle-days-selector .small-calendar {
  float: left;
  margin: 10px;
}
#calendar-doodle-days-selector #calendar-doodle-days-selector-list {
  float: left;
  margin: 10px;
}
#calendar-doodle-days-selector #calendar-doodle-days-selector-list td,
#calendar-doodle-days-selector #calendar-doodle-days-selector-list th {
  padding: 3px 5px;
  line-height: 1.1em;
}
#calendar-doodle-days-selector #calendar-doodle-days-selector-list table {
  margin-bottom: 2em;
}
#calendar-doodle-days-selector #calendar-doodle-days-selector-list input {
  width: 6em;
}
#calendar-doodle-days-selector #calendar-doodle-days-selector-list p {
  margin: 8px 0;
  line-height: 1.1em;
  max-width: 350px;
}
.doodle-vote-table {
  white-space: nowrap;
  overflow-x: auto;
  padding: 0 0 20px 0;
  color: #333333;
}
.doodle-vote-table > div,
.doodle-vote-table > form > div {
  display: block;
  border-spacing: 4px 2px;
}
.doodle-vote-table > div > div,
.doodle-vote-table > form > div > div,
.doodle-vote-table > div > form > div,
.doodle-vote-table > form > div > form > div {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  min-width: 50px;
  min-height: 5px;
}
.doodle-vote-table > div > div img,
.doodle-vote-table > form > div > div img,
.doodle-vote-table > div > form > div img,
.doodle-vote-table > form > div > form > div img {
  width: 50px;
  height: 50px;
}
.doodle-vote-table > div > div:first-child,
.doodle-vote-table > form > div > div:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.doodle-vote-table > div .doodle-vote-cell + .doodle-vote-cell,
.doodle-vote-table > form > div .doodle-vote-cell + .doodle-vote-cell {
  margin-left: 8px;
}
.doodle-vote-table > div .doodle-vote-date,
.doodle-vote-table > form > div .doodle-vote-date {
  text-align: left;
  color: #FFFFFF;
  background-color: #758059;
  line-height: 1em;
  padding: 3px 0;
  margin-bottom: 3px;
}
.doodle-vote-table > div .doodle-vote-time,
.doodle-vote-table > form > div .doodle-vote-time {
  text-align: left;
  background-color: transparent;
  line-height: 1em;
  padding: 3px 0;
  height: 30px;
  max-width: 50px;
  white-space: normal;
  word-break: break-word;
}
.doodle-vote-table > div .doodle-vote-yes,
.doodle-vote-table > form > div .doodle-vote-yes {
  background-color: rgba(119, 155, 72, 0.65);
  min-height: 50px;
  line-height: 1.3em;
  font-size: 1.2em;
  padding: 14px 0;
  margin-bottom: 4px;
}
.doodle-vote-table > div .doodle-vote-maybe,
.doodle-vote-table > form > div .doodle-vote-maybe {
  background-color: rgba(239, 160, 45, 0.65);
  min-height: 50px;
  line-height: 1.3em;
  font-size: 1.2em;
  padding: 14px 0;
  margin-bottom: 4px;
}
.doodle-vote-table > div .doodle-vote-no,
.doodle-vote-table > form > div .doodle-vote-no {
  background-color: rgba(229, 92, 85, 0.65);
  min-height: 50px;
  line-height: 1.3em;
  font-size: 1.2em;
  padding: 14px 0;
  margin-bottom: 4px;
}
.doodle-vote-table > div button.doodle-vote-eventbutton,
.doodle-vote-table > form > div button.doodle-vote-eventbutton {
  border-width: 0;
  width: 50px;
  color: #333333;
  background-color: #FFFFFF;
  min-height: 50px;
  line-height: 1.3em;
  font-size: 1.2em;
  padding: 14px 0;
  margin-bottom: 4px;
  cursor: pointer;
}
.doodle-vote-table > div button.doodle-vote-eventbutton:hover,
.doodle-vote-table > form > div button.doodle-vote-eventbutton:hover,
.doodle-vote-table > div button.doodle-vote-eventbutton:focus,
.doodle-vote-table > form > div button.doodle-vote-eventbutton:focus,
.doodle-vote-table > div button.doodle-vote-eventbutton:active,
.doodle-vote-table > form > div button.doodle-vote-eventbutton:active {
  background-color: #DBDBDB;
}
.doodle-vote-table h2 {
  font-size: 1em;
  font-weight: bold;
  margin-left: 58px;
}
.doodle-vote-table .doodle-vote-inputarea a {
  color: inherit;
  display: block;
}
.calendar-date-time-chooser {
  line-height: 30px;
}
.calendar-date-time-chooser input {
  border-radius: 0;
  border: 1px solid #DBDBDB;
}
.calendar-date-time-chooser input.calendar-date-time-chooser-date {
  width: 10em;
}
.calendar-date-time-chooser input.calendar-date-time-chooser-time {
  width: 5em;
}
.calendar-date-time-chooser .small-calendar {
  padding: 5px;
  border-top-width: 0;
}
/** The "X"-clear button for the calendar */
.clear-small-calendar {
  display: inline-block;
  height: 48px;
  cursor: pointer;
  float: right;
  padding: 12px;
}
.clear-small-calendar i {
  font-size: 24px;
  color: #4a4a4a;
}
.clear-small-calendar:hover i {
  color: #9b9b9b;
}
.input-area.input-area-left-column .calendar-date-time-chooser .small-calendar {
  background-color: #FFFFFF;
}
.contact-box {
  padding: 15px;
  color: #4a4a4a;
}
.contact-box a {
  color: #4a4a4a;
}
.contact-box img {
  width: 80px;
  height: 80px;
}
.contact-box .background-wrapper {
  padding: 15px;
  width: 100%;
  display: flex;
  background-color: #F2F2F2;
}
.contact-box .contact-box-content {
  padding-left: 20px;
  font-size: 16px;
  line-height: 23px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact-box .contact-box-content .contact-name {
  font-weight: bold;
}
.contact-box-wrapper {
  padding-left: 0;
  margin-bottom: 10px;
  margin-right: 10px;
}
.contact-box-title {
  padding-top: 15px;
}
.priority-form ul {
  list-style: none;
  padding: 0;
}
.conference-collapse-link,
.conference-collapse-link:hover {
  color: #22414e;
  cursor: pointer;
}
.application-form .application {
  padding: 0 15px;
  margin-bottom: 8px;
}
.application-form .application .application-row {
  padding: 5px 15px 0 15px;
}
.application-form .application .application-row.first {
  padding: 20px 15px 15px 15px;
}
.application-form .application .application-details {
  line-height: 18px;
}
.application-form .application .application-toggle-button {
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 5px;
  z-index: 1;
  cursor: pointer;
  color: #4a4a4a;
  text-decoration: none;
}
.application-form .application .radio-group {
  margin-right: 20px;
}
.application-form .application .application-radio-option {
  white-space: nowrap;
}
.application-form .application .application-radio-option:not(:last-child) {
  margin-right: 18px;
}
.application-form .application .application-radio-option,
.application-form .application .application-radio-option label,
.application-form .application .application-radio-option input {
  color: #22414e;
  cursor: pointer;
}
.application-form .application .application-radio-option label,
.application-form .application .application-radio-option i {
  padding-left: 5px;
}
.application-form .application .application-radio-option input:checked + label {
  font-weight: bold;
}
.application-form .application .cosinnus-field {
  border: 1px solid #dadada;
}
.application-form .application .toggle-button-state {
  display: none;
}
.application-form .application .application-toggle-button.collapsed .toggle-button-state.show-collapsed {
  display: inherit;
}
.application-form .application .application-toggle-button:not(.collapsed) .toggle-button-state.show-open {
  display: inherit;
}
.big-calendar.conference-premium-calendar .fc-event.conference-calendar-portal-block {
  background-color: #315f72;
  border: 1px solid #315f72;
}
.big-calendar.conference-premium-calendar .fc-event.conference-calendar-conference {
  background-color: #758059;
  border: 1px solid #758059;
}
.big-calendar.conference-premium-calendar .fc-event.conference-calendar-conference-block {
  background-color: #B85042;
  border: 1px solid #B85042;
}
div.dashboard-appwidget {
  margin-bottom: 40px;
  background-color: red;
  background-color: rgba(219, 219, 219, 0.7);
}
div.dashboard-appwidget:before,
div.dashboard-appwidget:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
div.dashboard-appwidget:after {
  clear: both;
}
div.dashboard-appwidget:last-child {
  margin-bottom: 0;
}
.btn.dashboard-appwidget-contentline,
.btn.dashboard-appwidget-contentline-indented,
.btn.dashboard-appwidget-contentline-extra-indented {
  cursor: default;
  width: 100%;
  float: none;
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
}
.btn.dashboard-appwidget-contentline .media-body,
.btn.dashboard-appwidget-contentline-indented .media-body,
.btn.dashboard-appwidget-contentline-extra-indented .media-body {
  text-align: left;
  line-height: 1.3em;
  padding-top: 3px;
  padding-bottom: 3px;
}
.btn.dashboard-appwidget-contentline .media-body a,
.btn.dashboard-appwidget-contentline-indented .media-body a,
.btn.dashboard-appwidget-contentline-extra-indented .media-body a {
  padding-right: 0;
  white-space: normal;
}
.btn.dashboard-appwidget-contentline .media-body a:hover,
.btn.dashboard-appwidget-contentline-indented .media-body a:hover,
.btn.dashboard-appwidget-contentline-extra-indented .media-body a:hover,
.btn.dashboard-appwidget-contentline .media-body a:active,
.btn.dashboard-appwidget-contentline-indented .media-body a:active,
.btn.dashboard-appwidget-contentline-extra-indented .media-body a:active,
.btn.dashboard-appwidget-contentline .media-body a:focus,
.btn.dashboard-appwidget-contentline-indented .media-body a:focus,
.btn.dashboard-appwidget-contentline-extra-indented .media-body a:focus {
  text-decoration: underline;
}
.btn.dashboard-appwidget-contentline .media-body strong a,
.btn.dashboard-appwidget-contentline-indented .media-body strong a,
.btn.dashboard-appwidget-contentline-extra-indented .media-body strong a {
  text-decoration: none;
}
.btn.dashboard-appwidget-contentline .media-body img,
.btn.dashboard-appwidget-contentline-indented .media-body img,
.btn.dashboard-appwidget-contentline-extra-indented .media-body img {
  width: 100%;
  margin: 8px 0;
}
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons {
  padding: 0;
}
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons:before,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons:before,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons:before,
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons:after,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons:after,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons:after,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons:after,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons:after {
  clear: both;
}
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons a,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons a,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons a {
  float: left;
  width: 20%;
  padding: 0;
  margin: 0;
}
.btn.dashboard-appwidget-contentline .media-body.dashboard-appwidget-networkicons a img,
.btn.dashboard-appwidget-contentline-indented .media-body.dashboard-appwidget-networkicons a img,
.btn.dashboard-appwidget-contentline-extra-indented .media-body.dashboard-appwidget-networkicons a img {
  width: 100%;
  padding: 0;
  margin: 0;
}
.btn.dashboard-appwidget-contentline .media-body .group-annotation,
.btn.dashboard-appwidget-contentline-indented .media-body .group-annotation,
.btn.dashboard-appwidget-contentline-extra-indented .media-body .group-annotation,
.btn.dashboard-appwidget-headline .media-body .group-annotation {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: normal;
}
.btn.dashboard-appwidget-contentline-indented {
  padding-left: 40px;
}
.btn.dashboard-appwidget-contentline-extra-indented {
  padding-left: 50px;
}
.btn.dashboard-appwidget-morebutton {
  width: 10em;
}
.dashboard-header {
  margin-bottom: 30px;
  background-color: rgba(219, 219, 219, 0.7);
}
.dashboard-header:before,
.dashboard-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dashboard-header:after {
  clear: both;
}
.dashboard-header .dashboard-header-image {
  float: left;
}
.dashboard-header .dashboard-header-image img {
  width: 100px;
}
.dashboard-header .dashboard-header-link {
  float: right;
  display: block;
  height: 70px;
  width: 70px;
  margin: 15px 15px 15px 15px;
  line-height: 1.3em;
  text-align: center;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 2px;
  color: #FFF;
}
.dashboard-header .dashboard-header-link + .dashboard-header-link {
  margin-right: 0;
}
.dashboard-header .dashboard-header-link.app-main {
  background-color: #315f72;
}
.dashboard-header .dashboard-header-link.app-calendar {
  background-color: #758059;
}
.dashboard-header .dashboard-header-link.app-files {
  background-color: #813A1F;
}
.dashboard-header .dashboard-header-link.app-documents {
  background-color: #009EE3;
}
.dashboard-header .dashboard-header-link.app-poll {
  background-color: #3AB0AF;
}
.dashboard-header .dashboard-header-link.app-marketplace {
  background-color: #589A79;
}
.dashboard-header .dashboard-header-link.app-message {
  background-color: #16778D;
}
.dashboard-header .dashboard-header-link.app-todos {
  background-color: #CAA64A;
}
.dashboard-header .dashboard-header-link.app-etherpad {
  background-color: #B85042;
}
.dashboard-header .dashboard-header-link.app-cloud {
  background-color: #813A1F;
}
.dashboard-header .dashboard-header-link i {
  display: block;
  font-size: 18px;
  margin: 6px 0 3px 0;
}
.dashboard-header .dashboard-header-link span {
  font-weight: bold;
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
}
.dashboard-header .dashboard-header-text {
  overflow: hidden;
  padding: 0 0 0 20px;
}
.dashboard-header .dashboard-header-text .multiline-ellipsis-realend {
  width: 536px;
  margin-left: -536px;
}
.dashboard-header .dashboard-header-text .multiline-ellipsis-realend a {
  margin-right: 436px;
}
.dashboard-header .dashboard-header-text h2 {
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  padding: 0;
  margin: 10px 0 1px 0;
}
.dashboard-header .dashboard-header-text h3 {
  color: #333333;
  font-size: 11px;
  padding: 0;
  margin: 0 0 3px 0;
}
.dashboard-header .dashboard-header-text p {
  color: #333333;
  font-size: 12px;
  background-color: transparent;
  padding: 0 0.5em 0.5em 0;
  margin: 0;
  line-height: 1.4em;
}
.dashboard-header .dashboard-header-text p a {
  color: #333333;
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .dashboard-header .dashboard-header-link {
    width: 100%;
    margin: 15px;
  }
}
@media (min-width: 992px) {
  .dashboard-header .dashboard-header-text {
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .dashboard-header .dashboard-header-text {
    height: 130px;
  }
  .dashboard-header .dashboard-header-text .dashboard-header-link {
    width: 100px;
    height: 100px;
  }
  .dashboard-header .dashboard-header-text .dashboard-header-link i {
    font-size: 22px;
    margin: 15px 0 7px 0;
  }
  .dashboard-header .dashboard-header-text .dashboard-header-link span {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .dashboard-header .dashboard-header-text .multiline-ellipsis-realend {
    width: 686px;
    margin-left: -686px;
  }
  .dashboard-header .dashboard-header-text .multiline-ellipsis-realend a {
    margin-right: 586px;
  }
  .dashboard-header .dashboard-header-image img {
    width: 130px;
  }
}
.dashboard-embedded-html {
  margin-top: -18px;
  margin-bottom: 30px;
}
#dashboard .sortable-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: move;
}
#dashboard .sortable-widget-overlay:hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
#dashboard .sortable-placeholder {
  background-color: white;
  height: 100px;
  margin-bottom: 10px;
}
.alert-black-white {
  background-color: #fff;
  color: #4a4a4a;
}
.item-header {
  font-size: 20px;
  padding: 15px 15px 15px 10px;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
/* Wagtail images responsive */
.block-image img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.richtext-image {
  display: block;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.richtext-image.right {
  float: right;
}
/* Better text alignments for Wagtail */
.rich-text *:first-child {
  margin-top: 0;
}
.rich-text *:last-child {
  margin-bottom: 0;
}
.block-paragraph {
  margin-bottom: 15px;
}
.group-microsite-header {
  position: relative;
}
.group-microsite-avatar {
  width: 130px;
  top: -30px;
  position: relative;
  float: left;
  margin-right: 15px;
  margin-bottom: -30px;
}
.group-microsite-login-box {
  padding: 10px;
}
@media (min-width: 768px) {
  .group-microsite-login-box {
    max-width: 420px;
    position: absolute;
    top: 30px;
    right: 30px;
  }
}
.group-microsite-login-box h2 {
  color: #333;
  margin-top: 1px;
  margin-bottom: 15px;
  font-size: 20px;
}
.group-microsite-login-box > .btn,
.group-microsite-login-box > span > .btn {
  float: none;
}
.group-microsite-login-box > .btn:first-of-type,
.group-microsite-login-box > span > .btn:first-of-type {
  margin: 0;
}
.group-microsite-login-box span + .btn {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .group-microsite-login-box .btn {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .group-microsite-login-box span + .btn {
    margin-left: 0px;
  }
}
.group-microsite-box {
  background-color: rgba(255, 255, 255, 0.7);
  min-height: 130px;
}
.group-microsite-box h2 {
  margin-top: 0px;
  padding-top: 15px;
  color: #333;
  font-weight: 700;
  font-size: 18px;
}
.group-microsite-details {
  margin-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .group-microsite-avatar {
    width: 130px;
    top: -30px;
  }
  .group-microsite-box {
    min-height: 130px;
  }
}
@media (min-width: 992px) {
  .group-microsite-avatar {
    width: 160px;
    top: -30px;
    margin-bottom: -30px;
  }
  .group-microsite-box {
    min-height: 130px;
  }
  .group-microsite-box h2 {
    font-size: 24px;
  }
  .group-microsite-details {
    font-size: 14px;
  }
  .group-microsite-subheader {
    font-size: 14px;
  }
}
.group-microsite-subheader {
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.group-microsite-subheader-container::after {
  content: "";
  display: table;
  clear: both;
}
.group-microsite-subheader-container {
  display: inline-block;
}
.group-microsite-subheader-item {
  color: #333;
  float: left;
  text-align: center;
  line-height: 1em;
  cursor: default;
}
.group-microsite-subheader-item header {
  text-transform: uppercase;
  padding: 8px 8px 3px 8px;
  font-size: 11px;
}
.group-microsite-subheader-item-value {
  padding: 0 8px 3px 8px;
  font-size: 18px;
}
.nav-tabs,
.nav-tabs > li,
.nav-tabs > li.active,
.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover {
  border-color: #22414e;
}
.nav-tabs > li > a {
  background-color: #315f72;
  color: white;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
  background-color: #22414e;
  color: white;
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover {
  background-color: #22414e;
  color: white;
}
.btn-no-interact,
.btn-headline {
  cursor: default !important;
}
.app-main .btn-headline:not(.btn-white):hover .media,
.app-main .btn-headline:not(.btn-white):hover .media > .media-body,
.app-main .btn-headline:not(.btn-white):hover .media,
.app-main .btn-headline:not(.btn-white):hover .media > .media-body {
  background-color: #315f72;
}
.icon-align-left:before {
  content: "\f036";
  font-family: "FontAwesome" !important;
}
.icon-align-center:before {
  content: "\f037";
  font-family: "FontAwesome" !important;
}
.icon-align-right:before {
  content: "\f038";
  font-family: "FontAwesome" !important;
}
.icon-align-justify:before {
  content: "\f039";
  font-family: "FontAwesome" !important;
}
.v-offset-s {
  margin-top: 10px;
}
.v-offset-m {
  margin-top: 15px;
}
.v-offset-l {
  margin-top: 30px;
}
.v-spacer-s {
  margin-bottom: 10px;
}
.v-spacer-m {
  margin-bottom: 15px;
}
.v-spacer-l {
  margin-bottom: 30px;
}
.widget-footer {
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.widget-footer p {
  background-color: inherit;
  color: #000000;
}
.footer-spacer {
  height: 250px;
}
#wagtail-userbar {
  margin-top: 55px;
  opacity: 1 !important;
}
.popover-button {
  cursor: pointer;
}
.popover {
  color: #333333;
}
.popover a {
  color: #333333;
  text-decoration: underline;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.no-border {
  border: none;
}
.noselect,
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */
  cursor: default;
}
.select-disabled,
.select-disabled a,
.select-disabled input,
.select-disabled button {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */
  cursor: not-allowed;
  opacity: 0.75;
}
.pale-text {
  opacity: 0.75;
}
.no-border,
.noborder {
  border: none;
}
.media-tag-warning-area {
  background: #EFA02D;
}
.media-tag-warning-area > li {
  color: #FFF !important;
  white-space: normal;
  line-height: inherit;
  font-size: 1em;
}
.group-public-warning-area {
  background: #EFA02D;
  color: #FFF !important;
  padding: 10px;
  white-space: normal;
  line-height: inherit;
  font-size: 1.1em;
  list-style: none;
}
.cursor-pointer-input,
.cursor-pointer,
.cursor-pointer-input input {
  cursor: pointer;
}
.cursor-zoom {
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.list-link-panel {
  float: left;
  padding-left: 3px;
}
.list-link-panel a {
  color: #333333;
}
/* SimpleMDE Editor fixes */
.CodeMirror {
  font-size: 14px !important;
}
.CodeMirror .editor-preview {
  white-space: normal;
}
.CodeMirror .editor-preview p,
.CodeMirror .editor-preview ul,
.CodeMirror .editor-preview ol,
.CodeMirror .editor-preview li,
.CodeMirror .editor-preview pre,
.CodeMirror .editor-preview h1,
.CodeMirror .editor-preview h2,
.CodeMirror .editor-preview h3,
.CodeMirror .editor-preview {
  background-color: #efefef;
}
.CodeMirror-scroll {
  cursor: text;
}
.cursor-text {
  cursor: text;
}
/** Anchors with nicer offset */
a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
/** Siblings with .comma get proper commas inserted between them */
.comma:not(:first-child) {
  margin-left: -0.3em;
}
.comma:empty {
  display: none;
}
.comma:not(:first-child):before {
  content: ", ";
}
/** Vertically centering divs for dummies */
.vertical-center-parent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.vertical-center-child {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/** ********** Video embeds *************** */
.embed-container {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-video-frame,
.embed-video-frame div,
.embed-video-frame img,
.embed-video-frame span {
  cursor: pointer;
}
.embed-video-frame {
  position: relative;
  background-color: #000;
  text-align: center;
  margin-bottom: 10px;
}
.embed-video-placeholder {
  opacity: 0.5;
}
.embed-video-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.embed-video-overlay span {
  font-size: 24px;
  line-height: 26px;
  white-space: normal;
  color: white;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
ul.blank-list,
ul.blank-list li,
ol.blank-list,
ol.blank-list li {
  list-style: none;
}
@media (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }
  .mobile-noscroll {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}
/**
  z-indexes:
    0: default. map, tiles
    1: map-buttons, hovered tile
    2: disabled-input overlay (during search)
    3: search controls
    4: tile-detail frame
    5: tile-create-idea frame
    6: overlays that reach beyond even tile-detail frame
*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../css/fonts/ibm-plex-sans/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: normal;
  src: url('../css/fonts/ibm-plex-sans/IBMPlexSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: bold;
  src: url('../css/fonts/ibm-plex-sans/IBMPlexSans-Bold.ttf') format('truetype');
}
/** Global Map/TileView styles */
.app-root,
.app-fullscreen,
.map-fullscreen,
.tile-list-fullscreen {
  position: fixed;
  top: 55px;
  /** Navbar compensation */
  left: 0;
  height: calc(100% - 55px);
  /** Navbar compensation */
  width: 100%;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  /* For fullscreen mode, don't move the controls to compensate for the navbar */
  /** Layer-switch buttons and map attribution */
}
.app-root.no-navbar .map-controls,
.app-fullscreen.no-navbar .map-controls,
.map-fullscreen.no-navbar .map-controls,
.tile-list-fullscreen.no-navbar .map-controls {
  top: 18px;
}
.app-root .caps,
.app-fullscreen .caps,
.map-fullscreen .caps,
.tile-list-fullscreen .caps {
  text-transform: uppercase;
}
.app-root .capitalize,
.app-fullscreen .capitalize,
.map-fullscreen .capitalize,
.tile-list-fullscreen .capitalize {
  text-transform: capitalize;
}
.app-root .pale-color,
.app-fullscreen .pale-color,
.map-fullscreen .pale-color,
.tile-list-fullscreen .pale-color {
  color: #999;
}
.app-root .result-type-span i,
.app-fullscreen .result-type-span i,
.map-fullscreen .result-type-span i,
.tile-list-fullscreen .result-type-span i {
  font-size: 16px;
  margin: 0 5px 0 2px;
}
.app-root .compact-link,
.app-fullscreen .compact-link,
.map-fullscreen .compact-link,
.tile-list-fullscreen .compact-link {
  word-break: break-all;
}
.app-root .message-success,
.app-fullscreen .message-success,
.map-fullscreen .message-success,
.tile-list-fullscreen .message-success {
  color: #92ae76;
}
.app-root .message-error,
.app-fullscreen .message-error,
.map-fullscreen .message-error,
.tile-list-fullscreen .message-error {
  color: #d00800;
}
.app-root .apply-color-people,
.app-fullscreen .apply-color-people,
.map-fullscreen .apply-color-people,
.tile-list-fullscreen .apply-color-people {
  color: #e66661;
}
.app-root .apply-bg-color-people,
.app-fullscreen .apply-bg-color-people,
.map-fullscreen .apply-bg-color-people,
.tile-list-fullscreen .apply-bg-color-people {
  background-color: #e66661;
}
.app-root .apply-color-events,
.app-fullscreen .apply-color-events,
.map-fullscreen .apply-color-events,
.tile-list-fullscreen .apply-color-events {
  color: #b8c26e;
}
.app-root .apply-bg-color-events,
.app-fullscreen .apply-bg-color-events,
.map-fullscreen .apply-bg-color-events,
.tile-list-fullscreen .apply-bg-color-events {
  background-color: #b8c26e;
}
.app-root .apply-color-projects,
.app-fullscreen .apply-color-projects,
.map-fullscreen .apply-color-projects,
.tile-list-fullscreen .apply-color-projects {
  color: #e69761;
}
.app-root .apply-bg-color-projects,
.app-fullscreen .apply-bg-color-projects,
.map-fullscreen .apply-bg-color-projects,
.tile-list-fullscreen .apply-bg-color-projects {
  background-color: #e69761;
}
.app-root .apply-color-conferences,
.app-fullscreen .apply-color-conferences,
.map-fullscreen .apply-color-conferences,
.tile-list-fullscreen .apply-color-conferences {
  color: #84c1a3;
}
.app-root .apply-bg-color-conferences,
.app-fullscreen .apply-bg-color-conferences,
.map-fullscreen .apply-bg-color-conferences,
.tile-list-fullscreen .apply-bg-color-conferences {
  background-color: #84c1a3;
}
.app-root .apply-color-groups,
.app-fullscreen .apply-color-groups,
.map-fullscreen .apply-color-groups,
.tile-list-fullscreen .apply-color-groups {
  color: #92ae76;
}
.app-root .apply-bg-color-groups,
.app-fullscreen .apply-bg-color-groups,
.map-fullscreen .apply-bg-color-groups,
.tile-list-fullscreen .apply-bg-color-groups {
  background-color: #92ae76;
}
.app-root .apply-color-ideas,
.app-fullscreen .apply-color-ideas,
.map-fullscreen .apply-color-ideas,
.tile-list-fullscreen .apply-color-ideas {
  color: #e7c76d;
}
.app-root .apply-bg-color-ideas,
.app-fullscreen .apply-bg-color-ideas,
.map-fullscreen .apply-bg-color-ideas,
.tile-list-fullscreen .apply-bg-color-ideas {
  background-color: #e7c76d;
}
.app-root .apply-color-organizations,
.app-fullscreen .apply-color-organizations,
.map-fullscreen .apply-color-organizations,
.tile-list-fullscreen .apply-color-organizations {
  color: #84c1a3;
}
.app-root .apply-bg-color-organizations,
.app-fullscreen .apply-bg-color-organizations,
.map-fullscreen .apply-bg-color-organizations,
.tile-list-fullscreen .apply-bg-color-organizations {
  background-color: #84c1a3;
}
.app-root .apply-color-cloudfiles,
.app-fullscreen .apply-color-cloudfiles,
.map-fullscreen .apply-color-cloudfiles,
.tile-list-fullscreen .apply-color-cloudfiles {
  color: #813A1F;
}
.app-root .apply-bg-color-cloudfiles,
.app-fullscreen .apply-bg-color-cloudfiles,
.map-fullscreen .apply-bg-color-cloudfiles,
.tile-list-fullscreen .apply-bg-color-cloudfiles {
  background-color: #813A1F;
}
.app-root .apply-color-cloud,
.app-fullscreen .apply-color-cloud,
.map-fullscreen .apply-color-cloud,
.tile-list-fullscreen .apply-color-cloud {
  color: #813A1F;
}
.app-root .apply-bg-color-cloud,
.app-fullscreen .apply-bg-color-cloud,
.map-fullscreen .apply-bg-color-cloud,
.tile-list-fullscreen .apply-bg-color-cloud {
  background-color: #813A1F;
}
.app-root .apply-color-liked,
.app-fullscreen .apply-color-liked,
.map-fullscreen .apply-color-liked,
.tile-list-fullscreen .apply-color-liked {
  color: #d00800;
}
.app-root .apply-bg-color-liked,
.app-fullscreen .apply-bg-color-liked,
.map-fullscreen .apply-bg-color-liked,
.tile-list-fullscreen .apply-bg-color-liked {
  background-color: #d00800;
}
.app-root .inline-spacer,
.app-fullscreen .inline-spacer,
.map-fullscreen .inline-spacer,
.tile-list-fullscreen .inline-spacer {
  display: inline-block;
  margin-left: 20px;
}
.app-root .map-layers-buttons,
.app-fullscreen .map-layers-buttons,
.map-fullscreen .map-layers-buttons,
.tile-list-fullscreen .map-layers-buttons {
  position: absolute;
  bottom: 20px;
  left: 5px;
  z-index: 1;
}
.app-root .leaflet-bottom .leaflet-control-attribution a,
.app-fullscreen .leaflet-bottom .leaflet-control-attribution a,
.map-fullscreen .leaflet-bottom .leaflet-control-attribution a,
.tile-list-fullscreen .leaflet-bottom .leaflet-control-attribution a {
  color: #333;
}
.app-root .placemark,
.app-fullscreen .placemark,
.map-fullscreen .placemark,
.tile-list-fullscreen .placemark {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.app-root .placemark.s,
.app-fullscreen .placemark.s,
.map-fullscreen .placemark.s,
.tile-list-fullscreen .placemark.s {
  height: 13px;
}
.app-root .placemark.m,
.app-fullscreen .placemark.m,
.map-fullscreen .placemark.m,
.tile-list-fullscreen .placemark.m {
  height: 23px;
}
.app-root .placemark.l,
.app-fullscreen .placemark.l,
.map-fullscreen .placemark.l,
.tile-list-fullscreen .placemark.l {
  height: 38px;
}
.app-root .placemark.non-map-placemark,
.app-fullscreen .placemark.non-map-placemark,
.map-fullscreen .placemark.non-map-placemark,
.tile-list-fullscreen .placemark.non-map-placemark {
  width: 30px;
  cursor: auto;
}
.app-root .placemark.draggable-placemark,
.app-fullscreen .placemark.draggable-placemark,
.map-fullscreen .placemark.draggable-placemark,
.tile-list-fullscreen .placemark.draggable-placemark {
  cursor: move;
}
.app-root .placemark.s.events,
.app-fullscreen .placemark.s.events,
.map-fullscreen .placemark.s.events,
.tile-list-fullscreen .placemark.s.events {
  background-image: url('/static/images/map-markers/placemark-s-event.png');
}
.app-root .placemark.s.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.events.marker-selected,
.app-fullscreen .placemark.s.events.marker-selected,
.map-fullscreen .placemark.s.events.marker-selected,
.tile-list-fullscreen .placemark.s.events.marker-selected,
.app-root .placemark.s.events.marker-hovered,
.app-fullscreen .placemark.s.events.marker-hovered,
.map-fullscreen .placemark.s.events.marker-hovered,
.tile-list-fullscreen .placemark.s.events.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-event-invert.png');
}
.app-root .placemark.m.events,
.app-fullscreen .placemark.m.events,
.map-fullscreen .placemark.m.events,
.tile-list-fullscreen .placemark.m.events {
  background-image: url('/static/images/map-markers/placemark-m-event.png');
}
.app-root .placemark.m.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.events.marker-selected,
.app-fullscreen .placemark.m.events.marker-selected,
.map-fullscreen .placemark.m.events.marker-selected,
.tile-list-fullscreen .placemark.m.events.marker-selected,
.app-root .placemark.m.events.marker-hovered,
.app-fullscreen .placemark.m.events.marker-hovered,
.map-fullscreen .placemark.m.events.marker-hovered,
.tile-list-fullscreen .placemark.m.events.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-event-invert.png');
}
.app-root .placemark.l.events,
.app-fullscreen .placemark.l.events,
.map-fullscreen .placemark.l.events,
.tile-list-fullscreen .placemark.l.events {
  background-image: url('/static/images/map-markers/placemark-l-event.png');
}
.app-root .placemark.l.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.events.marker-selected,
.app-fullscreen .placemark.l.events.marker-selected,
.map-fullscreen .placemark.l.events.marker-selected,
.tile-list-fullscreen .placemark.l.events.marker-selected,
.app-root .placemark.l.events.marker-hovered,
.app-fullscreen .placemark.l.events.marker-hovered,
.map-fullscreen .placemark.l.events.marker-hovered,
.tile-list-fullscreen .placemark.l.events.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-event-invert.png');
}
.app-root .placemark.l.icon.events,
.app-fullscreen .placemark.l.icon.events,
.map-fullscreen .placemark.l.icon.events,
.tile-list-fullscreen .placemark.l.icon.events {
  background-image: url('/static/images/map-markers/placemark-l-icon-event.png');
}
.app-root .placemark.l.icon.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.events:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.events.marker-selected,
.app-fullscreen .placemark.l.icon.events.marker-selected,
.map-fullscreen .placemark.l.icon.events.marker-selected,
.tile-list-fullscreen .placemark.l.icon.events.marker-selected,
.app-root .placemark.l.icon.events.marker-hovered,
.app-fullscreen .placemark.l.icon.events.marker-hovered,
.map-fullscreen .placemark.l.icon.events.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.events.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-event-invert.png');
}
.app-root .placemark.s.groups,
.app-fullscreen .placemark.s.groups,
.map-fullscreen .placemark.s.groups,
.tile-list-fullscreen .placemark.s.groups {
  background-image: url('/static/images/map-markers/placemark-s-group.png');
}
.app-root .placemark.s.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.groups.marker-selected,
.app-fullscreen .placemark.s.groups.marker-selected,
.map-fullscreen .placemark.s.groups.marker-selected,
.tile-list-fullscreen .placemark.s.groups.marker-selected,
.app-root .placemark.s.groups.marker-hovered,
.app-fullscreen .placemark.s.groups.marker-hovered,
.map-fullscreen .placemark.s.groups.marker-hovered,
.tile-list-fullscreen .placemark.s.groups.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-group-invert.png');
}
.app-root .placemark.m.groups,
.app-fullscreen .placemark.m.groups,
.map-fullscreen .placemark.m.groups,
.tile-list-fullscreen .placemark.m.groups {
  background-image: url('/static/images/map-markers/placemark-m-group.png');
}
.app-root .placemark.m.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.groups.marker-selected,
.app-fullscreen .placemark.m.groups.marker-selected,
.map-fullscreen .placemark.m.groups.marker-selected,
.tile-list-fullscreen .placemark.m.groups.marker-selected,
.app-root .placemark.m.groups.marker-hovered,
.app-fullscreen .placemark.m.groups.marker-hovered,
.map-fullscreen .placemark.m.groups.marker-hovered,
.tile-list-fullscreen .placemark.m.groups.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-group-invert.png');
}
.app-root .placemark.l.groups,
.app-fullscreen .placemark.l.groups,
.map-fullscreen .placemark.l.groups,
.tile-list-fullscreen .placemark.l.groups {
  background-image: url('/static/images/map-markers/placemark-l-group.png');
}
.app-root .placemark.l.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.groups.marker-selected,
.app-fullscreen .placemark.l.groups.marker-selected,
.map-fullscreen .placemark.l.groups.marker-selected,
.tile-list-fullscreen .placemark.l.groups.marker-selected,
.app-root .placemark.l.groups.marker-hovered,
.app-fullscreen .placemark.l.groups.marker-hovered,
.map-fullscreen .placemark.l.groups.marker-hovered,
.tile-list-fullscreen .placemark.l.groups.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-group-invert.png');
}
.app-root .placemark.l.icon.groups,
.app-fullscreen .placemark.l.icon.groups,
.map-fullscreen .placemark.l.icon.groups,
.tile-list-fullscreen .placemark.l.icon.groups {
  background-image: url('/static/images/map-markers/placemark-l-icon-group.png');
}
.app-root .placemark.l.icon.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.groups:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.groups.marker-selected,
.app-fullscreen .placemark.l.icon.groups.marker-selected,
.map-fullscreen .placemark.l.icon.groups.marker-selected,
.tile-list-fullscreen .placemark.l.icon.groups.marker-selected,
.app-root .placemark.l.icon.groups.marker-hovered,
.app-fullscreen .placemark.l.icon.groups.marker-hovered,
.map-fullscreen .placemark.l.icon.groups.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.groups.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-group-invert.png');
}
.app-root .placemark.s.conferences,
.app-fullscreen .placemark.s.conferences,
.map-fullscreen .placemark.s.conferences,
.tile-list-fullscreen .placemark.s.conferences {
  background-image: url('/static/images/map-markers/placemark-s-conference.png');
}
.app-root .placemark.s.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.conferences.marker-selected,
.app-fullscreen .placemark.s.conferences.marker-selected,
.map-fullscreen .placemark.s.conferences.marker-selected,
.tile-list-fullscreen .placemark.s.conferences.marker-selected,
.app-root .placemark.s.conferences.marker-hovered,
.app-fullscreen .placemark.s.conferences.marker-hovered,
.map-fullscreen .placemark.s.conferences.marker-hovered,
.tile-list-fullscreen .placemark.s.conferences.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-conference-invert.png');
}
.app-root .placemark.m.conferences,
.app-fullscreen .placemark.m.conferences,
.map-fullscreen .placemark.m.conferences,
.tile-list-fullscreen .placemark.m.conferences {
  background-image: url('/static/images/map-markers/placemark-m-conference.png');
}
.app-root .placemark.m.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.conferences.marker-selected,
.app-fullscreen .placemark.m.conferences.marker-selected,
.map-fullscreen .placemark.m.conferences.marker-selected,
.tile-list-fullscreen .placemark.m.conferences.marker-selected,
.app-root .placemark.m.conferences.marker-hovered,
.app-fullscreen .placemark.m.conferences.marker-hovered,
.map-fullscreen .placemark.m.conferences.marker-hovered,
.tile-list-fullscreen .placemark.m.conferences.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-conference-invert.png');
}
.app-root .placemark.l.conferences,
.app-fullscreen .placemark.l.conferences,
.map-fullscreen .placemark.l.conferences,
.tile-list-fullscreen .placemark.l.conferences {
  background-image: url('/static/images/map-markers/placemark-l-conference.png');
}
.app-root .placemark.l.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.conferences.marker-selected,
.app-fullscreen .placemark.l.conferences.marker-selected,
.map-fullscreen .placemark.l.conferences.marker-selected,
.tile-list-fullscreen .placemark.l.conferences.marker-selected,
.app-root .placemark.l.conferences.marker-hovered,
.app-fullscreen .placemark.l.conferences.marker-hovered,
.map-fullscreen .placemark.l.conferences.marker-hovered,
.tile-list-fullscreen .placemark.l.conferences.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-conference-invert.png');
}
.app-root .placemark.l.icon.conferences,
.app-fullscreen .placemark.l.icon.conferences,
.map-fullscreen .placemark.l.icon.conferences,
.tile-list-fullscreen .placemark.l.icon.conferences {
  background-image: url('/static/images/map-markers/placemark-l-icon-conference.png');
}
.app-root .placemark.l.icon.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.conferences:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.conferences.marker-selected,
.app-fullscreen .placemark.l.icon.conferences.marker-selected,
.map-fullscreen .placemark.l.icon.conferences.marker-selected,
.tile-list-fullscreen .placemark.l.icon.conferences.marker-selected,
.app-root .placemark.l.icon.conferences.marker-hovered,
.app-fullscreen .placemark.l.icon.conferences.marker-hovered,
.map-fullscreen .placemark.l.icon.conferences.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.conferences.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-conference-invert.png');
}
.app-root .placemark.s.ideas,
.app-fullscreen .placemark.s.ideas,
.map-fullscreen .placemark.s.ideas,
.tile-list-fullscreen .placemark.s.ideas {
  background-image: url('/static/images/map-markers/placemark-s-idea.png');
}
.app-root .placemark.s.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.ideas.marker-selected,
.app-fullscreen .placemark.s.ideas.marker-selected,
.map-fullscreen .placemark.s.ideas.marker-selected,
.tile-list-fullscreen .placemark.s.ideas.marker-selected,
.app-root .placemark.s.ideas.marker-hovered,
.app-fullscreen .placemark.s.ideas.marker-hovered,
.map-fullscreen .placemark.s.ideas.marker-hovered,
.tile-list-fullscreen .placemark.s.ideas.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-idea-invert.png');
}
.app-root .placemark.m.ideas,
.app-fullscreen .placemark.m.ideas,
.map-fullscreen .placemark.m.ideas,
.tile-list-fullscreen .placemark.m.ideas {
  background-image: url('/static/images/map-markers/placemark-m-idea.png');
}
.app-root .placemark.m.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.ideas.marker-selected,
.app-fullscreen .placemark.m.ideas.marker-selected,
.map-fullscreen .placemark.m.ideas.marker-selected,
.tile-list-fullscreen .placemark.m.ideas.marker-selected,
.app-root .placemark.m.ideas.marker-hovered,
.app-fullscreen .placemark.m.ideas.marker-hovered,
.map-fullscreen .placemark.m.ideas.marker-hovered,
.tile-list-fullscreen .placemark.m.ideas.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-idea-invert.png');
}
.app-root .placemark.l.ideas,
.app-fullscreen .placemark.l.ideas,
.map-fullscreen .placemark.l.ideas,
.tile-list-fullscreen .placemark.l.ideas {
  background-image: url('/static/images/map-markers/placemark-l-idea.png');
}
.app-root .placemark.l.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.ideas.marker-selected,
.app-fullscreen .placemark.l.ideas.marker-selected,
.map-fullscreen .placemark.l.ideas.marker-selected,
.tile-list-fullscreen .placemark.l.ideas.marker-selected,
.app-root .placemark.l.ideas.marker-hovered,
.app-fullscreen .placemark.l.ideas.marker-hovered,
.map-fullscreen .placemark.l.ideas.marker-hovered,
.tile-list-fullscreen .placemark.l.ideas.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-idea-invert.png');
}
.app-root .placemark.l.icon.ideas,
.app-fullscreen .placemark.l.icon.ideas,
.map-fullscreen .placemark.l.icon.ideas,
.tile-list-fullscreen .placemark.l.icon.ideas {
  background-image: url('/static/images/map-markers/placemark-l-icon-idea.png');
}
.app-root .placemark.l.icon.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.ideas:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.ideas.marker-selected,
.app-fullscreen .placemark.l.icon.ideas.marker-selected,
.map-fullscreen .placemark.l.icon.ideas.marker-selected,
.tile-list-fullscreen .placemark.l.icon.ideas.marker-selected,
.app-root .placemark.l.icon.ideas.marker-hovered,
.app-fullscreen .placemark.l.icon.ideas.marker-hovered,
.map-fullscreen .placemark.l.icon.ideas.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.ideas.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-idea-invert.png');
}
.app-root .placemark.s.organizations,
.app-fullscreen .placemark.s.organizations,
.map-fullscreen .placemark.s.organizations,
.tile-list-fullscreen .placemark.s.organizations {
  background-image: url('/static/images/map-markers/placemark-s-organization.png');
}
.app-root .placemark.s.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.organizations.marker-selected,
.app-fullscreen .placemark.s.organizations.marker-selected,
.map-fullscreen .placemark.s.organizations.marker-selected,
.tile-list-fullscreen .placemark.s.organizations.marker-selected,
.app-root .placemark.s.organizations.marker-hovered,
.app-fullscreen .placemark.s.organizations.marker-hovered,
.map-fullscreen .placemark.s.organizations.marker-hovered,
.tile-list-fullscreen .placemark.s.organizations.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-organization-invert.png');
}
.app-root .placemark.m.organizations,
.app-fullscreen .placemark.m.organizations,
.map-fullscreen .placemark.m.organizations,
.tile-list-fullscreen .placemark.m.organizations {
  background-image: url('/static/images/map-markers/placemark-m-organization.png');
}
.app-root .placemark.m.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.organizations.marker-selected,
.app-fullscreen .placemark.m.organizations.marker-selected,
.map-fullscreen .placemark.m.organizations.marker-selected,
.tile-list-fullscreen .placemark.m.organizations.marker-selected,
.app-root .placemark.m.organizations.marker-hovered,
.app-fullscreen .placemark.m.organizations.marker-hovered,
.map-fullscreen .placemark.m.organizations.marker-hovered,
.tile-list-fullscreen .placemark.m.organizations.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-organization-invert.png');
}
.app-root .placemark.l.organizations,
.app-fullscreen .placemark.l.organizations,
.map-fullscreen .placemark.l.organizations,
.tile-list-fullscreen .placemark.l.organizations {
  background-image: url('/static/images/map-markers/placemark-l-organization.png');
}
.app-root .placemark.l.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.organizations.marker-selected,
.app-fullscreen .placemark.l.organizations.marker-selected,
.map-fullscreen .placemark.l.organizations.marker-selected,
.tile-list-fullscreen .placemark.l.organizations.marker-selected,
.app-root .placemark.l.organizations.marker-hovered,
.app-fullscreen .placemark.l.organizations.marker-hovered,
.map-fullscreen .placemark.l.organizations.marker-hovered,
.tile-list-fullscreen .placemark.l.organizations.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-organization-invert.png');
}
.app-root .placemark.l.icon.organizations,
.app-fullscreen .placemark.l.icon.organizations,
.map-fullscreen .placemark.l.icon.organizations,
.tile-list-fullscreen .placemark.l.icon.organizations {
  background-image: url('/static/images/map-markers/placemark-l-icon-organization.png');
}
.app-root .placemark.l.icon.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.organizations:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.organizations.marker-selected,
.app-fullscreen .placemark.l.icon.organizations.marker-selected,
.map-fullscreen .placemark.l.icon.organizations.marker-selected,
.tile-list-fullscreen .placemark.l.icon.organizations.marker-selected,
.app-root .placemark.l.icon.organizations.marker-hovered,
.app-fullscreen .placemark.l.icon.organizations.marker-hovered,
.map-fullscreen .placemark.l.icon.organizations.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.organizations.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-organization-invert.png');
}
.app-root .placemark.s.people,
.app-fullscreen .placemark.s.people,
.map-fullscreen .placemark.s.people,
.tile-list-fullscreen .placemark.s.people {
  background-image: url('/static/images/map-markers/placemark-s-person.png');
}
.app-root .placemark.s.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.people.marker-selected,
.app-fullscreen .placemark.s.people.marker-selected,
.map-fullscreen .placemark.s.people.marker-selected,
.tile-list-fullscreen .placemark.s.people.marker-selected,
.app-root .placemark.s.people.marker-hovered,
.app-fullscreen .placemark.s.people.marker-hovered,
.map-fullscreen .placemark.s.people.marker-hovered,
.tile-list-fullscreen .placemark.s.people.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-person-invert.png');
}
.app-root .placemark.m.people,
.app-fullscreen .placemark.m.people,
.map-fullscreen .placemark.m.people,
.tile-list-fullscreen .placemark.m.people {
  background-image: url('/static/images/map-markers/placemark-m-person.png');
}
.app-root .placemark.m.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.people.marker-selected,
.app-fullscreen .placemark.m.people.marker-selected,
.map-fullscreen .placemark.m.people.marker-selected,
.tile-list-fullscreen .placemark.m.people.marker-selected,
.app-root .placemark.m.people.marker-hovered,
.app-fullscreen .placemark.m.people.marker-hovered,
.map-fullscreen .placemark.m.people.marker-hovered,
.tile-list-fullscreen .placemark.m.people.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-person-invert.png');
}
.app-root .placemark.l.people,
.app-fullscreen .placemark.l.people,
.map-fullscreen .placemark.l.people,
.tile-list-fullscreen .placemark.l.people {
  background-image: url('/static/images/map-markers/placemark-l-person.png');
}
.app-root .placemark.l.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.people.marker-selected,
.app-fullscreen .placemark.l.people.marker-selected,
.map-fullscreen .placemark.l.people.marker-selected,
.tile-list-fullscreen .placemark.l.people.marker-selected,
.app-root .placemark.l.people.marker-hovered,
.app-fullscreen .placemark.l.people.marker-hovered,
.map-fullscreen .placemark.l.people.marker-hovered,
.tile-list-fullscreen .placemark.l.people.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-person-invert.png');
}
.app-root .placemark.l.icon.people,
.app-fullscreen .placemark.l.icon.people,
.map-fullscreen .placemark.l.icon.people,
.tile-list-fullscreen .placemark.l.icon.people {
  background-image: url('/static/images/map-markers/placemark-l-icon-person.png');
}
.app-root .placemark.l.icon.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.people:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.people.marker-selected,
.app-fullscreen .placemark.l.icon.people.marker-selected,
.map-fullscreen .placemark.l.icon.people.marker-selected,
.tile-list-fullscreen .placemark.l.icon.people.marker-selected,
.app-root .placemark.l.icon.people.marker-hovered,
.app-fullscreen .placemark.l.icon.people.marker-hovered,
.map-fullscreen .placemark.l.icon.people.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.people.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-person-invert.png');
}
.app-root .placemark.s.projects,
.app-fullscreen .placemark.s.projects,
.map-fullscreen .placemark.s.projects,
.tile-list-fullscreen .placemark.s.projects {
  background-image: url('/static/images/map-markers/placemark-s-project.png');
}
.app-root .placemark.s.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.s.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.s.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.s.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.s.projects.marker-selected,
.app-fullscreen .placemark.s.projects.marker-selected,
.map-fullscreen .placemark.s.projects.marker-selected,
.tile-list-fullscreen .placemark.s.projects.marker-selected,
.app-root .placemark.s.projects.marker-hovered,
.app-fullscreen .placemark.s.projects.marker-hovered,
.map-fullscreen .placemark.s.projects.marker-hovered,
.tile-list-fullscreen .placemark.s.projects.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-s-project-invert.png');
}
.app-root .placemark.m.projects,
.app-fullscreen .placemark.m.projects,
.map-fullscreen .placemark.m.projects,
.tile-list-fullscreen .placemark.m.projects {
  background-image: url('/static/images/map-markers/placemark-m-project.png');
}
.app-root .placemark.m.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.m.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.m.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.m.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.m.projects.marker-selected,
.app-fullscreen .placemark.m.projects.marker-selected,
.map-fullscreen .placemark.m.projects.marker-selected,
.tile-list-fullscreen .placemark.m.projects.marker-selected,
.app-root .placemark.m.projects.marker-hovered,
.app-fullscreen .placemark.m.projects.marker-hovered,
.map-fullscreen .placemark.m.projects.marker-hovered,
.tile-list-fullscreen .placemark.m.projects.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-m-project-invert.png');
}
.app-root .placemark.l.projects,
.app-fullscreen .placemark.l.projects,
.map-fullscreen .placemark.l.projects,
.tile-list-fullscreen .placemark.l.projects {
  background-image: url('/static/images/map-markers/placemark-l-project.png');
}
.app-root .placemark.l.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.projects.marker-selected,
.app-fullscreen .placemark.l.projects.marker-selected,
.map-fullscreen .placemark.l.projects.marker-selected,
.tile-list-fullscreen .placemark.l.projects.marker-selected,
.app-root .placemark.l.projects.marker-hovered,
.app-fullscreen .placemark.l.projects.marker-hovered,
.map-fullscreen .placemark.l.projects.marker-hovered,
.tile-list-fullscreen .placemark.l.projects.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-project-invert.png');
}
.app-root .placemark.l.icon.projects,
.app-fullscreen .placemark.l.icon.projects,
.map-fullscreen .placemark.l.icon.projects,
.tile-list-fullscreen .placemark.l.icon.projects {
  background-image: url('/static/images/map-markers/placemark-l-icon-project.png');
}
.app-root .placemark.l.icon.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-fullscreen .placemark.l.icon.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.map-fullscreen .placemark.l.icon.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.tile-list-fullscreen .placemark.l.icon.projects:hover:not(.non-map-placemark):not(.draggable-placemark),
.app-root .placemark.l.icon.projects.marker-selected,
.app-fullscreen .placemark.l.icon.projects.marker-selected,
.map-fullscreen .placemark.l.icon.projects.marker-selected,
.tile-list-fullscreen .placemark.l.icon.projects.marker-selected,
.app-root .placemark.l.icon.projects.marker-hovered,
.app-fullscreen .placemark.l.icon.projects.marker-hovered,
.map-fullscreen .placemark.l.icon.projects.marker-hovered,
.tile-list-fullscreen .placemark.l.icon.projects.marker-hovered {
  background-image: url('/static/images/map-markers/placemark-l-icon-project-invert.png');
}
.app-root.no-navbar,
.app-root.no-navbar .map-fullscreen,
.app-root.no-navbar .tile-list-fullscreen {
  top: 0;
  height: 100%;
}
.map-splitscreen {
  width: 50%;
}
.tile-list-splitscreen {
  width: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}
.app-root.tile-detail-open .tile-list:not(.tile-list-splitscreen) {
  left: 0;
  width: 50%;
}
.app-embed {
  position: relative;
}
.map-embed {
  width: 100%;
  height: 100%;
}
/** Map expand button hidden for embedded maps and
 	when the detail view is open */
.app-root.tile-detail-open .map-expand-button,
.map-embed .map-expand-button {
  display: none;
}
.map-fullscreen {
  /** Toggle button for splitscreen/maximized map */
  /** Toggle state for the expand-button icon */
  /** Contracted state in fullscreen */
  /** Expanded state in splitscreen */
}
.map-fullscreen .map-expand-button {
  z-index: 1;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  font-size: 18px;
  color: #aaa;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  background: #FFF;
}
.map-fullscreen .map-expand-button i.fa {
  padding: 16px 6px;
}
.map-fullscreen .map-expand-button:hover {
  color: #333;
  text-decoration: none;
}
.map-fullscreen .map-expand-button {
  width: 50px;
}
.map-fullscreen .map-expand-button i.expanded {
  display: none;
}
.map-fullscreen .map-expand-button i.fa.contracted {
  padding: 14px 14px;
  font-size: 24px;
}
.map-fullscreen.map-splitscreen .map-expand-button {
  width: 22px;
}
.map-fullscreen.map-splitscreen .map-expand-button i.expanded {
  display: inherit;
}
.map-fullscreen.map-splitscreen .map-expand-button i.contracted {
  display: none;
}
/** Tile container styles */
.tile-list {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  /**
     * Taken out for now: this sets the open control-panel to a max-height so
     * that the search results are always partially visible even if the control pane
     * is higher than the window height.
     * This causes there to be two verrically scrollable panels after another, so beware.
    .controls.open {
        max-height: 75%;
        min-height: 50%;
        overflow-y: auto;
    }
     */
  /** Masonry */
}
.tile-list .tile-contents {
  flex-grow: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
.tile-list .grid {
  min-height: 100%;
  background-color: #FFF;
  margin: 0 0 10px 0;
  /* so the hover drop shadows don't get cut off */
}
.tile-list .grid-sizer,
.tile-list .grid-item {
  width: 25%;
  height: auto;
}
.tile-list.tile-list-splitscreen .grid-sizer,
.tile-list.tile-list-splitscreen .grid-item {
  width: 50%;
}
@media (max-width: 1199px) {
  .tile-list .grid-sizer,
  .tile-list .grid-item {
    width: 33.3%;
  }
}
@media (max-width: 991px) {
  .tile-list .grid-sizer,
  .tile-list .grid-item {
    width: 50%;
  }
}
.tile-list .overlay {
  display: none;
}
.tile-list.disabled .overlay {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 0.3;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently */
  cursor: default;
}
.app-root.tile-detail-open .tile-list:not(.tile-list-splitscreen) .grid-sizer,
.app-root.tile-detail-open .tile-list:not(.tile-list-splitscreen) .grid-item {
  width: 50%;
}
/** Common styles for both tiles and detail-view */
.app-root .tile,
.app-root .tile-detail {
  font-size: 14px;
  color: #333;
  background-color: #FFF;
}
.app-root .tile a,
.app-root .tile-detail a {
  color: #34b4b5;
  cursor: pointer;
}
.app-root .tile a:not(.uncolored-link,.rounded-button):hover,
.app-root .tile-detail a:not(.uncolored-link,.rounded-button):hover {
  color: #000;
}
.app-root .tile a.pale-color,
.app-root .tile-detail a.pale-color {
  color: #999;
}
.app-root .tile a.uncolored-link,
.app-root .tile-detail a.uncolored-link {
  color: #333;
}
.app-root .tile .image-placeholder-background-people,
.app-root .tile-detail .image-placeholder-background-people {
  background: #e66661;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #e66661 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #e66661 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #e66661 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-people-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-events,
.app-root .tile-detail .image-placeholder-background-events {
  background: #b8c26e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #b8c26e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #b8c26e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #b8c26e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-events-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-projects,
.app-root .tile-detail .image-placeholder-background-projects {
  background: #e69761;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #e69761 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #e69761 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #e69761 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-projects-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-groups,
.app-root .tile-detail .image-placeholder-background-groups {
  background: #92ae76;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #92ae76 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #92ae76 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #92ae76 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-groups-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-conferences,
.app-root .tile-detail .image-placeholder-background-conferences {
  background: #84c1a3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #84c1a3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-conferences-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-ideas,
.app-root .tile-detail .image-placeholder-background-ideas {
  background: #e7c76d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #e7c76d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #e7c76d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #e7c76d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-ideas-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-organizations,
.app-root .tile-detail .image-placeholder-background-organizations {
  background: #e7c76d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #84c1a3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-organizations-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .image-placeholder-background-cloudfile,
.app-root .tile-detail .image-placeholder-background-cloudfile {
  background: #e7c76d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #84c1a3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #84c1a3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@map-placeholder-gradient-top-color', endColorstr='@map-organizations-color', GradientType=0);
  /* IE6-9 */
}
.app-root .tile .one-line,
.app-root .tile-detail .one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-root .tile .multi-span,
.app-root .tile-detail .multi-span {
  margin-right: 10px;
}
.app-root .tile .half-line,
.app-root .tile-detail .half-line {
  max-width: 40%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.app-root .tile .dual-tile-image,
.app-root .tile-detail .dual-tile-image {
  position: relative;
  padding-top: 55%;
}
.app-root .tile .dual-tile-image .tile-image-background,
.app-root .tile-detail .dual-tile-image .tile-image-background {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.app-root .tile .dual-tile-image .floating-tile-image,
.app-root .tile-detail .dual-tile-image .floating-tile-image {
  position: absolute;
  width: 25%;
  bottom: 15px;
  left: 15px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.35);
  background: #FFF;
}
.app-root .tile .single-tile-image,
.app-root .tile-detail .single-tile-image {
  display: inline-block;
  width: 25%;
  float: left;
  margin: 0 15px 15px 0;
  position: relative;
  outline: 1px solid #ebebeb;
}
.app-root .tile .single-tile-image.image-placeholder-background,
.app-root .tile-detail .single-tile-image.image-placeholder-background {
  height: 0;
  padding-top: 25%;
  outline: none;
}
.app-root .tile .framed-tile-image,
.app-root .tile-detail .framed-tile-image {
  width: 100%;
}
/** Specific styles for small tiles, see above for common tile/detail styles */
.app-root .tile {
  /** Border-styling for tiles is complex */
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  margin-left: -1px;
  margin-bottom: 1px;
}
.app-root .tile[style*="left: 0%;"] {
  border-right: 1px solid #ebebeb;
  border-left: none;
  margin-left: 0;
}
.app-root .tile.hovered {
  z-index: 1;
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.app-root .tile .tile-detail-link {
  cursor: pointer;
  padding: 20px;
}
.app-root .tile .tile-section {
  padding: 5px 0 5px 0;
}
.app-root .tile .tile-section:last-child {
  padding-bottom: 0;
}
.app-root .tile .tile-section i.fa {
  font-size: 14px;
  padding: 0 5px 0 0;
}
.app-root .tile .tile-header-section {
  margin-bottom: 2px;
}
.app-root .tile .tile-description {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 10px;
}
.app-root .tile .tile-description:last-child {
  margin-bottom: 0;
}
.app-root .tile h1 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0 10px 0;
}
.app-root .tile h1.with-icon {
  display: flex;
  align-items: flex-start;
}
.app-root .tile h1.with-icon span {
  flex: 1;
}
.app-root .tile h1.with-icon i {
  font-size: 30px;
}
.app-root .tile p {
  padding: 0;
}
/** Specific styles for detail view, see above for common tile/detail styles */
.app-root .tile-detail {
  width: 50%;
  height: calc(100% - 55px);
  padding: 20px 25px;
  overflow-y: scroll;
  overflow-x: hidden;
  /** The image is smaller in height (and gets delivered that way) */
  /** We tame the markdown to a nicer level */
}
.app-root .tile-detail p {
  padding-left: 0;
  padding-right: 0;
}
.app-root .tile-detail .tile-section {
  padding: 10px 0 10px 0;
}
.app-root .tile-detail .tile-section.no-top-spacing {
  padding-top: 0;
}
.app-root .tile-detail .tile-section.tile-section-button-list {
  line-height: 40px;
}
.app-root .tile-detail .tile-section:last-child {
  padding-bottom: 0;
}
.app-root .tile-detail .tile-section i.fa {
  font-size: 18px;
  padding: 0 5px 0 0;
  vertical-align: middle;
}
.app-root .tile-detail .tile-section-compact {
  padding: 10px 0 10px 0;
  line-height: 20px;
}
.app-root .tile-detail .tile-section-compact i.fa {
  font-size: 14px;
  vertical-align: initial;
}
.app-root .tile-detail .tile-section-divided::before {
  content: " ";
  display: block;
  border-top: 1px solid #ebebeb;
  margin: 5px -25px 20px -25px;
  padding-top: 5px;
}
.app-root .tile-detail .tile-section-header {
  margin-bottom: 5px;
}
.app-root .tile-detail .extra-space {
  margin-bottom: 10px;
}
.app-root .tile-detail .extra-space-top {
  margin-top: 10px;
}
.app-root .tile-detail .top-line {
  padding-top: 0;
}
.app-root .tile-detail .no-space {
  margin-bottom: 0;
  padding-bottom: 0;
}
.app-root .tile-detail .title h1 {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 26px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.app-root .tile-detail .title a:hover,
.app-root .tile-detail .title a:hover h1 {
  text-decoration: none;
}
.app-root .tile-detail .title a i.fa {
  color: #34b4b5;
  font-size: 18px;
}
.app-root .tile-detail .title a:hover i.fa,
.app-root .tile-detail .title a i.fa:hover {
  font-weight: bold;
}
.app-root .tile-detail .subheading {
  font-weight: bold;
}
.app-root .tile-detail .subheading i.fa {
  font-size: 16px;
  vertical-align: initial;
}
.app-root .tile-detail .dual-tile-image {
  padding-top: 35%;
}
.app-root .tile-detail .dual-tile-image .floating-tile-image {
  position: absolute;
  width: 15%;
}
.app-root .tile-detail .single-tile-image {
  margin: 15px 15px 15px 0;
}
.app-root .tile-detail .tile-close-button {
  cursor: pointer;
  position: absolute;
  right: 20px;
  font-size: 22px;
  color: #999;
  /** makes the click-area bigger */
  margin: -10px;
  padding: 10px;
  /** adjust for own size */
  margin-top: -20px;
}
.app-root .tile-detail .tile-close-button.more-padding {
  margin-top: -10px;
}
.app-root .tile-detail .tile-close-button:hover {
  color: #333;
}
.app-root .tile-detail .description {
  line-height: 1.5em;
}
.app-root .tile-detail .description p {
  padding: 0;
  margin: 0;
}
.app-root .tile-detail .description ul {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.app-root .tile-detail .description p,
.app-root .tile-detail .description ul {
  margin-bottom: 15px;
}
.app-root .tile-detail .description h1,
.app-root .tile-detail .description h2,
.app-root .tile-detail .description h3,
.app-root .tile-detail .description h4,
.app-root .tile-detail .description h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0;
}
.app-root .tile-detail .description br {
  display: none;
}
.app-root .tile-detail .description img {
  max-width: 100%;
  max-height: 100%;
}
.app-root .tile-detail .alert {
  border-radius: 4px;
}
.app-root .tile-detail .alert i {
  font-size: 30px;
  color: white;
}
.app-root .tile-detail .alert p {
  color: white;
}
.app-root .tile-detail .card {
  clear: both;
  margin-bottom: 20px;
  cursor: pointer;
}
.app-root .tile-detail .card .card-image {
  display: inline-block;
  width: 36px;
  float: left;
  margin: 3px 10px 15px 0;
  position: relative;
  outline: 1px solid #ebebeb;
}
.app-root .tile-detail .card .card-image img {
  width: 100%;
}
.app-root .tile-detail .card .card-title {
  margin-bottom: 2px;
}
.app-root .tile-detail .card:hover .card-title a {
  text-decoration: underline;
}
.app-root .tile-detail .card .card-data i.fa {
  padding: 0 2px 0 0;
}
.app-root .tile-detail .card .card-data i.fa:not(:first-child) {
  margin-left: 10px;
}
.app-root .tile-detail .tile-detail-form input {
  width: 100%;
  font-size: 18px;
  padding: 5px 8px;
}
.app-root .tile-detail .tile-detail-form .editor-toolbar,
.app-root .tile-detail .tile-detail-form .editor-toolbar i.fa {
  color: #999;
  font-size: 14px;
}
.app-root .tile-detail .tile-detail-form .CodeMirror .CodeMirror-code,
.app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview,
.app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview p,
.app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview ul,
.app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview li {
  font-size: 18px;
  background-color: white;
}
.app-root .tile-detail .tile-detail-form input,
.app-root .tile-detail .tile-detail-form .CodeMirror {
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.app-root.no-navbar .tile-detail {
  height: 100%;
}
/** The full-50%-screen tile overlay */
.app-fullscreen .tile-detail {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 4;
  margin-top: 55px;
  height: calc(100% - 55px);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}
.app-fullscreen .tile-detail.tile-create-idea {
  z-index: 5;
}
.app-embed .tile-detail {
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  height: inherit;
  overflow-y: scroll;
}
.app-fullscreen.no-navbar .tile-detail {
  margin-top: 0;
  height: 100%;
}
.map-fullscreen .leaflet-bottom,
.map-embed .leaflet-bottom {
  position: static;
}
.map-fullscreen .leaflet-bottom .leaflet-control-attribution,
.map-embed .leaflet-bottom .leaflet-control-attribution {
  position: absolute;
  left: 0;
  bottom: 0;
}
/** Everything below here in .map-root is old-style! */
.map-root {
  /** During the Map-Marker-Place mode only the draggable marker is shown. */
}
.map-root .popup {
  max-width: 250px;
  min-width: 180px;
}
.map-root .popup img {
  float: left;
  width: 50px;
}
.map-root .popup .details {
  margin-left: 60px;
  max-width: 190px;
  min-height: 50px;
}
.map-root .popup .details .description {
  margin: 5px 0 0 0;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 12em;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.map-root .marker-cluster-small,
.map-root .marker-cluster-small div,
.map-root .marker-cluster-medium,
.map-root .marker-cluster-medium div,
.map-root .marker-cluster-large,
.map-root .marker-cluster-large div {
  background-color: rgba(0, 0, 0, 0.15);
  color: #eee;
}
.map-root .marker-cluster-small div,
.map-root .marker-cluster-small div div,
.map-root .marker-cluster-medium div,
.map-root .marker-cluster-medium div div,
.map-root .marker-cluster-large div,
.map-root .marker-cluster-large div div {
  background-color: rgba(120, 120, 120, 0.7);
}
.map-root .leaflet-marker-pane.marker-place-mode .placemark:not(.draggable-placemark) {
  display: none;
}
.map-root .leaflet-top,
.map-root .leaflet-control {
  z-index: 3;
}
.tile-list-header,
.controls {
  z-index: 3;
}
.tile-list-header {
  padding: 0 15px;
  border-bottom: 1px solid #ebebeb;
  background-color: #FFF;
  white-space: nowrap;
}
.tile-list-header span.pull-right {
  padding: 15px 0;
}
.tile-list-header h1,
.tile-list-header h1 i.fa {
  font-size: 25px;
}
.map-controls,
.map-scroll-controls,
.map-pagination-controls {
  width: auto;
  background-color: #FFF;
  cursor: auto;
  color: #333;
}
.map-controls p,
.map-scroll-controls p,
.map-pagination-controls p {
  color: #999;
}
.map-controls .button-list,
.map-scroll-controls .button-list,
.map-pagination-controls .button-list {
  line-height: 40px;
}
.map-controls .spacer,
.map-scroll-controls .spacer,
.map-pagination-controls .spacer {
  margin-bottom: 30px;
}
.map-controls h1,
.map-scroll-controls h1,
.map-pagination-controls h1 {
  margin-top: 20px;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
}
.map-controls .map-controls-search,
.map-scroll-controls .map-controls-search,
.map-pagination-controls .map-controls-search {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  display: flex;
  flex-direction: row;
}
.map-controls .map-controls-search .search-box,
.map-scroll-controls .map-controls-search .search-box,
.map-pagination-controls .map-controls-search .search-box {
  padding: 12px;
  flex-grow: 1;
  margin-left: 55px;
}
.map-controls .map-controls-search .icon-box,
.map-scroll-controls .map-controls-search .icon-box,
.map-pagination-controls .map-controls-search .icon-box {
  width: 54px;
  font-size: 25px;
  text-align: center;
  color: #aaa;
}
.map-controls .map-controls-search .icon-box:before,
.map-scroll-controls .map-controls-search .icon-box:before,
.map-pagination-controls .map-controls-search .icon-box:before {
  content: " ";
  position: absolute;
  right: 54px;
  top: 10px;
  border-left: 2px solid #ebebeb;
  height: 34px;
}
.map-controls .map-controls-search .q,
.map-scroll-controls .map-controls-search .q,
.map-pagination-controls .map-controls-search .q {
  width: 100%;
  font-size: 20px;
  padding: 0 39px 0 4px;
  color: #000;
  border: none;
  outline: none;
}
.map-controls .map-controls-search .q::-webkit-input-placeholder,
.map-scroll-controls .map-controls-search .q::-webkit-input-placeholder,
.map-pagination-controls .map-controls-search .q::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #aaa;
}
.map-controls .map-controls-search .q:-moz-placeholder,
.map-scroll-controls .map-controls-search .q:-moz-placeholder,
.map-pagination-controls .map-controls-search .q:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaa;
  opacity: 1;
}
.map-controls .map-controls-search .q::-moz-placeholder,
.map-scroll-controls .map-controls-search .q::-moz-placeholder,
.map-pagination-controls .map-controls-search .q::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
.map-controls .map-controls-search .q:-ms-input-placeholder,
.map-scroll-controls .map-controls-search .q:-ms-input-placeholder,
.map-pagination-controls .map-controls-search .q:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaa;
}
.map-controls .map-controls-search .q::-ms-input-placeholder,
.map-scroll-controls .map-controls-search .q::-ms-input-placeholder,
.map-pagination-controls .map-controls-search .q::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #aaa;
}
.map-controls .map-controls-search .q::placeholder,
.map-scroll-controls .map-controls-search .q::placeholder,
.map-pagination-controls .map-controls-search .q::placeholder {
  /* Most modern browsers support this now. */
  color: #aaa;
}
.map-controls .map-controls-search .icon-search,
.map-scroll-controls .map-controls-search .icon-search,
.map-pagination-controls .map-controls-search .icon-search,
.map-controls .map-controls-search .icon-loading,
.map-scroll-controls .map-controls-search .icon-loading,
.map-pagination-controls .map-controls-search .icon-loading,
.map-controls .map-controls-search .icon-reset,
.map-scroll-controls .map-controls-search .icon-reset,
.map-pagination-controls .map-controls-search .icon-reset,
.map-controls .map-controls-search .icon-filters,
.map-scroll-controls .map-controls-search .icon-filters,
.map-pagination-controls .map-controls-search .icon-filters {
  position: absolute;
  padding: 15px;
  top: 0;
  font-size: 25px;
  color: #aaa;
}
.map-controls .map-controls-search .icon-search,
.map-scroll-controls .map-controls-search .icon-search,
.map-pagination-controls .map-controls-search .icon-search {
  right: 0;
}
.map-controls .map-controls-search .icon-filters,
.map-scroll-controls .map-controls-search .icon-filters,
.map-pagination-controls .map-controls-search .icon-filters {
  left: 0;
  display: flex;
}
.map-controls .map-controls-search .icon-filters i,
.map-scroll-controls .map-controls-search .icon-filters i,
.map-pagination-controls .map-controls-search .icon-filters i {
  display: none;
}
.map-controls .map-controls-search .icon-filters:not(.open) .visible-default,
.map-scroll-controls .map-controls-search .icon-filters:not(.open) .visible-default,
.map-pagination-controls .map-controls-search .icon-filters:not(.open) .visible-default {
  display: inline-block;
}
.map-controls .map-controls-search .icon-filters.open:not(:hover) .visible-open,
.map-scroll-controls .map-controls-search .icon-filters.open:not(:hover) .visible-open,
.map-pagination-controls .map-controls-search .icon-filters.open:not(:hover) .visible-open {
  display: inline-block;
}
.map-controls .map-controls-search .icon-filters.open:hover .visible-open-hover,
.map-scroll-controls .map-controls-search .icon-filters.open:hover .visible-open-hover,
.map-pagination-controls .map-controls-search .icon-filters.open:hover .visible-open-hover {
  display: inline-block;
}
.map-controls .map-controls-search .icon-loading,
.map-scroll-controls .map-controls-search .icon-loading,
.map-pagination-controls .map-controls-search .icon-loading {
  right: 54px;
}
.map-controls .map-controls-search .icon-reset,
.map-scroll-controls .map-controls-search .icon-reset,
.map-pagination-controls .map-controls-search .icon-reset {
  right: 54px;
}
.map-controls .clickable-button,
.map-scroll-controls .clickable-button,
.map-pagination-controls .clickable-button {
  cursor: pointer;
  color: #aaa;
}
.map-controls .clickable-button.active,
.map-scroll-controls .clickable-button.active,
.map-pagination-controls .clickable-button.active {
  color: #34b4b5;
}
.map-controls .clickable-button:hover,
.map-scroll-controls .clickable-button:hover,
.map-pagination-controls .clickable-button:hover {
  color: #333;
}
.map-controls .hover-image-button .hover-image-icon,
.map-scroll-controls .hover-image-button .hover-image-icon,
.map-pagination-controls .hover-image-button .hover-image-icon {
  width: 134px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.map-controls .hover-image-button .hover-image-button-inner,
.map-scroll-controls .hover-image-button .hover-image-button-inner,
.map-pagination-controls .hover-image-button .hover-image-button-inner {
  position: relative;
}
.map-controls .hover-image-button .hover-image-icon-pos-abs,
.map-scroll-controls .hover-image-button .hover-image-icon-pos-abs,
.map-pagination-controls .hover-image-button .hover-image-icon-pos-abs {
  position: absolute;
  left: 25%;
  bottom: 35px;
}
.map-controls .hover-image-button .hover-image-icon-hidden,
.map-scroll-controls .hover-image-button .hover-image-icon-hidden,
.map-pagination-controls .hover-image-button .hover-image-icon-hidden {
  visibility: hidden;
}
.map-controls .map-controls-active-filter-frame,
.map-scroll-controls .map-controls-active-filter-frame,
.map-pagination-controls .map-controls-active-filter-frame {
  min-height: 54px;
  padding: 10px 15px;
  line-height: 32px;
  border-bottom: 1px solid #ebebeb;
}
.map-controls .map-controls-active-filter-frame .active-filters,
.map-scroll-controls .map-controls-active-filter-frame .active-filters,
.map-pagination-controls .map-controls-active-filter-frame .active-filters {
  display: inline-block;
  cursor: pointer;
  height: 34px;
  padding: 0 0 5px 10px;
  font-size: 14px;
  border: 1px solid #aaa;
  border-radius: 16px;
}
.map-controls .map-controls-active-filter-frame .active-filters .active-filters-inner,
.map-scroll-controls .map-controls-active-filter-frame .active-filters .active-filters-inner,
.map-pagination-controls .map-controls-active-filter-frame .active-filters .active-filters-inner {
  vertical-align: bottom;
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.map-controls .map-controls-active-filter-frame .active-filters .active-filters-inner i,
.map-scroll-controls .map-controls-active-filter-frame .active-filters .active-filters-inner i,
.map-pagination-controls .map-controls-active-filter-frame .active-filters .active-filters-inner i {
  margin-right: 5px;
}
.map-controls .map-controls-active-filter-frame .active-filters i.clickable-button,
.map-scroll-controls .map-controls-active-filter-frame .active-filters i.clickable-button,
.map-pagination-controls .map-controls-active-filter-frame .active-filters i.clickable-button {
  padding: 5px 10px 5px 5px;
}
.map-controls .map-controls-active-filter-frame .active-filters-type .active-filters-inner,
.map-scroll-controls .map-controls-active-filter-frame .active-filters-type .active-filters-inner,
.map-pagination-controls .map-controls-active-filter-frame .active-filters-type .active-filters-inner {
  float: left;
  font-size: 18px;
}
.map-controls .map-controls-active-filter-frame .active-filters-q .active-filters-inner,
.map-scroll-controls .map-controls-active-filter-frame .active-filters-q .active-filters-inner,
.map-pagination-controls .map-controls-active-filter-frame .active-filters-q .active-filters-inner {
  font-weight: bold;
  font-size: 18px;
}
.map-controls .map-controls-filters,
.map-scroll-controls .map-controls-filters,
.map-pagination-controls .map-controls-filters {
  border-bottom: 1px solid #ebebeb;
  padding: 15px;
}
.map-controls .map-controls-matching,
.map-scroll-controls .map-controls-matching,
.map-pagination-controls .map-controls-matching {
  border-bottom: 1px solid #ebebeb;
  padding: 15px;
}
.map-controls .map-controls-matching h1,
.map-scroll-controls .map-controls-matching h1,
.map-pagination-controls .map-controls-matching h1 {
  font-size: 14px;
  margin-bottom: 10px;
}
.map-controls .map-controls-matching h1 i,
.map-scroll-controls .map-controls-matching h1 i,
.map-pagination-controls .map-controls-matching h1 i {
  margin-right: 10px;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.map-controls .map-controls-matching p,
.map-scroll-controls .map-controls-matching p,
.map-pagination-controls .map-controls-matching p {
  padding: 0;
  color: #333;
  font-size: 14px;
}
.map-scroll-controls {
  padding: 10px;
  position: fixed;
  right: calc(50% + 10px);
  bottom: 10px;
}
.map-mobile-controls {
  position: fixed;
  right: 5px;
  bottom: 20px;
  z-index: 6;
}
.map-mobile-controls.left-side {
  right: unset;
  left: 20px;
}
.map-mobile-controls.full-width {
  bottom: 0;
  left: 0;
  right: unset;
  width: 100%;
  height: 70px;
  background-color: #FFF;
  padding: 10px 20px;
}
.map-mobile-controls .controls-description {
  text-align: left;
}
.app-embed .map-mobile-controls {
  display: none !important;
}
.map-pagination-controls {
  padding: 10px;
  text-align: center;
}
.map-create-idea-button-frame {
  padding: 10px;
  position: fixed;
  right: calc(50% + 10px);
  bottom: 10px;
}
/** Mobile Styles, mostly hiding stuff or making it larger */
/** Declare a container visible-by-current view by giving it a class like this:
    class="mobile-view mobile-view-map-visible".
    Multiple *-visible classes are possible.
*/
.app-root .mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .app-root .mobile-only {
    display: inherit;
  }
  .app-root .mobile-always-visible {
    display: inherit !important;
  }
  .app-root .mobile-hidden {
    display: none;
  }
  .app-root .mobile-view {
    display: none;
  }
  .app-root.mobile-view-map .mobile-view-map-visible-block,
  .app-root.mobile-view-search .mobile-view-search-visible-block,
  .app-root.mobile-view-list .mobile-view-list-visible-block,
  .app-root.mobile-view-detail .mobile-view-detail-visible-block,
  .app-root.mobile-view-idea-create-1 .mobile-view-idea-create-1-visible-block,
  .app-root.mobile-view-idea-create-2 .mobile-view-idea-create-2-visible-block {
    display: block;
  }
  .app-root.mobile-view-map .mobile-view-map-visible-inline-block,
  .app-root.mobile-view-search .mobile-view-search-visible-inline-block,
  .app-root.mobile-view-list .mobile-view-list-visible-inline-block,
  .app-root.mobile-view-detail .mobile-view-detail-visible-inline-block,
  .app-root.mobile-view-idea-create-1 .mobile-view-idea-create-1-visible-inline-block,
  .app-root.mobile-view-idea-create-2 .mobile-view-idea-create-2-visible-inline-block {
    display: inline-block;
  }
  .app-root.mobile-view-map .mobile-view-map-visible-inline,
  .app-root.mobile-view-search .mobile-view-search-visible-inline,
  .app-root.mobile-view-list .mobile-view-list-visible-inline,
  .app-root.mobile-view-detail .mobile-view-detail-visible-inline,
  .app-root.mobile-view-idea-create-1 .mobile-view-idea-create-1-visible-inline,
  .app-root.mobile-view-idea-create-2 .mobile-view-idea-create-2-visible-inline {
    display: inline;
  }
  .app-root.mobile-view-map .mobile-view-map-visible-flex,
  .app-root.mobile-view-search .mobile-view-search-visible-flex,
  .app-root.mobile-view-list .mobile-view-list-visible-flex,
  .app-root.mobile-view-detail .mobile-view-detail-visible-flex,
  .app-root.mobile-view-idea-create-1 .mobile-view-idea-create-1-visible-flex,
  .app-root.mobile-view-idea-create-2 .mobile-view-idea-create-2-visible-flex {
    display: flex;
  }
  .app-root .rounded-button.rounded-button-circular {
    height: 52px;
    line-height: 48px;
    font-size: 24px;
    margin-right: 15px;
    border-radius: 34px;
  }
  .app-root .rounded-button.rounded-button-circular .rounded-button-inner {
    padding: 0 10px;
  }
  .map-fullscreen .map-layers-buttons {
    bottom: unset;
    left: unset;
    right: 5px;
    top: 10px;
  }
  .map-splitscreen {
    width: 100%;
  }
  .mobile-view-list .tile-list-splitscreen,
  .mobile-view-search .tile-list-splitscreen {
    left: 0;
    width: 100%;
  }
  .tile-list .grid-sizer,
  .tile-list .grid-item {
    width: 100%;
    height: auto;
  }
  .app-root .tile-detail {
    left: 0;
    width: 100%;
    padding: 20px;
  }
  /** Moving the pagination controls to top in mobile view */
  .pagination-controls {
    position: fixed;
    width: 100%;
  }
  /** In full-tile-view, we move it under the header */
  .tile-list.tile-list-tile-fullscreen .pagination-controls {
    margin-top: 65px;
  }
  .tile-contents {
    margin-top: 72px;
  }
  /** correcting weird mobile behaviours */
  .map-controls .map-controls-filters {
    border-bottom: none;
  }
  .map-controls .map-controls-search .search-box {
    margin-left: 0;
  }
  .map-controls .map-controls-search .icon-filters {
    display: none;
  }
  .tile-list-fullscreen:before {
    display: none;
  }
  .controls {
    overflow-y: scroll;
  }
  .controls .q {
    padding-left: 4px;
  }
  .app-root .tile-detail .tile-detail-form {
    /** SimpleMDE is quite big */
  }
  .app-root .tile-detail .tile-detail-form .CodeMirror {
    height: 250px;
  }
  .app-root .tile-detail .tile-detail-form .CodeMirror .CodeMirror-code,
  .app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview,
  .app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview p,
  .app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview ul,
  .app-root .tile-detail .tile-detail-form .CodeMirror .editor-preview li {
    font-size: 14px;
  }
}
.sdg-icon {
  width: 134px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.sso-icon {
  height: 20px;
  vertical-align: baseline;
}
.import-report-wrapper {
  margin-top: 30px;
}
.import-report-wrapper h3 {
  margin-bottom: 15px;
}
.import-report-wrapper .panel-default {
  margin-bottom: 5px !important;
}
.import-report-wrapper .panel-body {
  padding: 5px 10px;
}
.import-report-wrapper i.fa {
  margin-right: 8px;
}
.import-report-wrapper .import-report-item {
  padding: 5px;
  font-size: 14px;
  line-height: 18px;
}
.import-report-wrapper .import-report-item:not(.import-report-sub-item) {
  font-size: 16px;
  margin-bottom: 5px;
}
.import-report-wrapper .import-report-color-warning {
  color: #e6a01c;
}
.import-report-wrapper .import-report-color-error {
  color: #da1616;
}
.import-report-wrapper .import-report-color-success {
  color: #3aa72e;
}
.import-report-wrapper .import-report-background-color-warning {
  background-color: #fdea8f;
}
.import-report-wrapper .import-report-background-color-error {
  background-color: #ffc5c5;
}
.import-warning {
  color: #ffffff;
  background-color: #efa02d;
  margin-bottom: 10px;
}
.import-success {
  color: #ffffff;
  background-color: #779b48;
  margin-bottom: 10px;
}
.user-management-search-result {
  text-align: center;
}
.user-management-search-result a {
  color: #4a4a4a;
}
.user-management-search-result .btn {
  float: none;
}
.user-management-user-list th {
  width: 16.6%;
  word-break: break-word;
}
.user-management-search-pagination {
  margin-top: 10px;
}
.user-management-search-pagination .current {
  text-align: center;
}
.user-management-search-pagination .next {
  text-align: end;
}
.user-management-search-pagination a {
  color: #4a4a4a;
}
.managed-tag-detail {
  padding: 10px 0 0 0;
}
.managed-tag-detail .tag-image {
  text-align: center;
  padding: 0 10px 0 0;
}
.managed-tag-detail .tag-image .detail-image {
  width: 100%;
}
.managed-tag-detail .detail-name {
  font-size: 16px;
}
.v2-navbar,
.v2-dashboard {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
  line-height: 18px;
  /* This is a repeat of &.headline-big */
  /* This is a repeat of &.no-side-margin */
  /* The next two styles condense to following h-s  */
  /** **** Lists of highlighted links **** */
  /** reset list styles */
}
.v2-navbar p,
.v2-dashboard p {
  margin: 9px 0;
}
.v2-navbar a:not(.no-select),
.v2-dashboard a:not(.no-select) {
  cursor: pointer;
}
.v2-navbar .headline,
.v2-dashboard .headline,
.v2-navbar .dashboard-announcement-frame h1,
.v2-dashboard .dashboard-announcement-frame h1,
.v2-navbar .dashboard-announcement-frame h2,
.v2-dashboard .dashboard-announcement-frame h2 {
  margin: 10px 20px 20px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #0077a4;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase;
  /** no text select */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently not supported by any browser */
  cursor: default;
}
.v2-navbar .headline,
.v2-dashboard .headline,
.v2-navbar .dashboard-announcement-frame h1,
.v2-dashboard .dashboard-announcement-frame h1,
.v2-navbar .dashboard-announcement-frame h2,
.v2-dashboard .dashboard-announcement-frame h2,
.v2-navbar .headline a,
.v2-dashboard .headline a,
.v2-navbar .dashboard-announcement-frame h1 a,
.v2-dashboard .dashboard-announcement-frame h1 a,
.v2-navbar .dashboard-announcement-frame h2 a,
.v2-dashboard .dashboard-announcement-frame h2 a {
  color: #0077a4;
}
.v2-navbar .headline a,
.v2-dashboard .headline a,
.v2-navbar .dashboard-announcement-frame h1 a,
.v2-dashboard .dashboard-announcement-frame h1 a,
.v2-navbar .dashboard-announcement-frame h2 a,
.v2-dashboard .dashboard-announcement-frame h2 a {
  letter-spacing: normal;
}
.v2-navbar .headline a + a,
.v2-dashboard .headline a + a,
.v2-navbar .dashboard-announcement-frame h1 a + a,
.v2-dashboard .dashboard-announcement-frame h1 a + a,
.v2-navbar .dashboard-announcement-frame h2 a + a,
.v2-dashboard .dashboard-announcement-frame h2 a + a {
  margin-left: 25px;
}
.v2-navbar .headline.headline-big,
.v2-dashboard .headline.headline-big,
.v2-navbar .dashboard-announcement-frame h1.headline-big,
.v2-dashboard .dashboard-announcement-frame h1.headline-big,
.v2-navbar .dashboard-announcement-frame h2.headline-big,
.v2-dashboard .dashboard-announcement-frame h2.headline-big {
  margin: 20px;
  font-size: 20px;
  line-height: 26px;
}
.v2-navbar .headline.headline-condensed,
.v2-dashboard .headline.headline-condensed,
.v2-navbar .dashboard-announcement-frame h1.headline-condensed,
.v2-dashboard .dashboard-announcement-frame h1.headline-condensed,
.v2-navbar .dashboard-announcement-frame h2.headline-condensed,
.v2-dashboard .dashboard-announcement-frame h2.headline-condensed {
  margin: 20px 20px 10px 20px;
}
.v2-navbar .headline.no-side-margin,
.v2-dashboard .headline.no-side-margin,
.v2-navbar .dashboard-announcement-frame h1.no-side-margin,
.v2-dashboard .dashboard-announcement-frame h1.no-side-margin,
.v2-navbar .dashboard-announcement-frame h2.no-side-margin,
.v2-dashboard .dashboard-announcement-frame h2.no-side-margin {
  margin-left: 0;
  margin-right: 0;
}
.v2-navbar .headline.inlayed-headline,
.v2-dashboard .headline.inlayed-headline,
.v2-navbar .dashboard-announcement-frame h1.inlayed-headline,
.v2-dashboard .dashboard-announcement-frame h1.inlayed-headline,
.v2-navbar .dashboard-announcement-frame h2.inlayed-headline,
.v2-dashboard .dashboard-announcement-frame h2.inlayed-headline {
  margin: 0 0 10px 0;
  color: inherit;
  font-size: 12px;
}
.v2-navbar .dashboard-announcement-frame h1,
.v2-dashboard .dashboard-announcement-frame h1 {
  margin: 20px;
  font-size: 20px;
  line-height: 26px;
}
.v2-navbar .dashboard-announcement-frame p + h2,
.v2-dashboard .dashboard-announcement-frame p + h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.v2-navbar .dashboard-announcement-frame h1,
.v2-dashboard .dashboard-announcement-frame h1,
.v2-navbar .dashboard-announcement-frame h2,
.v2-dashboard .dashboard-announcement-frame h2 {
  margin-left: 0;
  margin-right: 0;
}
.v2-navbar .dashboard-announcement-frame h1 + h1,
.v2-dashboard .dashboard-announcement-frame h1 + h1 {
  margin-top: 0;
}
.v2-navbar .dashboard-announcement-frame h1:nth-last-of-type(2),
.v2-dashboard .dashboard-announcement-frame h1:nth-last-of-type(2) {
  margin-bottom: 0;
}
.v2-navbar a:hover .headline,
.v2-dashboard a:hover .headline,
.v2-navbar a:active .headline,
.v2-dashboard a:active .headline {
  color: #fff;
}
.v2-navbar .text-bold,
.v2-dashboard .text-bold {
  font-weight: bold;
}
.v2-navbar .text-small,
.v2-dashboard .text-small {
  font-size: 12px;
}
.v2-navbar .label,
.v2-dashboard .label {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 18px;
}
.v2-navbar .margin-small,
.v2-dashboard .margin-small {
  margin-bottom: 7px !important;
}
.v2-navbar .margin-regular,
.v2-dashboard .margin-regular {
  margin-bottom: 10px !important;
}
.v2-navbar .margin-large,
.v2-dashboard .margin-large {
  margin-bottom: 20px !important;
}
.v2-navbar .margin-extra-large,
.v2-dashboard .margin-extra-large {
  margin-bottom: 40px !important;
}
.v2-navbar .no-margin,
.v2-dashboard .no-margin {
  margin: 0;
}
.v2-navbar .no-padding,
.v2-dashboard .no-padding {
  padding: 0;
}
.v2-navbar .button,
.v2-dashboard .button {
  /** TODO */
}
.v2-navbar .flex-row,
.v2-dashboard .flex-row {
  display: flex;
  flex-direction: row;
}
.v2-navbar .flex-row > div:not(:last-of-type),
.v2-dashboard .flex-row > div:not(:last-of-type) {
  margin-right: 8px;
}
.v2-navbar .flex-grow,
.v2-dashboard .flex-grow {
  flex-grow: 1;
  flex-basis: 0;
}
.v2-navbar ul.item-list,
.v2-dashboard ul.item-list,
.v2-navbar ul.item-list li,
.v2-dashboard ul.item-list li {
  list-style: none;
  padding: 0;
  margin: 0;
  text-indent: 0;
  width: 100%;
}
.v2-navbar ul.item-list,
.v2-dashboard ul.item-list {
  font-size: 14px;
  line-height: 35px;
}
.v2-navbar ul.item-list.item-list-divided li + li,
.v2-dashboard ul.item-list.item-list-divided li + li,
.v2-navbar ul.item-list.item-list-divided.bordered > li,
.v2-dashboard ul.item-list.item-list-divided.bordered > li {
  border-top: 1px solid #bebebe;
}
.v2-navbar ul.item-list hr,
.v2-dashboard ul.item-list hr {
  border-top: 1px solid #dadada;
  margin: 10px 20px;
}
.v2-navbar ul.item-list .list-item,
.v2-dashboard ul.item-list .list-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  color: #4a4a4a;
  padding: 0 15px;
  /** 
				Full width li with aligned items.
				Underdrop is a full-screen-width background, while the other elements still retain their alignment 
			*/
}
.v2-navbar ul.item-list .list-item i.fas,
.v2-dashboard ul.item-list .list-item i.fas {
  color: #4a4a4a;
  font-size: 16px;
}
.v2-navbar ul.item-list .list-item > div,
.v2-dashboard ul.item-list .list-item > div {
  z-index: 3;
  margin: 0 8px;
}
.v2-navbar ul.item-list .list-item .item-icon img,
.v2-dashboard ul.item-list .list-item .item-icon img {
  width: 20px;
}
.v2-navbar ul.item-list .list-item .item-icon.item-icon-offset i.fas,
.v2-dashboard ul.item-list .list-item .item-icon.item-icon-offset i.fas {
  vertical-align: middle;
}
.v2-navbar ul.item-list .list-item .item-icon.item-icon-vertical-center,
.v2-dashboard ul.item-list .list-item .item-icon.item-icon-vertical-center {
  margin-top: auto;
  margin-bottom: auto;
}
.v2-navbar ul.item-list .list-item .item-icon.item-icon-vertical-center i.fas,
.v2-dashboard ul.item-list .list-item .item-icon.item-icon-vertical-center i.fas {
  vertical-align: middle;
}
.v2-navbar ul.item-list .list-item .item-icon.item-icon-fixed-width,
.v2-dashboard ul.item-list .list-item .item-icon.item-icon-fixed-width {
  width: 44px;
  text-align: center;
}
.v2-navbar ul.item-list .list-item .item-text,
.v2-dashboard ul.item-list .list-item .item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 2;
}
.v2-navbar ul.item-list .list-item .item-text.item-text-dual,
.v2-dashboard ul.item-list .list-item .item-text.item-text-dual {
  line-height: 18px;
  padding: 4px 0;
}
.v2-navbar ul.item-list .list-item.list-item-extended,
.v2-dashboard ul.item-list .list-item.list-item-extended {
  padding-top: 5px;
  padding-bottom: 5px;
}
.v2-navbar ul.item-list .list-item.list-item-extended .item-text-primary,
.v2-dashboard ul.item-list .list-item.list-item-extended .item-text-primary {
  white-space: normal;
}
.v2-navbar ul.item-list .list-item.list-item-extended .item-icon img,
.v2-dashboard ul.item-list .list-item.list-item-extended .item-icon img {
  max-width: 44px;
  max-height: 44px;
  width: auto;
  height: auto;
}
.v2-navbar ul.item-list .list-item.list-item-extended .item-icon i.fa,
.v2-dashboard ul.item-list .list-item.list-item-extended .item-icon i.fa,
.v2-navbar ul.item-list .list-item.list-item-extended .item-icon i.fas,
.v2-dashboard ul.item-list .list-item.list-item-extended .item-icon i.fas {
  font-size: 24px;
}
.v2-navbar ul.item-list .list-item.list-item-emphasized,
.v2-dashboard ul.item-list .list-item.list-item-emphasized {
  background-color: #efefef;
}
.v2-navbar ul.item-list .list-item.list-item-padded,
.v2-dashboard ul.item-list .list-item.list-item-padded {
  padding-left: 75px;
}
.v2-navbar ul.item-list .list-item .item-text-secondary,
.v2-dashboard ul.item-list .list-item .item-text-secondary,
.v2-navbar ul.item-list .list-item .item-text-tertiary,
.v2-dashboard ul.item-list .list-item .item-text-tertiary {
  margin: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v2-navbar ul.item-list .list-item .item-text-secondary i.fa,
.v2-dashboard ul.item-list .list-item .item-text-secondary i.fa,
.v2-navbar ul.item-list .list-item .item-text-tertiary i.fa,
.v2-dashboard ul.item-list .list-item .item-text-tertiary i.fa,
.v2-navbar ul.item-list .list-item .item-text-secondary i.fas,
.v2-dashboard ul.item-list .list-item .item-text-secondary i.fas,
.v2-navbar ul.item-list .list-item .item-text-tertiary i.fas,
.v2-dashboard ul.item-list .list-item .item-text-tertiary i.fas {
  font-size: 10px;
}
.v2-navbar ul.item-list .list-item .item-text-tertiary,
.v2-dashboard ul.item-list .list-item .item-text-tertiary,
.v2-navbar ul.item-list .list-item .item-text-tertiary i.fa,
.v2-dashboard ul.item-list .list-item .item-text-tertiary i.fa,
.v2-navbar ul.item-list .list-item .item-text-tertiary i.fas,
.v2-dashboard ul.item-list .list-item .item-text-tertiary i.fas {
  margin-right: 2px;
}
.v2-navbar ul.item-list .list-item:not(:hover) .item-text-tertiary,
.v2-dashboard ul.item-list .list-item:not(:hover) .item-text-tertiary,
.v2-navbar ul.item-list .list-item:not(:hover) .item-text-tertiary i.fa,
.v2-dashboard ul.item-list .list-item:not(:hover) .item-text-tertiary i.fa,
.v2-navbar ul.item-list .list-item:not(:hover) .item-text-tertiary i.fas,
.v2-dashboard ul.item-list .list-item:not(:hover) .item-text-tertiary i.fas {
  color: #9b9b9b;
}
.v2-navbar ul.item-list .list-item .item-text-inline-spacer,
.v2-dashboard ul.item-list .list-item .item-text-inline-spacer {
  padding-right: 14px;
}
.v2-navbar ul.item-list .list-item .right-side-annotation,
.v2-dashboard ul.item-list .list-item .right-side-annotation {
  margin-right: 15px;
  max-width: 40%;
}
.v2-navbar ul.item-list .list-item .right-side-annotation i.fas,
.v2-dashboard ul.item-list .list-item .right-side-annotation i.fas,
.v2-navbar ul.item-list .list-item .right-side-annotation i.far,
.v2-dashboard ul.item-list .list-item .right-side-annotation i.far,
.v2-navbar ul.item-list .list-item .right-side-annotation img,
.v2-dashboard ul.item-list .list-item .right-side-annotation img {
  margin-right: 4px;
  font-size: 14px;
}
.v2-navbar ul.item-list .list-item .right-side-annotation.right-side-action,
.v2-dashboard ul.item-list .list-item .right-side-annotation.right-side-action {
  margin-right: 0;
  padding: 0 7px 0 10px;
}
.v2-navbar ul.item-list .list-item .right-side-annotation.right-side-action:hover,
.v2-dashboard ul.item-list .list-item .right-side-annotation.right-side-action:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 25px;
}
.v2-navbar ul.item-list .list-item .li-underdrop,
.v2-dashboard ul.item-list .list-item .li-underdrop {
  position: fixed;
  left: 0;
  width: 100%;
  margin: 0;
  background-color: #fafafa;
  z-index: -1;
}
.v2-navbar ul.item-list .list-item .li-underdrop:after,
.v2-dashboard ul.item-list .list-item .li-underdrop:after {
  content: '.';
  visibility: hidden;
}
.v2-navbar ul.item-list .list-item.list-item-link,
.v2-dashboard ul.item-list .list-item.list-item-link {
  color: #9b9b9b;
  font-size: 12px;
}
.v2-navbar ul.item-list .list-item.list-item-link .item-text,
.v2-dashboard ul.item-list .list-item.list-item-link .item-text {
  line-height: 44px;
}
.v2-navbar ul.item-list .list-item.list-item-center,
.v2-dashboard ul.item-list .list-item.list-item-center {
  text-align: center;
}
.v2-navbar ul.item-list .list-item.inactive,
.v2-dashboard ul.item-list .list-item.inactive {
  color: #9b9b9b;
}
.v2-navbar ul.item-list .list-item-group .main-item,
.v2-dashboard ul.item-list .list-item-group .main-item {
  display: flex;
  flex-direction: row;
}
.v2-navbar ul.item-list .list-item-group .sub-item-container.in,
.v2-dashboard ul.item-list .list-item-group .sub-item-container.in {
  border-top: 1px solid #bebebe;
}
.v2-navbar ul.item-list .list-item-group .list-item,
.v2-dashboard ul.item-list .list-item-group .list-item {
  padding-right: 0;
}
.v2-navbar ul.item-list .list-item-group .list-item .right-side-annotation,
.v2-dashboard ul.item-list .list-item-group .list-item .right-side-annotation {
  margin-right: 10px;
}
.v2-navbar ul.item-list .list-item-group .list-item-group-dropdown-link,
.v2-dashboard ul.item-list .list-item-group .list-item-group-dropdown-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  border-left: 1px solid #efefef;
}
.v2-navbar ul.item-list .list-item-group .list-item-group-dropdown-link.collapsed .show-uncollapsed,
.v2-dashboard ul.item-list .list-item-group .list-item-group-dropdown-link.collapsed .show-uncollapsed {
  display: none;
}
.v2-navbar ul.item-list .list-item-group .list-item-group-dropdown-link:not(.collapsed) .show-collapsed,
.v2-dashboard ul.item-list .list-item-group .list-item-group-dropdown-link:not(.collapsed) .show-collapsed {
  display: none;
}
.v2-navbar ul.item-list a.list-item.list-item-link:not(.inactive):hover,
.v2-dashboard ul.item-list a.list-item.list-item-link:not(.inactive):hover,
.v2-navbar ul.item-list a.list-item.list-item-link:not(.inactive) :active,
.v2-dashboard ul.item-list a.list-item.list-item-link:not(.inactive) :active {
  color: #0077a4;
  text-decoration: none;
}
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover,
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop {
  background-color: #0077a4;
  text-decoration: none;
}
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover,
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop,
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover i.fas,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover i.fas,
.v2-navbar ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop i.fas,
.v2-dashboard ul.item-list a.list-item:not(.list-item-link):not(.inactive):hover .li-underdrop i.fas {
  color: #fff;
}
.v2-navbar .truncated-oneline,
.v2-dashboard .truncated-oneline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/** Required so the right-hand side action buttons dashboard items like the unfollow buttons align.
    Can't be applied to navbar, as the group annotations would get squashed. */
.v2-dashboard ul.item-list .list-item .item-text {
  width: 100%;
}
/** Used in the wrapper for markdown and any other kind 
	of user-generated text */
.v2-textfield {
  font-size: 14px;
  line-height: 18px;
  word-break: break-word;
  white-space: normal;
  color: #4a4a4a;
  /* Hide linebreaks in sublists (those linebreaks are some markdown glitch) */
}
.v2-textfield a {
  color: #0077a4 !important;
}
.v2-textfield h1,
.v2-textfield h2,
.v2-textfield h3,
.v2-textfield h4,
.v2-textfield h5,
.v2-textfield h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 18px 0 9px 0;
}
.v2-textfield h1 {
  margin-top: 36px;
}
.v2-textfield p {
  padding: 0;
  margin: 0;
  color: #4a4a4a;
}
.v2-textfield p:not(:last-of-type) {
  margin-bottom: 9px;
}
.v2-textfield ul,
.v2-textfield ol {
  padding-left: 26px;
}
.v2-textfield ul ul,
.v2-textfield ol ul,
.v2-textfield ul ol,
.v2-textfield ol ol {
  padding-left: 22px;
}
.v2-textfield img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin: 0 9px 9px 0;
}
.v2-textfield ul br,
.v2-textfield ol br,
.v2-textfield ul br {
  display: none;
}
.v2-textfield.transparent,
.v2-textfield.transparent p {
  background-color: transparent;
}
.v2-dropdown {
  z-index: 3;
}
.v2-dropdown,
.v2-dropdown i.fas {
  color: #bebebe;
}
.v2-dropdown a.dropdown-toggle {
  padding: 10px;
}
.v2-dropdown a.dropdown-toggle:hover,
.v2-dropdown a.dropdown-toggle:hover i.fas {
  color: #0077a4;
}
.v2-dropdown ul.dropdown-menu {
  padding: 0;
  left: unset;
  right: 0;
  min-width: 100px;
}
.v2-dropdown ul.dropdown-menu li a {
  padding: 5px 10px;
  font-weight: normal;
}
.v2-dropdown ul.dropdown-menu li a:hover,
.v2-dropdown ul.dropdown-menu li a:active {
  text-decoration: none;
  color: #fff;
  background-color: #0077a4;
}
.v2-dropdown ul.dropdown-menu li:not(:last-of-type) {
  border-bottom: 1px solid #9b9b9b;
}
.onoffswitch {
  position: relative;
  width: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #0077a4;
  border-radius: 16px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 13px;
  padding: 0;
  line-height: 13px;
  font-size: 16px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #0077a4;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #666666;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 17px;
  margin: 0;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  border: 2px solid #0077a4;
  border-radius: 16px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.onoffswitch-checkbox:not(:checked) + .onoffswitch-label {
  border-color: #9b9b9b;
}
.onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {
  border-color: #9b9b9b;
}
.onoffswitch-frame:hover .onoffswitch-label {
  border-color: #0077a4;
}
.onoffswitch-frame:hover .onoffswitch-label .onoffswitch-switch {
  border-color: #0077a4;
}
.onoffswitch-text-label {
  vertical-align: top;
  font-size: 14px;
  padding-top: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.onoffswitch-frame {
  cursor: pointer;
}
.onoffswitch-frame td:first-of-type {
  padding-right: 10px;
}
.arrow-box {
  background-color: #fafafa;
  border: 1px solid #9b9b9b;
  position: absolute;
  z-index: 10;
  margin-left: -150px;
  width: 300px;
  white-space: normal;
  padding: 5px;
  margin-top: 15px;
}
.arrow-box:after,
.arrow-box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-box:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #fafafa;
  border-width: 10px;
  margin-left: -10px;
}
.arrow-box:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #9b9b9b;
  border-width: 11px;
  margin-left: -11px;
}
.hover-hint {
  color: #4a4a4a;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
}
.hover-hint i.fa,
.hover-hint i.fas {
  color: #9b9b9b;
}
.v2-modal-dialog button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 24px;
  font-weight: normal;
}
.centered {
  text-align: center;
}
.color-primary {
  color: #0077a4;
}
.color-secondary {
  color: #da4d29;
}
/** Desktop only */
@media (min-width: 768px) {
  .v2-navbar .mobile-only,
  .v2-dashboard .mobile-only {
    display: none;
  }
}
/** Mobile only */
@media (max-width: 767px) {
  .v2-navbar .mobile-hidden,
  .v2-dashboard .mobile-hidden {
    display: none;
  }
  .v2-navbar .mobile-only,
  .v2-dashboard .mobile-only {
    display: inherit;
  }
  .v2-navbar .mobile-flex-column,
  .v2-dashboard .mobile-flex-column {
    display: flex;
    flex-direction: column;
  }
  .v2-navbar .mobile-flex-column > div:not(:last-of-type),
  .v2-dashboard .mobile-flex-column > div:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .v2-dropdown ul.dropdown-menu {
    left: unset;
    right: 0;
  }
}
.v2-dashboard-body {
  background: #fafafa;
  padding: 0;
}
.v2-dashboard {
  /** dashboard is hidden until all html is loaded to stop flickering */
  display: flex;
  margin-top: 50px;
  width: 100%;
  background-color: #fafafa;
  /* Imitating the leaflet box attribution font style */
}
.v2-dashboard.loading {
  opacity: 0;
}
.v2-dashboard .dashboard-left-bar,
.v2-dashboard .dashboard-right-bar {
  background-color: #fafafa;
  width: 25%;
}
.v2-dashboard .dashboard-center-bar {
  width: 50%;
  background-color: #fff;
  border-right: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
}
.v2-dashboard .widget-content {
  border-bottom: 1px solid #dadada;
  padding: 10px 0px;
}
.v2-dashboard .widget-info-box {
  padding: 0 20px 20px 20px;
  line-height: 20px;
}
.v2-dashboard .widget-info-box.no-header {
  padding: 20px;
}
.v2-dashboard .widget-info-box a {
  color: #4a4a4a;
  text-decoration: underline;
}
.v2-dashboard .widget-info-box a:hover,
.v2-dashboard .widget-info-box a:active {
  color: #0077a4;
}
.v2-dashboard .map-widget-info-box {
  padding: 0 5px;
  font-size: 11px;
  font-weight: 400;
  color: #333;
}
.v2-dashboard .square-widget {
  position: relative;
}
.v2-dashboard .square-widget .square-content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.v2-dashboard .square-widget:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.v2-dashboard .map-widget-iframe iframe {
  width: 100%;
  height: 100%;
  border-style: none;
}
.v2-dashboard .map-widget-iframe .map-widget-link {
  position: absolute;
  bottom: 0;
  right: 0;
}
.v2-dashboard .map-widget-iframe .map-widget-link img {
  margin: 10px;
}
.v2-dashboard .map-widget {
  background-image: url("/static/img/map-widget-background.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.v2-dashboard .map-widget .hover-link {
  opacity: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: opacity 0.33s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-transition: opacity 0.33s;
  /* Firefox < 16 */
  -ms-transition: opacity 0.33s;
  /* Internet Explorer */
  -o-transition: opacity 0.33s;
  /* Opera < 12.1 */
  transition: opacity 0.33s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2-dashboard .map-widget:hover .hover-link {
  opacity: 1;
}
.v2-dashboard .legal-links {
  padding: 20px;
}
.v2-dashboard .legal-links div {
  margin-bottom: 10px;
}
.v2-dashboard .legal-links a {
  color: #4a4a4a;
  text-decoration: underline;
}
.v2-dashboard .dashboard-welcome-frame,
.v2-dashboard .dashboard-announcement-frame {
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
}
.v2-dashboard .dashboard-welcome-frame .description,
.v2-dashboard .dashboard-announcement-frame .description {
  cursor: default;
}
.v2-dashboard .dashboard-welcome-frame .aside-link,
.v2-dashboard .dashboard-announcement-frame .aside-link {
  position: absolute;
  right: 20px;
  margin-top: 15px;
}
.v2-dashboard .dashboard-announcement-frame {
  background-color: #fafafa;
}
.v2-dashboard .dashboard-news-create-frame {
  padding-top: 10px;
  border-bottom: 1px solid #9b9b9b;
  /** Overriding styles for the old-style formfields only.
			TODO: Remove these styles when the note-form has been done
			specifically for the dashboard.
		*/
}
.v2-dashboard .dashboard-news-create-frame .news-textbox-frame {
  margin: 0 20px 20px 20px;
}
.v2-dashboard .dashboard-news-create-frame .news-textbox {
  width: 100%;
  height: 58px;
  padding: 20px;
  background-color: #fafafa;
  border: 1px solid #4a4a4a;
  cursor: text;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.v2-dashboard .dashboard-news-create-frame .news-textbox-icon {
  float: right;
  font-size: 18px;
  margin-top: -3px;
}
.v2-dashboard .dashboard-news-create-frame .modal,
.v2-dashboard .dashboard-news-create-frame .modal i.fas,
.v2-dashboard .dashboard-news-create-frame .modal i.fa {
  color: #4a4a4a;
}
.v2-dashboard .dashboard-news-create-frame .modal a.pull-left,
.v2-dashboard .dashboard-news-create-frame .modal span.pull-left {
  background-color: #fff;
  margin-left: 10px;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-header {
  color: #0077a4;
  padding: 20px 15px 15px 15px;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-header h4 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field {
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  margin: -1px 0 -1px 0;
  padding: 4px 0px;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field .translations-link,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field .translations-link {
  padding-left: 20px;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field.header-only,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field.header-only {
  display: none;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field .regular-space,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field .regular-space {
  margin: 0;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field .editor-toolbar,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field .editor-toolbar {
  border-top: none;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field .CodeMirror,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field .CodeMirror {
  border-bottom: none;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field > label,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field > label,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field .field-description,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field .field-description {
  display: none;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field input,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field input,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field label,
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-media-field label {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px;
}
.v2-dashboard .dashboard-news-create-frame .modal .field-translations .cosinnus-field > label,
.v2-dashboard .dashboard-news-create-frame .modal .field-translations .cosinnus-media-field > label {
  display: block;
  padding-left: 20px;
}
.v2-dashboard .dashboard-news-create-frame .modal .cosinnus-field-input input {
  padding: 10px 20px 5px 20px;
}
.v2-dashboard .dashboard-news-create-frame .modal .select2-choices {
  display: flex;
  flex-direction: row;
}
.v2-dashboard .dashboard-news-create-frame .modal .select2-choices .select2-search-field {
  flex: 1 1 0;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body {
  padding: 0;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body .btn-no-float.regular-space.w100 {
  margin: 0 0 -1px 0;
  padding: 15px 0 35px;
  border-bottom: 1px solid #9b9b9b;
  font-size: 14px;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body span#attachments-existing-files {
  display: inline-block;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body .dropzone {
  padding: 0 10px 0 0;
  border-top: 1px solid #dadada;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body .dropzone label {
  margin-top: 10px;
  margin-bottom: 0;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-body .dropzone .label-soft {
  color: #9b9b9b;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button {
  text-align: left;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
  color: #9b9b9b;
  border-radius: 5px;
  width: auto;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button[type="submit"] {
  color: #0077a4;
  text-align: right;
  float: right;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button a.pull-left,
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button span.pull-left {
  display: none;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button .media-body {
  font-size: 14px;
}
.v2-dashboard .dashboard-news-create-frame .modal .modal-footer button:hover {
  background-color: #dadada;
}
.v2-dashboard .dashboard-news-create-frame .modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.v2-dashboard .timeline-controls {
  background-color: #fafafa;
  border-bottom: 1px solid #dadada;
  padding: 17px 20px;
  color: #9b9b9b;
}
.v2-dashboard .timeline-root {
  position: relative;
}
.v2-dashboard .dashboard-center-bar a {
  color: #4a4a4a;
  font-weight: bold;
}
.v2-dashboard .dashboard-center-bar a:hover,
.v2-dashboard .dashboard-center-bar a:active {
  text-decoration: underline;
}
.v2-dashboard .dashboard-center-bar .plain-links a {
  font-weight: normal;
}
.v2-dashboard .dashboard-center-bar .pale-color,
.v2-dashboard .widget-info-box .pale-color,
.v2-dashboard .dashboard-center-bar .pale-color a,
.v2-dashboard .widget-info-box .pale-color a {
  color: #9b9b9b;
  font-weight: normal;
  text-decoration: none;
}
.v2-dashboard .dashboard-center-bar .pale-color.pale-bold,
.v2-dashboard .widget-info-box .pale-color.pale-bold,
.v2-dashboard .dashboard-center-bar .pale-color a.pale-bold,
.v2-dashboard .widget-info-box .pale-color a.pale-bold,
.v2-dashboard .dashboard-center-bar .pale-color.pale-bold a,
.v2-dashboard .widget-info-box .pale-color.pale-bold a,
.v2-dashboard .dashboard-center-bar .pale-color a.pale-bold a,
.v2-dashboard .widget-info-box .pale-color a.pale-bold a {
  font-weight: bold;
}
.v2-dashboard .dashboard-center-bar a:hover,
.v2-dashboard .widget-info-box a:hover {
  text-decoration: underline;
}
.v2-dashboard .dashboard-center-bar a.pale-with-highlight:hover,
.v2-dashboard .widget-info-box a.pale-with-highlight:hover,
.v2-dashboard .dashboard-center-bar a.pale-with-highlight:active,
.v2-dashboard .widget-info-box a.pale-with-highlight:active {
  color: #0077a4;
}
.v2-dashboard .timeline-item {
  padding: 20px;
  border-bottom: 1px solid #bebebe;
  /** Colors */
}
.v2-dashboard .timeline-item .highlighted-text {
  color: #0077a4;
}
.v2-dashboard .timeline-item .timeline-item-row {
  padding: 7px;
  margin: 0 30px;
}
.v2-dashboard .timeline-item hr.seperator {
  border-top: 1px solid #dadada;
  margin: 1px 37px;
}
.v2-dashboard .timeline-item hr.seperator:last-child {
  margin-bottom: 8px;
}
.v2-dashboard .timeline-item hr.seperator + hr {
  display: none;
}
.v2-dashboard .timeline-item .spacer-large {
  margin-bottom: 20px;
}
.v2-dashboard .timeline-item .spacer-if-inbetween:not(:first-child):not(:last-child) {
  margin-left: 2px;
}
.v2-dashboard .timeline-item .spacer-if-inbetween:not(:first-child):not(:last-child):after {
  content: "\00B7";
  margin-right: 2px;
}
.v2-dashboard .timeline-item .avatar img {
  height: 27px;
  width: 27px;
}
.v2-dashboard .timeline-item .avatar-small img {
  height: 18px;
  width: 18px;
}
.v2-dashboard .timeline-item .header {
  display: flex;
  flex-direction: row;
}
.v2-dashboard .timeline-item .header,
.v2-dashboard .timeline-item .header i {
  font-size: 12px;
}
.v2-dashboard .timeline-item .header .header-info .item-info {
  line-height: 14px;
}
.v2-dashboard .timeline-item .header .header-info .item-info a {
  color: #0077a4;
}
.v2-dashboard .timeline-item .header .header-context {
  max-width: 33%;
}
.v2-dashboard .timeline-item .header .header-context i.fas {
  margin-right: 5px;
}
.v2-dashboard .timeline-item .header-dropdown {
  position: absolute;
  right: 16px;
  margin-top: 5px;
}
.v2-dashboard .timeline-item .icon {
  position: absolute;
  font-size: 16px;
  margin-top: 8px;
}
.v2-dashboard .timeline-item .icon.icon-padded {
  margin-top: 15px;
}
.v2-dashboard .timeline-item .icon.icon-extra-padded {
  margin-top: 20px;
}
.v2-dashboard .timeline-item .body:not(:last-of-type) {
  margin-bottom: 10px;
}
.v2-dashboard .timeline-item .body .title-frame:not(:last-of-type) {
  margin-bottom: 9px;
}
.v2-dashboard .timeline-item .body .title {
  font-weight: bold;
}
.v2-dashboard .timeline-item .timeline-tags span {
  margin-right: 10px;
}
.v2-dashboard .timeline-item .action-buttons {
  white-space: nowrap;
}
.v2-dashboard .timeline-item .timeline-item-comments,
.v2-dashboard .timeline-item .timeline-item-comments .v2-textfield {
  font-size: 12px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment {
  margin-top: 10px;
  margin-bottom: 10px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment .comment-dropdown {
  position: absolute;
  right: 50px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment .comment-header {
  margin-bottom: 18px;
  /** Cheap-cheated text alignment */
}
.v2-dashboard .timeline-item .timeline-item-comments .comment .comment-header .comment-creator-label {
  padding-top: 2px;
  margin-bottom: -1px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-hidden {
  display: none;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form {
  cursor: text;
  padding: 0;
  margin: 0 37px -20px 37px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form textarea {
  border: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  line-height: 18px;
  height: 38px;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form textarea:focus {
  outline: none;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form textarea::placeholder {
  color: #bebebe;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form i.fas {
  padding-top: 13px;
  color: #bebebe;
}
.v2-dashboard .timeline-item .timeline-item-comments .comment-form:focus-within i.fas {
  color: #4a4a4a;
}
.v2-dashboard .timeline-item .attachments.attached-objects {
  margin-bottom: 10px;
}
.v2-dashboard .timeline-item .attachments .attached-image {
  position: relative;
}
.v2-dashboard .timeline-item .attachments .attached-image .gallery-image-more-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 28px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2-dashboard .timeline-item .attachments .attached-image .thumbnail {
  border: none;
  /** For images non-centered:
					img {
						margin-left: inherit;
						margin-right: inherit;
					}
					*/
}
.v2-dashboard .timeline-item .timeline-attached-item {
  font-size: 14px;
  line-height: 35px;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  background-color: #bebebe;
  font-weight: normal;
}
.v2-dashboard .timeline-item .timeline-attached-item:hover,
.v2-dashboard .timeline-item .timeline-attached-item:active,
.v2-dashboard .timeline-item .timeline-attached-item:focus {
  text-decoration: none;
}
.v2-dashboard .timeline-item .timeline-attached-item:hover,
.v2-dashboard .timeline-item .timeline-attached-item:active {
  background-color: #0077a4;
}
.v2-dashboard .timeline-item .timeline-attached-item .attached-icon i.fas {
  color: #fff;
  font-size: 14px;
  margin: 4px 0px 0 5px;
  vertical-align: middle;
}
.v2-dashboard .timeline-item .timeline-attached-item > div {
  margin: 0 5px;
}
.v2-dashboard .timeline-item .timeline-attached-item + .timeline-attached-item {
  margin-top: 7px;
}
.v2-dashboard .timeline-item .timeline-attached-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.v2-dashboard .timeline-item .timeline-attached-item .text.text-dual {
  line-height: 18px;
  padding: 4px 0;
}
.v2-dashboard .timeline-item .timeline-attached-item .text.text-dual div {
  display: inline-block;
}
.v2-dashboard .timeline-item .timeline-attached-item .download-icon {
  padding: 0 5px;
}
.v2-dashboard .timeline-item .timeline-attached-item .download-icon i.fas {
  font-size: 16px;
}
.v2-dashboard .timeline-item .timeline-attached-item .download-icon:hover i.fas {
  color: #bebebe;
}
.v2-dashboard .timeline-item a.action-button {
  font-size: 10px;
  color: #9b9b9b;
  border: 1px solid #9b9b9b;
  border-radius: 3px;
  height: 18px;
  display: inline-block;
  padding: 0 4px;
  text-transform: uppercase;
  font-weight: bolder;
  cursor: pointer;
}
.v2-dashboard .timeline-item a.action-button:hover,
.v2-dashboard .timeline-item a.action-button:active,
.v2-dashboard .timeline-item a.action-button.selected {
  color: #0077a4;
  text-decoration: none;
  border: 1px solid #0077a4;
}
.v2-dashboard .timeline-item a.action-button:not(:last-of-type) {
  margin-right: 6px;
}
.v2-dashboard .timeline-item a.action-button-toggleable .show-selected {
  display: none;
}
.v2-dashboard .timeline-item a.action-button-toggleable.selected .show-unselected {
  display: none;
}
.v2-dashboard .timeline-item a.action-button-toggleable.selected .show-selected {
  display: inherit;
}
.v2-dashboard .timeline-item .action-button-wrapper {
  display: inline-block;
}
.v2-dashboard .widget-dropdown {
  position: absolute;
  right: 16px;
  margin-top: 10px;
  z-index: 4;
}
.v2-dashboard .widget-dropdown .dropdown-toggle {
  font-size: 18px;
}
.v2-dashboard .timeline-placeholder-frame {
  position: absolute;
  width: calc(100% + 2px);
  background-color: #fff;
  border-right: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
  left: 0;
  top: 0;
  /** re-calculated by js */
  margin-left: -1px;
  margin-right: -1px;
}
.v2-dashboard .timeline-item.placeholder .image {
  height: 27px;
  width: 27px;
}
.v2-dashboard .timeline-item.placeholder .thin-line {
  height: 8px;
  margin-bottom: 6px;
}
.v2-dashboard .timeline-item.placeholder .regular-line {
  height: 10px;
  margin-bottom: 8px;
}
.v2-dashboard .timeline-item.placeholder .w1 {
  width: 60%;
}
.v2-dashboard .timeline-item.placeholder .w2 {
  width: 22%;
}
.v2-dashboard .timeline-item.placeholder .w3 {
  width: 86%;
}
.v2-dashboard .timeline-item.placeholder .w4 {
  width: 96%;
}
.v2-dashboard .timeline-item.placeholder .w5 {
  width: 64%;
}
.v2-dashboard .timeline-item.placeholder .placeholder-spacer {
  height: 100px;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -868px 0;
  }
  100% {
    background-position: 868px 0;
  }
}
.v2-dashboard .timeline-item.placeholder .animated-background {
  animation-duration: 1.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 12%, #dddddd 18%, #eeeeee 27%);
  background-size: 1600px 104px;
  position: relative;
}
.v2-dashboard .timeline-error-message {
  color: #9b9b9b;
  text-align: center;
  padding: 10px 20px;
}
.v2-dashboard .timeline-error-message a {
  color: #0077a4;
}
.v2-dashboard .timeline-final-dot {
  color: #dadada;
  padding: 10px 20px;
  text-align: center;
}
.v2-dashboard .timeline-final-dot i.fas {
  font-size: 10px;
}
.v2-dashboard .brand-links {
  display: inline;
}
/** Desktop only */
@media (min-width: 768px) {
  .v2-dashboard .dashboard-news-create-frame {
    /** Fast cheat to center the modal like a pop-in */
  }
  .v2-dashboard .dashboard-news-create-frame .modal-dialog {
    width: 53%;
    padding: 20px 5px 0 10px;
  }
}
/** Mobile only */
@media (max-width: 767px) {
  .v2-dashboard {
    margin-top: 100px;
    /* Ugly border so that mobile view can still scroll away from the map
		 * as leaflet can't properly deactivate scroll listeners on mobile */
  }
  .v2-dashboard .visible-panel-1,
  .v2-dashboard .visible-panel-2,
  .v2-dashboard .visible-panel-3 {
    display: none;
  }
  .v2-dashboard[data-active-panel="1"] .visible-panel-1 {
    display: block;
  }
  .v2-dashboard[data-active-panel="1"] .active-panel-1 {
    color: #0077a4;
  }
  .v2-dashboard[data-active-panel="2"] .visible-panel-2 {
    display: block;
  }
  .v2-dashboard[data-active-panel="2"] .active-panel-2 {
    color: #0077a4;
  }
  .v2-dashboard[data-active-panel="3"] .visible-panel-3 {
    display: block;
  }
  .v2-dashboard[data-active-panel="3"] .active-panel-3 {
    color: #0077a4;
  }
  .v2-dashboard .dashboard-left-bar,
  .v2-dashboard .dashboard-right-bar,
  .v2-dashboard .dashboard-center-bar {
    width: 100%;
    border-right: none;
    border-left: none;
  }
  .v2-dashboard .dashboard-news-create-frame {
    padding-top: 20px;
  }
  .v2-dashboard .dashboard-mobile-header {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 4;
    height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 50px;
    background-color: #fafafa;
    border-bottom: 1px solid #9b9b9b;
  }
  .v2-dashboard .dashboard-mobile-header a {
    display: block;
    flex: 1 1 0;
    color: #9b9b9b;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  .v2-dashboard .dashboard-mobile-header a:hover,
  .v2-dashboard .dashboard-mobile-header a:active {
    color: #0077a4;
  }
  .v2-dashboard .timeline-item .timeline-item-row {
    margin: 0 -10px;
  }
  .v2-dashboard .timeline-item .header {
    width: 90%;
  }
  .v2-dashboard .timeline-item .icon {
    position: inherit;
    float: left;
    padding-right: 12px;
  }
  .v2-dashboard .timeline-item hr.seperator {
    margin: 1px -3px;
  }
  .v2-dashboard .timeline-item .timeline-item-comments .comment .comment-dropdown {
    right: 16px;
  }
  .v2-dashboard .timeline-item .timeline-item-comments .comment-form {
    margin: 0 0 -20px 0;
  }
  .v2-dashboard .map-widget-iframe iframe,
  .v2-dashboard .map-widget-info-box {
    padding: 0 10%;
  }
  body.mobile-triple-dots-active .v2-dashboard {
    margin-top: 150px;
  }
  body.mobile-triple-dots-active .v2-dashboard .dashboard-mobile-header {
    top: 100px;
  }
}
/** The main, top-fixated, always visible navbar */
.v2-navbar {
  /** Dimensions */
  height: 50px;
  border-bottom: 1px solid #9b9b9b;
  box-sizing: border-box;
  line-height: 50px;
  white-space: nowrap;
  /** Fixation to top */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  /** Flexbox */
  display: flex;
  flex-direction: row;
  /** Colors and font */
  background-color: #fff;
  color: #9b9b9b;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  /** The left-side flyout containing a user's items of interest */
}
.v2-navbar a,
.v2-navbar a:visited,
.v2-navbar i.fas {
  color: #9b9b9b;
  text-decoration: none;
}
.v2-navbar a:hover,
.v2-navbar a:active,
.v2-navbar a:hover i.fas,
.v2-navbar a:active i.fas,
.v2-navbar a.highlighted,
.v2-navbar a.highlighted i.fas {
  color: #0077a4;
}
.v2-navbar i.fas {
  font-size: 15px;
}
.v2-navbar .nav-content {
  max-width: 80%;
  overflow: hidden;
}
.v2-navbar .nav-section {
  height: 49px;
  margin: auto;
  padding: 0 10px;
}
.v2-navbar .nav-search {
  flex-grow: 2;
  display: flex;
  align-content: center;
  position: relative;
  /** Focused search box with open result dropdown */
  /** The closed state search icon slides up to the other icons */
  /** Highlight search button on hover and when active */
  /** The dropdown frame of search results shown as the user is typing */
}
.v2-navbar .nav-search.active {
  border-right: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
}
.v2-navbar .nav-search.active,
.v2-navbar .nav-search.active input {
  background-color: #fafafa;
}
.v2-navbar .nav-search:not(.active) {
  padding-right: 0;
  margin-right: -5px;
}
.v2-navbar .nav-search.active .show-inactive,
.v2-navbar .nav-search:not(.active) .show-active {
  display: none;
}
.v2-navbar .nav-search.active .nav-button-search i.fas,
.v2-navbar .nav-search .nav-search-box:hover + div .nav-button-search i.fas {
  color: #0077a4;
}
.v2-navbar .nav-search input.nav-search-box {
  flex-grow: 2;
  height: 49px;
  width: 20px;
  /* Acts as min-width because of flex-grow */
  font-size: 14px;
  font-weight: bold;
  color: #9b9b9b;
  border: none;
  outline: none;
  padding: 0 12px;
}
.v2-navbar .nav-search input.nav-search-box:active,
.v2-navbar .nav-search input.nav-search-box:focus {
  color: #4a4a4a;
}
.v2-navbar .nav-search:not(.active) input.nav-search-box {
  color: #fff;
}
.v2-navbar .nav-search .dropdown-underdrop {
  position: fixed;
  background-color: #fafafa;
  width: 100%;
  /** height is dynamically set in JS! */
  top: 50px;
  left: 0;
  z-index: 5;
}
.v2-navbar .nav-search .dropdown-underdrop:after {
  content: '.';
  visibility: hidden;
}
.v2-navbar .nav-search .nav-quicksearch-results {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: #fafafa;
  display: none;
  padding: 10px 0 5px 0;
}
.v2-navbar .nav-search .nav-quicksearch-results .list-item .item-icon {
  margin-left: 1px;
}
.v2-navbar .nav-search .nav-quicksearch-results .nav-quicksearch-buttons {
  padding: 0 15px;
  white-space: normal;
  display: flex;
}
.v2-navbar .nav-search .nav-quicksearch-results .nav-quicksearch-buttons .nav-quicksearch-button-label {
  white-space: nowrap;
  margin-right: 10px;
}
.v2-navbar .nav-search.active .nav-quicksearch-results {
  display: inherit;
}
.v2-navbar .nav-buttons .user-menu-button img {
  width: 18px;
  height: 18px;
  margin-top: -4px;
}
.v2-navbar .nav-collapse-button:not(.collapsed) i.fas {
  color: #0077a4;
}
.v2-navbar .nav-button-with-message-counter {
  position: relative;
}
.v2-navbar .message-counter {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #0077a4;
  color: #fff;
  border-radius: 12px;
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}
.v2-navbar .nav-button.burger-menu {
  padding-top: 15px;
  padding-bottom: 15px;
}
.v2-navbar .nav-brand {
  height: 50px;
}
.v2-navbar .nav-brand img {
  height: 18px;
  width: auto;
  margin-top: -4px;
}
.v2-navbar .nav-brand .burger-menu {
  position: relative;
}
.v2-navbar .nav-brand .message-counter {
  top: 6px;
}
.v2-navbar .brand-links {
  display: inline;
  margin-left: 3px;
}
.v2-navbar .nav-button {
  cursor: pointer;
  padding: 10px 7px;
}
.v2-navbar .nav-button img:hover {
  -webkit-filter: brightness(85%);
}
.v2-navbar .nav-button-search.active {
  color: #0077a4;
}
.v2-navbar .nav-header-textlink {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.v2-navbar .nav-flyout {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 9;
  width: 100%;
  background-color: #fafafa;
}
.v2-navbar .nav-flyout .nav-flyout-section {
  position: relative;
  z-index: 9;
  background: #fafafa;
  border-bottom: 1px solid #9b9b9b;
}
.v2-navbar .nav-flyout .nav-flyout-section.padded {
  padding: 10px 0;
}
.v2-navbar .nav-flyout.nav-flyout-half-side {
  width: 50%;
  background-color: transparent;
}
.v2-navbar .nav-flyout.nav-flyout-half-side .nav-flyout-section {
  background: transparent;
  border-bottom: none;
}
.v2-navbar .nav-flyout.nav-flyout-right {
  left: unset;
  right: 0;
}
.v2-navbar .nav-flyout-backdrop,
.v2-navbar .nav-search-backdrop {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 4;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: calc(100% - 50px);
}
.v2-navbar .nav-flyout.collapsing .nav-flyout-backdrop,
.v2-navbar .nav-flyout.in .nav-flyout-backdrop,
.v2-navbar .nav-search.active .nav-search-backdrop {
  display: block;
}
.v2-navbar .nav-column {
  width: 33%;
  white-space: normal;
  background-color: #fafafa;
}
.v2-navbar .nav-column:nth-child(2) {
  width: 34%;
}
.v2-navbar .nav-column:not(:last-of-type) {
  border-right: 1px solid #9b9b9b;
}
.v2-navbar .nav-column.nav-column-fullwidth {
  width: 100%;
}
.v2-navbar .nav-flyout.in {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
}
.v2-navbar .nav-flyout.in.nav-flyout-part-height {
  max-height: calc(80vh - 50px);
}
.v2-navbar .main-menu {
  display: flex;
  flex-direction: row;
  background-color: #fafafa;
}
.v2-navbar .main-menu .main-menu-links {
  font-size: 14px;
  line-height: 20px;
  padding: 0 20px 10px 20px;
}
.v2-navbar .main-menu .main-menu-links div {
  margin-bottom: 10px;
}
.v2-navbar .main-menu .main-menu-links a {
  color: #4a4a4a;
}
.v2-navbar .main-menu .main-menu-links a:hover,
.v2-navbar .main-menu .main-menu-links a:active {
  color: #0077a4;
}
.v2-navbar .main-menu hr {
  border-top: 1px solid #dadada;
}
.v2-navbar .main-menu .list-item .item-icon {
  margin-left: 3px;
}
.v2-navbar .main-menu .item-list li hr {
  margin-left: 0;
  margin-right: 0;
}
.v2-navbar .create-menu {
  cursor: pointer;
}
.v2-navbar .create-menu .nav-flyout-section {
  padding: 0;
}
.v2-navbar .create-menu .headline {
  margin: 20px 0;
  cursor: pointer;
}
.v2-navbar .create-menu .create-menu-link {
  display: block;
  padding: 0 20px 20px 20px;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 18px;
  white-space: normal;
}
.v2-navbar .create-menu .create-menu-link:not(:last-of-type) {
  border-right: 1px solid #9b9b9b;
}
.v2-navbar .create-menu .create-menu-link:hover {
  color: #fff;
  background-color: #0077a4;
}
.v2-navbar .create-menu .create-menu-link .description {
  margin-bottom: 14px;
}
.v2-navbar .create-menu .create-menu-link .action {
  margin-bottom: 10px;
}
.v2-navbar .text-right {
  text-align: right;
}
.v2-navbar.search-open .hidden-during-search {
  display: none;
}
/** Desktop only */
@media (min-width: 768px) {
  .seperator-left {
    border-left: 1px solid #9b9b9b;
  }
}
/** Mobile only */
@media (max-width: 767px) {
  .v2-navbar .main-menu {
    display: flex;
    flex-direction: column;
  }
  .v2-navbar .nav-column {
    width: 100%;
  }
  .v2-navbar .nav-column:nth-child(2) {
    width: 100%;
  }
  .v2-navbar .nav-column:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid #9b9b9b;
  }
  .v2-navbar .nav-column.nav-column-50 {
    width: 100%;
  }
  .v2-navbar .nav-search .nav-search-box {
    width: 10px;
  }
  .v2-navbar .nav-search.active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-left: none;
    border-right: none;
  }
  .v2-navbar .nav-search.active .nav-search-box {
    width: inherit;
  }
  .v2-navbar .create-menu .create-menu-link:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid #9b9b9b;
  }
  .v2-navbar .nav-mobile-triple-dots .nav-button {
    padding-top: 0;
  }
  .v2-navbar .nav-buttons {
    position: absolute;
    top: 50px;
    background: #fafafa;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #9b9b9b;
    /** Nav-buttons transition hiding */
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
  .v2-navbar .nav-flyout.nav-flyout-half-side {
    width: 100%;
  }
  body:not(.mobile-triple-dots-active) .mobile-triple-dots-only {
    display: none;
  }
  body.mobile-triple-dots-active:not(.v2-dashboard-body) {
    padding-top: 120px;
  }
  body.mobile-triple-dots-active .v2-navbar {
    /** The brand links drop over the nav menu to have enough space, one link per line */
  }
  body.mobile-triple-dots-active .v2-navbar .nav-mobile-triple-dots .nav-button i.fas {
    color: #0077a4;
  }
  body.mobile-triple-dots-active .v2-navbar .nav-buttons {
    /** Nav-buttons transition hiding */
    opacity: 1;
    max-height: 50px;
    height: 50px;
  }
  body.mobile-triple-dots-active .v2-navbar .nav-buttons + .nav-buttons {
    /** This supports two-line mobile nav triple-dot flyouts */
    top: 100px;
  }
  body.mobile-triple-dots-active .v2-navbar .brand-links.mobile-only {
    position: absolute;
    top: 100px;
    white-space: normal;
    background: #fafafa;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #9b9b9b;
  }
  body.mobile-triple-dots-active .v2-navbar .brand-links.mobile-only a {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  body.mobile-triple-dots-active .v2-navbar .nav-flyout,
  body.mobile-triple-dots-active .v2-navbar .nav-flyout-backdrop,
  body.mobile-triple-dots-active .v2-navbar .nav-search-backdrop {
    top: 100px;
  }
  body.mobile-triple-dots-active .v2-navbar .nav-flyout.in {
    max-height: calc(100vh - 100px);
  }
}
/** LESS for the v2 style of main content panels. */
.v2-content {
  background-color: #fff;
  padding: 40px;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
}
.v2-content h1,
.v2-content h2 {
  font-size: 18px;
  font-weight: bold;
}
.v2-content h1,
.v2-content .cosinnus-form h1 {
  color: #0077a4;
  text-transform: uppercase;
  margin: 8px 0 40px 0;
}
.v2-content h2,
.v2-content .cosinnus-form h2 {
  margin: 8px 0 28px 0;
}
.v2-content h3,
.v2-content .cosinnus-form h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 8px 0 16px 0;
}
.v2-content hr,
.v2-content .cosinnus-form hr {
  border-top: 1px solid #efefef;
}
.v2-content hr.invisible,
.v2-content .cosinnus-form hr.invisible {
  border-top: none;
  margin: 15px 0;
}
.v2-content p {
  padding: 0 0 16px 0;
}
.v2-content code {
  background-color: #fff;
  color: #4a4a4a;
}
.v2-content a:not(.rounded-button) {
  color: #4a4a4a;
  text-decoration: none;
  font-weight: bold;
}
.v2-content a:not(.rounded-button):hover {
  color: #4a4a4a;
  text-decoration: underline;
  font-weight: bold;
}
.v2-content .rounded-button {
  text-transform: uppercase;
  font-weight: bold;
  height: auto;
  min-height: 42px;
  line-height: 40px;
}
.v2-content .button-section {
  margin-top: 20px;
  clear: both;
}
.v2-content .divider {
  margin-bottom: 44px;
}
.v2-content .cosinnus-field .cosinnus-field-input input,
.v2-content .cosinnus-field .cosinnus-field-input select {
  background-color: #efefef;
}
.v2-content .cosinnus-field.disabled,
.v2-content form.disabled {
  opacity: 0.6;
}
h2 {
  margin-top: 4px;
  margin-bottom: 18px;
}
/* The .announcement is 35px high, so we adjust all our custom-topped containers downwards */
.announcement ~ .container {
  margin-top: 105px;
}
.announcement ~ .v2-dashboard {
  margin-top: 50px;
}
.announcement ~ .container {
  margin-top: 70px;
}
.announcement ~ .container .app-root:not(.app-embed),
.announcement ~ .container .app-fullscreen,
.announcement ~ .container .map-fullscreen,
.announcement ~ .container .tile-list-fullscreen {
  top: 85px;
  /** Navbar compensation with announcement */
  height: calc(100% - 50px - 35px);
  /** Navbar compensation with announcement */
}
body.conference-body .announcement {
  margin-top: -50px;
}
.announcement + .conference {
  margin-top: unset;
}
.announcement + .conference .MuiDrawer-paper.MuiDrawer-paperAnchorDockedLeft {
  height: calc(100% - 50px - 35px);
  margin-top: 85px;
}
.announcement + .conference .MuiDrawer-paper.MuiDrawer-paperAnchorDockedRight {
  height: calc(100% - 35px);
  margin-top: 35px;
}
.announcement {
  border-width: 0;
  padding: 5px 5px 5px 44px;
  position: relative;
  top: 50px;
  left: 0;
  right: 0;
  min-height: 35px;
  z-index: 2;
}
.announcement button.close {
  position: absolute;
  right: 10px;
  top: 11px;
}
.announcement i {
  position: absolute;
  top: 6px;
  left: 12px;
}
.announcement p {
  margin: 5px 0;
}
.announcement a {
  font-weight: bold;
}
.alert.alert-success,
.announcement.alert-success {
  color: #FFFFFF;
  background-color: #779B48;
}
.alert.alert-info,
.announcement.alert-info {
  color: #333333;
  background-color: rgba(219, 219, 219, 0.3);
}
.alert.alert-warning,
.announcement.alert-warning {
  color: #FFFFFF;
  background-color: #EFA02D;
}
.alert.alert-danger,
.announcement.alert-danger {
  color: #FFFFFF;
  background-color: #E55C55;
}
.alert p,
.announcement p {
  background-color: transparent;
  padding: 0;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .v2-dashboard-body .announcement {
    margin-top: 50px;
  }
  body.v2-dashboard-body .announcement + .v2-dashboard {
    margin-top: 50px;
  }
  .announcement + .conference {
    margin-top: -50px;
  }
}
html[dir="rtl"] .cosinnus-form button[type=submit] {
  float: left;
  margin: 0;
}
html[dir="rtl"] .cosinnus-field-input {
  text-align: right;
}
html[dir="rtl"] .cosinnus-field-input input::placeholder {
  text-align: right;
}
html[dir="rtl"] .conference {
  margin-right: 14vw;
  margin-left: 0;
}
html[dir="rtl"] .MuiDrawer-paperAnchorDockedLeft {
  left: auto;
  right: 0;
}
html[dir="rtl"] .MuiListItem-root {
  text-align: right;
}
html[dir="rtl"] .jss57 {
  float: left;
}
html[dir="rtl"] .media-list {
  padding-inline-start: 0;
}
html[dir="rtl"] .btn.w100 .media-body {
  text-align: right;
}
html[dir="rtl"] .media .pull-left {
  float: right !important;
}
html[dir="rtl"] .media .pull-right {
  float: left !important;
}
html[dir="rtl"] .map-controls-search {
  position: unset;
}
html[dir="rtl"] .map-controls .map-controls-search .icon-search {
  right: unset;
  left: 0;
}
html[dir="rtl"] .map-controls .map-controls-search .icon-filters {
  left: unset;
  right: 0;
}
html[dir="rtl"] .map-controls .map-controls-search .icon-box:before {
  right: unset;
  left: 54px;
}
html[dir="rtl"] .input-area > li {
  float: none;
}
html[dir="rtl"] .map-controls .hover-image-button .hover-image-icon-pos-abs {
  left: unset;
  right: 25%;
}
html[dir="rtl"] .content-box button.btn {
  float: left;
}
html[dir="rtl"] .tile-detail-open .tile-detail .tile-close-button {
  right: unset;
  left: 20px;
}
html[dir="rtl"] .app-root .tile-detail .single-tile-image {
  float: right;
  margin: 15px 0 15px 15px;
}
html[dir="rtl"] .tile-section .row .col-sm-6 {
  float: right;
}
html[dir="rtl"] .tile-section .row .col-sm-6 .card-image {
  float: right;
  margin: 3px 0 15px 10px;
}
html[dir="rtl"] .map-create-idea-button-frame {
  left: 10px;
  right: unset;
  bottom: 15px;
}
html[dir="rtl"] .pagination-controls .fa-chevron-right,
html[dir="rtl"] .pagination-controls .fa-chevron-left {
  transform: rotate(180deg);
}
html[dir="rtl"] .translations-link {
  text-align: right;
  padding-right: 20px;
}
html[dir="rtl"] .modal .close {
  float: left;
}
html[dir="rtl"] .modal .modal-title {
  text-align: right;
}
html[dir="rtl"] .v2-dashboard {
  text-align: right;
}
html[dir="rtl"] .v2-dashboard .onoffswitch-text-label {
  padding-right: 5px;
}
html[dir="rtl"] .v2-navbar .text-right {
  text-align: left;
}
/** 
This is an additional LESS file for this project only.
*/
.v2-navbar .nav-brand img {
  height: 35px;
}
.v2-navbar .plattformn-map-icon {
  height: 20px !important;
}
/** Desktop only */
@media (min-width: 768px) {
  /** Only 2-columns on the main menu because ideas are missing for plattform-n */
  .v2-navbar .nav-flyout#main-collapse {
    width: 80%;
  }
}