.container .content-section {
  margin-top: 2em;
  margin-bottom: 2em;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #eee;
  padding: 1em;
}
.container-fluid {
  background: rgba(255, 255, 255, 0.9);
}
nav .container,
nav .container-fluid {
  background: none;
}
.container.no-padding,
.container-fluid.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.airy .row {
  margin-right: -30px;
  margin-left: -30px;
}
.airy [class*="col-"] {
  padding-right: 30px;
  padding-left: 30px;
}
li {
  list-style-position: inside;
}
.block-horizontal {
  margin-left: 1em;
  margin-right: 1em;
}
.block-vertical {
  margin-top: 1em;
  margin-bottom: 1em;
}
.media .media-object.media-object-sm {
  width: 48px;
  height: 48px;
}
.media .media-object {
  width: 64px;
  height: 64px;
}
/* ==========================================================================
  ~~Bootstrap fixes and changes
  ========================================================================== */
.panel-title > a:hover {
  color: inherit;
}
.carousel-control {
  top: 25%;
  bottom: 25%;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
  position: absolute;
  margin: auto;
  font-size: 40px;
}
.carousel-control .icon-left,
.carousel-control .icon-right {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-image: none;
}
.carousel .edit-carousel {
  position: absolute;
  z-index: 15;
  left: 5%;
  bottom: 5%;
  border-radius: 0.25em;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.25em 0.5em;
}
.carousel .edit-carousel a {
  color: #fff;
}
/* ==========================================================================
   ~~Bootstrap extensions
   ========================================================================== */
.nav.condensed li a {
  padding: 5px 15px;
}
.radio-inline {
  margin-left: 10px;
}
/* ==========================================================================
   ~~Action buttons and icons
   ========================================================================== */
.icon-primary {
  color: #00b7ff;
  text-decoration: none;
}
.icon-primary:hover,
.icon-primary:focus,
.icon-primary:active {
  color: #0080b2;
  text-decoration: none;
}
.icon-success {
  color: #91cf91;
  text-decoration: none;
}
.icon-success:hover,
.icon-success:focus,
.icon-success:active {
  color: #5cb85c;
  text-decoration: none;
}
.icon-info {
  color: #9bd8eb;
  text-decoration: none;
}
.icon-info:hover,
.icon-info:focus,
.icon-info:active {
  color: #5bc0de;
  text-decoration: none;
}
.icon-warning {
  color: #f6ce95;
  text-decoration: none;
}
.icon-warning:hover,
.icon-warning:focus,
.icon-warning:active {
  color: #f0ad4e;
  text-decoration: none;
}
.icon-danger {
  color: #e7908e;
  text-decoration: none;
}
.icon-danger:hover,
.icon-danger:focus,
.icon-danger:active {
  color: #d9534f;
  text-decoration: none;
}
.content-actions {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
a.muted {
  color: #bbb;
}
a.muted:hover,
a.muted:focus {
  color: #0080b2;
}
/* ==========================================================================
   ~~Content filters
   ========================================================================== */
.filter-list-fields .filter-field,
.filter-list-fields .field {
  display: inline-block;
  width: auto;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0;
}
.filter-list-fields .field.wide {
  min-width: 50%;
}
.filter-list-fields {
  clear: both;
  border-top: 1px solid #DDDDDD;
  margin: 1em 0;
  padding-top: 1em;
}
.filter-list-fields.no-border {
  border: none;
  padding-top: 0;
}
/* ==========================================================================
   ~~Content embed
   ========================================================================== */
.content-embed {
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
  padding: 1em;
  background: #fff;
  position: relative;
}
/* ==========================================================================
   ~~Content headers
   ========================================================================== */
.content-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.content-header.no-border {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.content-header h1,
.content-header h2 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  margin-right: 2em;
  color: #444;
}
.content-header.text-center h1,
.content-header.text-center h2 {
  margin-left: 2em;
}
.content-header h4 {
  margin: 0 0 0.5em 0 !important;
  text-align: left;
}
.content-meta {
  font-size: 1.333em;
}
.content-meta > div {
  margin-bottom: 0.25em;
}
.content-type {
  border-right: 1px #e0e0e0 dotted;
  margin-right: 0.5em;
  padding-right: 0.5em;
}
.actions + h1 {
  margin-right: 2em;
}
/* ==========================================================================
   ~~Graphs and statistics
   ========================================================================== */
.legend {
  margin: 1em;
}
.legend-key {
  display: inline-block;
  margin-right: 2em;
  font-size: 1.25em;
}
.legend-color {
  width: 1em;
  height: 1em;
  display: inline-block;
}
.legend-label {
  margin-left: 0.25em;
  font-weight: bold;
}
.year-navigation {
  margin: 1em;
}
.year-navigation .year-link {
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  margin-left: 0.5em;
  font-size: 1.5em;
  display: inline-block;
}
.year-navigation .year-link.selected {
  background: #e9f7fb;
}
table th.list-position {
  text-align: center;
  font-size: 2em;
  font-weight: normal;
}
/* ==========================================================================
   ~~New header
   ========================================================================== */
.remake #logolink {
  background: url('/default/images/logo-gemilo.png') left center no-repeat;
  float: left;
  font-size: 2em;
  text-indent: -999em;
  width: 133px;
  height: auto;
  /*
    text-indent: 0;
    width: auto;
    padding-left: 4em;
    */
}
.remake #logolink:hover {
  text-decoration: none;
}
.remake #logolink span {
  line-height: 2.85em;
  color: #50666B;
  font-weight: normal;
}
.remake #header_wrapper {
  background-color: #ffffff;
  box-shadow: inset 0 -2px 10px rgba(150, 150, 150, 0.2);
}
.remake #header {
  padding-top: 0;
  padding-bottom: 0;
  height: 5.7em;
}
.remake.not-signed #wrapper,
.remake #wrapper {
  top: 60px;
}
@media (max-width: 767px) {
  body.remake {
    padding-top: 60px;
    padding-bottom: 2.4em;
  }
}
.remake .header-links-wrap {
  padding: 1.5em 0 0.4em 0;
  float: right;
}
.remake .header-buttons-wrap {
  float: right;
}
.remake #header #bookmarks-list,
.remake #header #add_item,
.remake #header .set-language-links,
.remake #header #my_info {
  float: left;
}
.remake #add_item {
  background: url("/default/images/header-divider.png") no-repeat right center;
}
.main-navigation {
  background: url("/default/images/header-divider.png") no-repeat right center;
  float: left;
  margin-right: 1em;
  padding-right: 1em;
}
.main-navigation a {
  padding: 0 12px;
  font-size: 1.1em;
  color: #50666b;
}
.main-navigation a:hover {
  color: #50666b;
}
.main-navigation a:focus {
  color: #50666b;
}
.main-navigation a:active {
  color: #50666b;
}
.navi-link {
  color: #50666b;
}
.navi-link:hover {
  color: #50666b;
}
.navi-link:focus {
  color: #50666b;
}
.navi-link:active {
  color: #50666b;
}
.main-navigation a.active {
  text-decoration: underline;
}
.stream .action-button.more-actions {
  background: none;
  text-indent: 0;
  font-size: 1.4em;
  color: #666;
  height: auto;
  width: auto;
  line-height: 1.6em;
}
.remake .field.wide {
  max-width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  html {
    overflow: auto;
  }
  .remake .main-navigation {
    float: none;
    display: none;
  }
  .remake #outer_wrapper > .navigation-select {
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 1em;
    width: 96%;
  }
  .remake .navigation-select {
    display: block;
    position: static;
  }
  .remake .main-content .navigation-select {
    margin-bottom: 1em;
  }
  .remake #header #my_info {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .remake #outer_wrapper > .navigation-select {
    margin: 6em 2% 1em;
  }
}
@media only screen and (max-width: 767px) {
  .remake .navigation-select {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 480px) {
  .remake #header #logolink {
    background-size: auto;
  }
  .remake .header-links-wrap {
    padding-top: 0.4em;
  }
}
@media only screen and (min-width: 1100px) {
  .remake #search_field,
  .remake #header #add_item {
    margin-right: 2em;
    padding-right: 2em;
  }
  .main-navigation {
    margin-right: 2em;
  }
}
/* ==========================================================================
   ~~Content cards
   ========================================================================== */
.content-row {
  border-bottom: 1px solid #ddd;
  margin: 1em  0;
  padding: 1em 0;
  background: #fff;
}
.content-row:last-child {
  border-bottom: none;
}
.content-card {
  padding: 1em;
  background: #fff;
}
.content-card.bordered {
  border: 1px solid #ccc;
  border-radius: 0.25em;
  margin: 1em  0;
}
.content-card-lg .item-info {
  margin-left: 11em;
}
.content-card-lg .item-image {
  width: 10em;
  border-width: 0.4em;
}
/* ==========================================================================
   ~~Widget classes
   ========================================================================== */
.introduction {
  font-size: 1.33em;
}
/* ==========================================================================
   ~~Structure & global elements
   ========================================================================== */
html.html-fancybox {
  overflow-y: auto;
}
body {
  word-wrap: break-word;
}
body#popup {
  background: transparent;
}
h1 {
  word-wrap: break-word;
}
h1.small-margin,
h2.small-margin {
  margin-bottom: 0.25em;
}
.main-content h1.title-with-button {
  margin-right: 0;
  margin-left: 0;
}
h3 .fa {
  font-size: 1.5em;
  padding-right: .75em;
}
h3.no-margin {
  margin-bottom: 0;
}
h1.no-margin {
  margin: 0;
}
h4 span.toggle-trigger {
  border-top: 1px solid #dfdfdf;
  font-size: 1em;
  color: #777;
}
.meta-text {
  color: #888888;
}
/* By default H3 */
.link-to-parent {
  width: 99%;
  display: block;
  border-radius: 5px;
  padding: 0.25em 0.5em 0 0;
  clear: both;
  overflow: hidden;
  float: left;
  border: 0;
  background: transparent;
  text-transform: none;
  font-size: 1.2em;
}
.arrow-left {
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-right: .4em;
  border-bottom: .4em solid transparent;
  /* left arrow slant */
  border-top: .4em solid transparent;
  /* right arrow slant */
  border-right: .4em solid #2f2f2f;
  /* bottom, add background color here */
  border-right-color: inherit;
  vertical-align: middle;
}
p {
  word-wrap: break-word;
}
a.external-new-window {
  padding-right: 11px;
  background: rgba(0, 0, 0, 0) url('/default/images/external_link.png') no-repeat 100% 3px;
}
a.selected {
  font-weight: bold;
  text-decoration: underline;
}
menu,
ol,
ul {
  padding: 0;
}
ol ol,
ul ul {
  padding-left: 2em;
}
.menu_item a.active {
  font-weight: bold;
  text-decoration: underline;
}
iframe,
object,
embed {
  max-width: 100%;
}
.action-new fieldset,
.action-edit fieldset,
#admin_content fieldset {
  margin-bottom: 2em;
}
#header_wrapper {
  background-color: #50666b;
  color: #f0f0e8;
  width: 100%;
}
#wrapper {
  clear: both;
  width: 100%;
}
#header,
.main-nav .navi_area {
  clear: both;
  margin: 0 auto;
  position: relative;
}
#header {
  height: 2.214285em;
}
.footer {
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  padding: 0.2em 2%;
  height: 2.4em;
  line-height: 2em;
  text-align: center;
}
.footer a {
  color: #50666B;
}
.footer .container-fluid > span {
  margin: 0 0.5em;
}
.footer img {
  vertical-align: text-bottom;
}
.main-nav {
  background: #fdfdfd;
  color: #50666b;
  padding: 0 15px;
  width: 100%;
}
.main-nav .navi_area {
  font-size: 1.166667em;
}
.sub-title {
  font-size: 1.1em !important;
  font-weight: normal !important;
  text-transform: uppercase;
  color: #888888;
}
/* ~~List Reset */
.main-nav ul,
.main-nav li,
.select_item,
.select_item ul,
.select_item li,
.tag_list,
.tag-item,
.content_list li,
.ac_results ul,
.ac_results li,
.course-list ul,
.course-list li,
.assignment-list ul,
.assignment-list li,
#latest-activities-ajax ul,
#latest-activities-ajax li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav li {
  float: left;
}
.main-nav .navigation {
  width: 100%;
}
.main-nav .navigation li.admin-nav {
  float: right;
  margin-right: 0;
}
.main-nav li a {
  color: #50666b;
  display: block;
  text-decoration: none;
  padding: 0.4em 0;
}
.main-nav li.active {
  border-bottom: 0.3em solid #8fa52a;
}
.main-nav li.active a {
  padding-bottom: 0.2em;
}
.main-nav .navigation li.active a:hover {
  text-decoration: none;
}
.main-content {
  padding: 0 15px;
  overflow: hidden;
}
.content-block {
  margin-top: 1em;
  margin-bottom: 2em;
}
.content-block:before,
.content-block:after {
  content: " ";
  display: table;
}
.content-block:after {
  clear: both;
}
.list-item {
  margin-bottom: 1em;
}
.indented-block {
  margin-left: 2em;
}
@media (max-width: 767px) {
  .col-xs-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1) {
    clear: both;
  }
}
/* ==========================================================================
   ~~Z-indexes

   Some rules that must be followed:

   == Dropdown-menu > redactor toolbar

   == Datepicker > redactor toolbar
   Datepicker field before redactor must not get hidden under redactor toolbar

   == Redactor modal > redactor
   Redactor's own modals must be above redactor.

   == Redactor > bootstrap modal
   Redactor editor can be inside a modalpopup.

   ========================================================================== */
/* Redactor toolbar. 1053 */
.modal .redactor-toolbar,
.redactor-dropdown,
.modal .redactor-dropdown {
  z-index: 1160 !important;
}
#redactor-modal,
#redactor-modal-box {
  z-index: 1260 !important;
}
.ui-datepicker {
  z-index: 1060 !important;
}
.ui-front.ui-autocomplete {
  z-index: 1060;
}
.notifications-container {
  z-index: 1200;
}
#header,
#footer {
  z-index: 491;
}
.main-nav,
.main-navigation,
.main-nav .navi_area,
.main-nav .content_area,
.main-nav .navigation,
.media-gallery #add_new_file_dialog,
.media-gallery #manage_carousel_button {
  z-index: 490;
}
#my_info {
  z-index: 40;
}
.set-language-links {
  z-index: 39;
}
#add_item {
  z-index: 38;
}
div.more-actions {
  z-index: 2;
}
/* ==========================================================================
   ~~Breadcrumbs
   ========================================================================== */
#breadcrumb a {
  margin-right: 0.5em;
}
/* ==========================================================================
   ~~Feeds ~~Stream
   ========================================================================== */
.activity-meta {
  color: #888888;
}
/*
.activity-meta .activity-time {
    border-left: 1px #e0e0e0 dotted;
    margin-left: 0.5em;
    padding-left: 0.5em;
}
*/
.more-activities a {
  display: block;
  text-align: center;
  margin: 1em 0;
}
.activity_type {
  color: #888888;
}
.latest-activities-column h3 {
  margin-top: 2em;
}
.activity-group {
  margin-top: 2em;
  background: #ffffff;
  border: 1px solid #ddd;
}
.activity-group .activity-object {
  margin: 1em;
}
.activity-group [class^="area-id-more-activities-"] {
  position: relative;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  padding: 0.5em 0;
}
.activity-item .content_s {
  border-top: 1px solid #e5e5e5;
  padding: 0.5em 1em;
}
.activity-item .content_s.status-update {
  border-top: none;
  padding: 0;
}
.activity-group .add_status_update:first-child .content_s {
  border-top: none;
}
.activity-summary {
  margin-right: 4em;
}
.activity-creator,
.activity-creator a .message_counts,
.activity-time {
  color: #888888;
}
.activity-time {
  float: right;
}
.activity-item .item-wrapper {
  border-top: 1px solid #fefefe;
  padding-top: 1em;
}
.activity-comments {
  margin: 0 0 1em 0;
}
.status_update_comments {
  margin-left: 4em;
  margin-right: 1em;
}
a.activity-toggle-comments {
  color: #888888;
  float: right;
  margin-right: 2em;
}
.activity-item .comments {
  margin-right: 0;
}
/* ==========================================================================
   ~~Work Hours
   ========================================================================== */
#wr_graph_container {
  margin-bottom: 2em;
}
#project_wh_graph {
  width: 100%;
  height: 25em;
}
.project_totals_table {
  text-align: left;
  width: 100%;
}
.project_totals_table tr:hover {
  background: #f2f2f2;
  background: rgba(178, 178, 178, 0.2);
}
.work_hour {
  border-bottom: 1px #e0e0e0 dotted;
  padding-bottom: 1em;
  padding-top: 1em;
}
.work_hour:last-of-type {
  border-bottom: 0;
}
.work_hour .work_hour_description p:first-of-type {
  margin-top: 0;
}
.work_hour .work_hour_description p:last-of-type {
  margin-bottom: 0;
}
.my-work-hours .add_work_hours_button {
  float: right;
  margin-bottom: 0.5em;
}
/* the second useless workhours button clearance fix */
.ajax-refresh-area .add_work_hours_button {
  clear: both;
  margin-top: 1em;
}
table.wr {
  width: 100%;
}
table.totals_table,
table.wr {
  margin-bottom: 1em;
}
.wr td {
  border: 1px solid #e0e0e0;
  padding: 0.2em;
  text-align: center;
}
.wr td.wr_row_title,
.totals_table th {
  text-align: right;
  padding-right: 1em;
}
.wr tr.odd {
  background-color: #ededec;
}
.wr_calendar_today_cell {
  font-weight: bold;
}
.wr td.wr_week_day_avg {
  border-top: 2px solid #d0d0d0;
}
/* ==========================================================================
   ~~Status updates
   ========================================================================== */
#status_updates_content {
  clear: both;
  margin-top: 1em;
}
.status-update {
  position: relative;
}
.status-update-actions {
  position: absolute;
  right: 0;
  top: 0;
}
.my-latest-status .status-update-actions {
  top: -0.2em;
}
.add-status-update-buttons #visible_to {
  float: left;
  max-width: 10em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  width: auto !important;
}
.status-update-actions .status-visibility-icon {
  float: left;
}
.status-update-item {
  border-bottom: 1px #e0e0e0 dotted;
  padding-bottom: 1em;
  padding-top: 1em;
}
.status-update-item:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.status_update_content,
.status-update-item .activity-meta {
  margin-left: 4em;
  margin-right: 1.5em;
  display: block;
  font-size: 1em;
}
.profile_name_front .status-update .activity-meta,
.profile_name_front .status_update_content {
  margin-left: 0em;
}
.my-latest-status {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.my-latest-status .status-update.clearfix {
  clear: none;
}
.my-latest-status .activity-meta .new-status-toggle {
  float: right;
}
.my-latest-status .add-status-update {
  margin-top: 0.5em;
}
#user_profile {
  margin-bottom: 1em;
}
#user_profile .status_update_content,
#user_profile .status-update-item .activity-meta {
  margin-left: 0;
}
.status-update-item .activity-meta .fuzzyTimeSinceValue {
  border-left: 1px #e0e0e0 dotted;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
/* compensating for old p tags in the status update itself */
.status_update_content p:first-of-type,
.item-info.status_update p:first-of-type {
  margin-top: 0;
}
.comment_content p:last-of-type,
.status_update_content p:last-of-type {
  margin-bottom: 0;
}
.add-status-update .field_group {
  margin-bottom: 0.5em;
}
.add-status-update .add-status-update-buttons {
  float: right;
  width: auto;
}
/* ==========================================================================
   ~~Buttons
   ========================================================================== */
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary {
  border-color: #ddd;
  background-color: #eee;
  color: #666;
}
.action-button.fa {
  background: none;
  text-indent: 0;
  font-size: 17px;
  color: #666;
  height: auto;
}
.ajax-action-form input:hover,
.add_tag_image_btn:hover {
  text-decoration: underline;
}
.container .actions,
.container-fluid .actions {
  float: right;
}
.actions.pull-right,
.actions.pull-right .actions {
  position: static;
}
a.action-button {
  color: #333333;
  font-size: 17px;
}
.area-id-subsection {
  position: relative;
}
.stream .actions {
  top: 0.5em;
  position: absolute;
}
#page_header .backlink {
  margin-top: 2em;
}
#show-idea .actions {
  right: 0;
}
.action-link {
  display: block;
  float: left;
  margin-left: 0.5em;
}
.action-button,
.action-button input,
.media-gallery #add_new_file_dialog,
.media-gallery #manage_carousel_button,
.carousel-gallery .carousel-edit {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 21px;
  padding: 0;
  text-indent: -9999em;
  width: 21px;
  overflow: hidden;
}
.action-button.add {
  background-image: url('/default/images/icon-dark-add.png');
}
.action-button.access {
  background-image: url('/default/images/icon-dark-access.png');
}
.action-button.delete {
  background-image: url('/default/images/icon-dark-remove.png');
}
.action-button.edit {
  background-image: url('/default/images/icon-dark-edit.png');
}
.action-button.share {
  background-image: url('/default/images/icon-dark-share.png');
}
.action-button.export {
  background-image: url('/default/images/icon-dark-csv.png');
}
.action-button.calendar-export {
  background-image: url('/default/images/icon-dark-calendar.png');
}
.action-button.print {
  background-image: url('/default/images/icon-dark-print.png');
}
.action-button.more-actions {
  background-image: url('/default/images/icon-more-actions.png');
}
.media-gallery #add_new_file_dialog {
  background-image: url('/default/images/icon-dark-add.png');
}
.media-gallery #manage_carousel_button,
.carousel-gallery .carousel-edit,
.action-button.list {
  background-image: url('/default/images/icon-dark-manage.png');
}
div.more-actions {
  box-shadow: 0 0.1em 0.3em rgba(66, 66, 66, 0.4);
  width: 200px;
  background-color: #fff;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 2em;
}
div.more-actions .action-button,
.more-actions-checkbox {
  float: none;
  height: auto;
  width: auto;
  border-bottom: 1px solid #ddd;
  background-position: left center;
}
div.more-actions .action-button:last-child {
  border-bottom: none;
}
div.more-actions .action-button input,
div.more-actions a.action-button,
div.more-actions label {
  color: #0080b2;
}
div.more-actions .action-button input,
div.more-actions a.action-button {
  text-indent: 0;
  width: auto;
  font-size: 1.2em;
  padding: 0.5em 0 0.5em 2em;
  height: auto;
}
.more-actions-checkbox {
  padding: 0.5em 0 0.5em 0;
  font-size: 1.2em;
}
.more-actions-checkbox:last-child {
  border-bottom: 0;
}
.more-actions-checkbox-label {
  margin-left: 0.5em;
  display: block;
  float: left;
}
.more-actions-checkbox-input {
  width: 1.5em;
  float: left;
}
.more-actions-checkbox-input input[type="checkbox"] {
  vertical-align: middle;
}
div.more-actions .action-button input:hover,
div.more-actions a.action-button:hover,
div.more-actions .more-actions-checkbox-label:hover {
  text-decoration: underline;
}
.attendance-buttons-wrap {
  display: block;
  float: right;
  margin-bottom: 2em;
  margin-top: 0.5em;
}
.attendance-buttons-wrap .link_button,
.attendance-buttons-wrap form {
  float: left;
  margin-left: 0.5em;
}
.message-members {
  clear: left;
  float: left;
  margin-top: 0.5em;
}
.back-to-link {
  margin-bottom: 1em;
}
.toggle-container .actions {
  float: right;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.field #add,
.field #reply {
  float: right;
  margin-top: 0.5em;
}
#my_info span.link_button {
  padding: 0;
}
#my_info span.link_button a {
  color: #fff;
  display: block;
  padding: 0.5em 1em;
}
.h1-button {
  float: right;
  font-size: 0.5em;
  line-height: 1.167em;
}
.event-page .h1-button {
  display: block;
  float: none;
  margin-bottom: 1em;
}
.inline-select,
.inline-input {
  width: auto;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
}
.inline-select:focus,
.inline-input:focus {
  outline: none;
}
.task-work-hours-estimate .inline-input,
.task-due-date .inline-input,
.task-due-time .inline-input,
.item-due-time .inline-input {
  padding: 0.3em;
  text-align: center;
  width: 3.5em;
  line-height: normal;
}
.task-due-date .inline-input,
.item-due-date .inline-input {
  width: 6.5em;
}
.ticket_work_estimate .ticket-work-hours-estimate .inline-input,
.ticket_due_time .inline-input,
.ticket-due-time .inline-input,
#ticket-status .ticket-due-date .datepicker,
#ticket-status .ticket-work-hours-estimate .inline-input,
.contact_task .item-due-date .inline-input,
.contact_task .item-due-time .inline-input {
  padding: 0.2em 0.3em;
  text-decoration: none;
}
.ticket_due_time .inline-input:hover {
  text-decoration: none;
}
.no-select {
  display: block;
  padding: 0 0.2em;
  line-height: 1.8em;
  width: 100%;
  border-radius: 0.2em;
  box-sizing: border-box;
}
.promote-content {
  margin-bottom: 1em;
}
/* ==========================================================================
   ~~Content tables ~~Tables
   ==========================================================================
*/
table.sticky-header thead {
  background: #fff;
}
table.content-info {
  margin: 1em 0;
  width: 100%;
}
table.content-table {
  margin: 1em 0;
  text-align: center;
  width: 100%;
}
.content-table thead {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}
.content-table thead tr th {
  border: 0;
}
.content-table th,
.content-table td {
  border: 1px solid #e0e0e0;
  padding: 0.2em 0.5em;
}
.content-table .select-row {
  width: 2em;
}
.content-table td.actions {
  width: 4em;
}
.content-table .name {
  padding-left: 1em;
  text-align: left;
}
.content-table .date,
.content-table .status {
  text-align: center;
}
.content-table .id-number,
.content-table .price {
  text-align: right;
}
.content-table tbody tr:nth-of-type(8n+5),
.content-table tbody tr:nth-of-type(8n+6),
.content-table tbody tr:nth-of-type(8n+7),
.content-table tbody tr:nth-of-type(8n+8) {
  background: #f2f2f2;
  background: rgba(0, 0, 0, 0.05);
}
.content-table tbody tr:hover {
  background: #f0f5d6;
  background: rgba(178, 206, 52, 0.2);
}
/* ==========================================================================
   ~~Content lists ~~Lists
   ========================================================================== */
.content_list {
  clear: both;
}
.content_list .content {
  clear: both;
}
.content-card .item-actions {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  display: none;
}
.content-card:hover .item-actions {
  display: block;
}
.content-preview .item-meta {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
}
.content-preview .item-name {
  font-size: 24px !important;
}
.related_content .content_list .content_s {
  clear: both;
  margin-bottom: 0.5em;
  padding-right: 3em;
}
.search-content-results .content-grid {
  background: #fff;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-top: 0;
}
.field_group_parent #current-content .no-parent-selected,
.search-content-results .no-results,
.add-address {
  line-height: 2.2em;
}
.content-grid .select-content {
  margin: 0 0 0.5em 0;
  padding: 0.25em;
}
.content-grid .select-content:hover {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.content-grid .select-content:hover a:hover {
  text-decoration: none;
}
.content-grid .select-content:nth-of-type(2n+2) {
  margin-right: 0;
}
.item-info {
  margin-left: 4em;
}
.item-info.no-icon {
  margin-left: 0;
}
.item-keywords {
  display: block;
}
.item-wrapper .contact-person-list {
  margin-top: 1em;
  margin-left: 4em;
  clear: both;
}
.content_list .content {
  min-height: 3.5em;
  position: relative;
  padding: 0.5em 0em 0.5em 0;
}
.content_list.grid .content {
  display: inline-block;
  vertical-align: top;
  width: 275px;
  margin: 0 1em 1em 0;
  padding: 1em;
  border: 1px solid #ddd;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.75);
}
.content_list.grid .content .item-name {
  font-size: 1em;
}
.content_list.grid .content .item-image {
  width: 6em;
}
.content_list.grid .content .item-info {
  margin-left: 7.4em;
}
#popup .block-list .content {
  overflow: hidden;
  padding-left: 0.5em;
}
.content_list .content .meta {
  display: block;
}
.content_list .content.selected {
  border-left: 0.3em solid #8fa52a;
  padding-left: 0.5em;
}
.content_list .actions {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.external_links_list .content_list .actions form,
.external_links_list .content_list .actions a {
  float: right;
}
.content_list .item-name {
  display: block;
  font-size: 16px;
  /*font-weight: bold;*/
}
.content_list .item-date {
  display: block;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.content_list .item-description {
  color: #333333;
}
.comment-count,
.attachment-count,
.like-count,
.item-status {
  border-left: 1px #e0e0e0 dotted;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.project-status {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
}
.project-type,
.item-creator {
  border-right: 1px #e0e0e0 dotted;
  margin-right: 0.5em;
  padding-right: 0.5em;
}
.item-parent,
.item-address,
.item-phone-number {
  display: block;
}
.controller-main.action-desktop .item-created,
.inquiry .item-created {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
.content_list .idea .item-name,
.content_list .idea .item-category {
  display: block;
}
.content_list .item-comments,
.content_list .item-attachments,
.content_list .item-creator,
.content_list .item-created,
.content_list .item-edit-time {
  display: inline-block;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
.content_list .item-creator a,
.content_list .item-created,
.content_list .item-edit-time,
.content_list .item-address,
.content_list .item-date,
.content_list .item-status {
  color: #888888;
}
.field_group_parent {
  clear: both;
}
.field_group_parent .item-image {
  margin-bottom: 1em;
}
/* ==========================================================================
   ~~Categories list ~~Category list
   ========================================================================== */
.categories-list {
  list-style: none;
  padding-left: 0;
}
.categories-list .category {
  display: inline-block;
  margin-top: 0.5em;
  margin-right: 1em;
  vertical-align: top;
}
.categories-list .category a {
  background-color: rgba(0, 0, 0, 0.05);
  display: block;
  padding: 0.2em 0.5em 0.2em 2em;
  border-radius: 0.2em;
}
.categories-list .category a,
.related_content .content_list li,
.external_links_list .content_list li {
  position: relative;
}
.categories-list .category a:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.05);
  height: 1.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5em;
  border-radius: 0.2em 0 0 0.2em;
}
.categories-list .category.active a:after {
  background-color: #0093cc;
}
.categories-list .clear-categories a {
  background-color: transparent;
  padding-left: 0.5em;
}
.categories-list .clear-categories a:after {
  content: none;
}
.categories-list .clear-categories:hover a {
  background-color: #f34b17;
  color: #fff;
  text-shadow: 0 1px 1px #bf3a11;
}
.content_extra_info {
  font-weight: normal;
  text-transform: lowercase;
  font-size: 0.8em;
}
.field.category input {
  margin: 0 0.5em 0.5em 0;
}
.field.category:after {
  clear: both;
  content: " ";
  display: table;
}
/* ==========================================================================
   ~~General Box ~~Shadows ~~bsha
   ========================================================================== */
.dropdown-title .dropdown-items {
  box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
}
.main-nav {
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}
.comment_extra,
.profile-image-wrap,
.course-list .content,
.school-class-list .content,
.media-gallery,
.user-help,
#tooltip,
.ac_results,
.avatar_invitation,
.sortable_item .image-wrapper,
.arrange-box .sortable_item .file_attachment_thumbnail_wrapper,
.content-list-with-images .content-list-item .content-list-image-wrapper,
#ui-datepicker-div,
.controller-main .invites,
.field_group .user_form_img,
.field_group .group_img,
.select-group-image,
.group-image,
.meta_area .img-wrap,
.idea-avatar-wrap,
.blog-image-wrap,
.contact-person-image-wrap,
.activity-picture,
.file-attachment-icon,
.inbox .user_image,
.search-content-results .content-grid,
.user_image,
.content-grid.parent-selection,
.item-image {
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.select-group-image .avatar_invitation {
  box-shadow: none;
}
/* ==========================================================================
   ~~Drop Down Menus
   ========================================================================== */
.top,
.dropdown-title {
  position: relative;
}
.sub,
.dropdown-items {
  display: none;
  margin: 0;
}
.dropdown-items,
#add_item .sub {
  white-space: nowrap;
}
.dropdown-title a.show-more {
  background: url('/default/images/sortable-toggle-arrow-collapsed.png') right center no-repeat;
  padding-right: 1.5em;
}
.dropdown-title:hover .dropdown-items {
  display: block;
  background: #fff;
  padding: 0.5em;
  position: absolute;
  top: 110%;
  right: 0;
}
.dropdown-title:hover .dropdown-items {
  top: 100%;
}
.sub:after {
  bottom: 100%;
  border: 0.5em solid transparent;
  border-bottom-color: #fff;
  content: '';
  height: 0;
  position: absolute;
  right: 1em;
  width: 0;
}
.sub:before {
  bottom: 100%;
  content: '';
  height: 0.5em;
  position: absolute;
  right: 0;
  width: 100%;
}
.sub li,
.dropdown-items li {
  clear: both;
  position: relative;
  margin-bottom: 0.2em;
  float: none;
}
.main-nav .navigation .dropdown-items li {
  margin-right: 0;
}
.sub li:last-of-type,
.more-item li:last-of-type {
  margin-bottom: 0;
}
.sub label {
  cursor: pointer;
  white-space: nowrap;
  padding-left: 1.8em;
}
/* ==========================================================================
   ~~Menus                      clean these up why don't you
   ========================================================================== */
ol.sortable_menu {
  list-style-type: none;
  margin-left: 0;
}
ol.sortable_menu .ui-sortable-placeholder {
  height: 2em;
}
.sortable_menu .sortable_item strong {
  font-weight: normal;
}
.sortable_menu .sortable_item strong a {
  display: block;
  margin-left: 2.5em;
}
.toggle-sub-menu-visibility .hide-label {
  display: none;
}
.area-id-menu-editor ol li .content {
  position: relative;
  margin: 0;
}
.menu-children-wrap {
  float: left;
}
.menu-children-wrap a {
  float: left;
  display: block;
  visibility: visible;
  width: 2.5em;
  height: 1.2em;
  cursor: pointer;
  background-position: center top;
  background-repeat: no-repeat;
}
.menu-children-wrap .collapse {
  padding-left: 0;
  cursor: pointer;
  background-image: url('/default/images/sortable-toggle-arrow.png');
}
.menu-children-wrap .collapse.ajax-action-link-selected {
  background-image: url('/default/images/sortable-toggle-arrow-collapsed.png');
}
.menu-item-pos {
  height: 1em;
  position: absolute;
  top: 0;
  right: 10px;
}
.dummy-helper-list,
.ui-sortable-helper .dummy-helper-list {
  overflow: hidden;
  clear: both;
  display: none;
}
.sortable-drag-active .dummy-helper-list {
  padding: 0;
  margin: 0;
  display: block;
}
.sortable-drag-active .dummy-helper-list ol {
  padding-left: 1.5em;
  margin: 0;
}
.sortable-drag-active .dummy-helper-list .helper-item {
  margin: 0;
  padding: 0;
  min-height: 0;
}
.ui-sortable-helper .dummy-helper-list {
  display: none;
}
.dummy-helper-list li.helper-item {
  min-height: 0.25em;
  list-style-type: none;
}
.dummy-helper-list li.helper-item div {
  display: none;
}
#admin_content .actions a,
#admin_content .actions form {
  float: left;
}
.sortable_menu .sortable_item .content:hover {
  background-color: #eee;
}
ol.manual-navi,
ol.manual-navi ol {
  list-style-type: none;
  counter-reset: item;
  padding-left: 0;
}
ol.manual-navi > li,
ol.manual-navi ol > li {
  display: table;
  counter-increment: item;
}
ol.manual-navi > li:before,
ol.manual-navi ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.5em;
}
ol.manual-navi li ol > li {
  margin: 0;
}
ol.manual-navi li ol > li:before {
  content: counters(item, ".") " ";
}
/* ==========================================================================
   ~~Collapse ~~Toggle
   ========================================================================== */
.toggled-content-wrap {
  clear: both;
  margin-top: 1em;
}
.toggled-content-wrap.collapsed {
  display: none;
}
.toggle-container {
  clear: both;
  margin: 1.5em 0;
  position: relative;
}
.toggle-container.assignments,
.toggle-container.attachments,
.toggle-container.attendants,
.toggle-container.change-history,
.toggle-container.comments,
.toggle-container.courses,
.toggle-container.events,
.toggle-container.file-attachments,
.toggle-container.invite-email,
.toggle-container.keywords,
.toggle-container.links,
.toggle-container.materials,
.toggle-container.members,
.toggle-container.my-ideas,
.toggle-container.rss-feeds,
.toggle-container.team,
.toggle-container.stream,
.toggle-container.work-hours {
  background: url('/default/images/dashed-divider.png') left top repeat-x;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.toggle-container.blog {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-style: double;
  border-color: #ddd;
  border-width: 4px 0;
}
.toggle-container.no-border {
  margin-top: 0;
  padding-top: 0;
  background: transparent;
}
.toggle-container.milestone {
  background: url('/default/images/dashed-divider.png') left bottom repeat-x;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
#edit_course .course-description {
  background: none;
  padding-bottom: 0;
}
.toggle-container .toggle-trigger {
  background-image: url('/default/images/collapse-hide.png');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  display: block;
  line-height: 1.5em;
  min-height: 23px;
  padding-right: 5em;
}
.toggle-container .toggle-trigger.collapsed {
  background-image: url('/default/images/collapse-show.png');
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*** FontAwesome ***/
.toggle-container .toggle-trigger,
.toggle-container .toggle-trigger.collapsed {
  background-position: left center;
  padding-left: 35px;
  padding-right: 0;
  padding: 0;
  background: transparent;
}
.toggle-container h2 span.collapsed:before,
.toggle-container h3 span.collapsed:before,
.toggle-container h4 span.collapsed:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 14px;
  padding-right: 1em;
  float: left;
  width: 1.2em;
}
.toggle-container h2 span.open:before,
.toggle-container h3 span.open:before,
.toggle-container h4 span.open:before {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 14px;
  padding-right: 1em;
  float: left;
  width: 1.2em;
}
.assignment-title span:before {
  content: "\f044";
  padding-right: .25em;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.assignment-title.group-assignment span:before {
  content: "\f0c0";
}
/*** // FontAwesome ***/
.toggled-content-wrap h4 {
  margin-bottom: 0.5em;
}
/* ==========================================================================
   ~~Notifications ~~Alerts ~~Errors ~~Help
   ========================================================================== */
.notifications-container {
  left: 50%;
  margin-left: -45%;
  position: fixed;
  top: 6.7em;
  width: 90%;
}
.inline-alert,
.inline-alert.alert {
  background-color: #f39817;
  text-shadow: 0 1px 1px #bf7711;
}
.inline-alert.success {
  background-color: #8fa52a;
  text-shadow: 0 1px 1px #63731d;
}
.inline-alert.error {
  background-color: #f34b17;
  text-shadow: 0 1px 1px #bf3a11;
}
.user-help {
  background: #2a84a5 url('/default/images/notification-help.png') 1em 1em no-repeat;
  clear: both;
  color: #fff;
  margin-top: 0.5em;
  margin-bottom: 1em;
  min-height: 2em;
  padding: 1em 1em 1em 4em;
  position: relative;
  text-shadow: 0 1px 1px #1d5c73;
  border-radius: 0.3em;
}
.alert a,
.alert a:hover,
.alert a:active {
  color: #ffffff;
  text-decoration: underline;
}
/* ==========================================================================
   ~~Header
   ========================================================================== */
#header {
  padding: 0.428571em 2%;
}
#logolink {
  background: url('/default/images/gemilo-logo.png') left top no-repeat;
  float: left;
  height: 27px;
  text-indent: -999em;
  width: 87px;
}
#search_field {
  background: url('/default/images/header-divider.png') right center no-repeat;
  float: right;
  margin-right: 1em;
  padding-right: 1em;
}
#search_field .input-group-btn,
#search_field .input-group .form-control {
  width: auto;
}
#mainsearch_submit {
  vertical-align: top;
}
#header #add_item,
#header #my_info,
#header #bookmarks-list {
  float: right;
  position: relative;
}
.set-language-links,
#header #add_item,
#header #bookmarks-list {
  margin-right: 1em;
}
.toggle-container > h3,
.toggle-container > h4 {
  margin: 0;
}
.access-select {
  float: right;
}
.toggle-container .access-select {
  font-size: 0.777778em;
  font-weight: normal;
  position: absolute;
  right: 3em;
  top: 0.3em;
}
.set-language-links {
  float: right;
  list-style: none;
  padding: 0;
}
.set-language-links li {
  list-style: none;
}
.btn-with-image .top_link {
  border: 0.2em #fff solid;
  display: block;
  height: 34px;
  width: 34px;
}
.top_link img {
  height: 100%;
  width: 100%;
}
.set-language-links .top_link span {
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  text-indent: -9999em;
  height: 100%;
  width: 100%;
}
.set-language-links .top_link span.fi {
  background-image: url('/default/images/icon-flag-active-fi.png');
}
.set-language-links .top_link span.en {
  background-image: url('/default/images/icon-flag-active-en.png');
}
.set-language-links .top_link span.sv {
  background-image: url('/default/images/icon-flag-active-sv.png');
}
.set-language-links .top_link span.de {
  background-image: url('/default/images/icon-flag-active-de.png');
}
.set-language-links .top_link span.ru {
  background-image: url('/default/images/icon-flag-active-ru.png');
}
.set-language-links .top_link span.vi {
  background-image: url('/default/images/icon-flag-active-vi.png');
}
/*
.set-language-links .fi a { background-image: url('/default/images/icon-flag-fi.png'); }
.set-language-links .en a { background-image: url('/default/images/icon-flag-en.png'); }
.set-language-links .sv a { background-image: url('/default/images/icon-flag-sv.png'); }
.set-language-links .de a { background-image: url('/default/images/icon-flag-de.png'); }
.set-language-links .ru a { background-image: url('/default/images/icon-flag-ru.png'); }
.set-language-links .vi a { background-image: url('/default/images/icon-flag-vi.png'); }
*/
/* ==========================================================================
   ~~Navbar
   ========================================================================== */
@media (max-width: 991px) {
  .navbar-brand {
    padding: 10px;
  }
  .navbar-brand > img {
    height: 100%;
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  .navbar-brand {
    padding: 10px;
  }
  .navbar-brand > img {
    height: 100%;
    max-height: 60px;
  }
  .nav .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
}
.navbar-header .navbar-nav {
  margin: 0;
}
.navbar-header .navbar-nav button {
  float: right;
}
.navbar .btn-with-image .top_link {
  width: 34px;
  height: 34px;
}
nav .navbar-right.navbar-block {
  margin-right: 15px;
}
.navbar-sub {
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 0;
  border-width: 0 0 1px 0;
}
.navbar-search {
  margin-right: 0;
}
/* ==========================================================================
   ~~CMS page with full width background image
   ========================================================================== */
.default-with-bg #wrapper {
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-height: 600px;
}
.default-with-bg .bg-content-group {
  position: relative;
}
.default-with-bg .bg-content-group .page-image img {
  width: 100%;
}
.default-with-bg .bg-content-group .page-content-container {
  padding-top: 5em;
  padding-bottom: 5em;
  width: 100%;
}
.default-with-bg .bg-content-group .page-content-container .page-content {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  padding: 30px;
}
/* ==========================================================================
   ~~Admin View
   ========================================================================== */
.controller-admin .content_list .content {
  border-bottom: 1px #e0e0e0 dotted;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  position: relative;
}
.controller-admin .content_list .content:last-of-type {
  border-bottom: 0;
}
.controller-admin .content_list .content .actions {
  position: absolute;
  right: 0;
  top: 0;
}
.controller-admin .content_list .translations_list {
  margin-left: 1em;
}
#admin_content .page-title {
  text-align: left;
  border-right-color: #ccc;
}
#admin_content .page-title p {
  margin: 0;
}
.add-users-to-group {
  float: right;
}
.add-users-to-group select,
.add-users-to-group input {
  float: none;
  display: inline-block;
  width: auto;
}
/* ==========================================================================
   ~~Banners
   ========================================================================== */
.banner-thumbnail {
  width: 320px;
  margin: 1em;
}
/* ==========================================================================
   ~~Navigation
   ========================================================================== */
.main-nav .navigation {
  margin-right: 2em;
  float: left;
}
.not-signed .main-navigation,
.not-signed .main-nav {
  display: none;
}
.main-nav .navigation:last-of-type {
  margin-right: 0;
}
.main-nav .navigation li {
  margin-right: 1em;
}
.main-nav .navigation li a:hover {
  text-decoration: underline;
}
.main-nav .dropdown-item li {
  float: none;
  margin-bottom: 0;
  margin-right: 0;
}
.main-nav .dropdown-item li a {
  display: block;
}
/* ==========================================================================
   ~~Subsection navigation ~~Subnavi
   ========================================================================== */
.subsections-nav {
  min-height: 36px;
  border-bottom: 1px #e0e0e0 solid;
  overflow: visible;
  margin-bottom: 1.5em;
  padding-left: 0;
  text-align: center;
  border: 0;
  background: #e7e7e7;
  background: linear-gradient(to bottom, #e7e7e7 0%, #f1f1f1 10%, #f1f1f1 90%, #e7e7e7 100%);
}
.subsections-nav li {
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block;
  background: transparent url('/default/images/bg_subsections_nav_li.png') no-repeat center right;
}
.subsections-nav li.active,
.subsections-nav li.selected {
  background-color: #000000;
  background-image: none;
}
.subsections-nav li a {
  color: #50666b;
  font-weight: bold;
  height: 36px;
  padding: 12px 12px 0 12px;
  font-size: 13px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.subsections-nav li a:hover {
  text-decoration: none;
}
.subsections-nav li.active a,
.subsections-nav li.selected a {
  color: #ffffff;
  background: transparent url('/default/images/bg-tab-arrow-down.png') no-repeat center 36px;
}
.tabs.subsections-nav li.selected {
  border: none;
}
/* ==========================================================================
   ~~User profile ~~Profile
   ========================================================================== */
.content_list.grid .content.organization .item-name {
  font-size: 1em;
}
.content_list .content.user,
.content_list .content.person {
  clear: both;
  display: inline-block;
  position: relative;
  vertical-align: top;
  word-wrap: normal;
  width: 275px;
  margin: 0 1em 1em 0;
  padding: 1em;
  border: 1px solid #ddd;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.75);
}
.contact-persons .content_list .content.person {
  display: block;
  box-shadow: none;
  border: none;
  margin: 0 0 1.5em 0;
  padding: 0.5em 0 0.5em 0;
}
.contact-person-image-wrap {
  margin: 0 0.65em 0.5em 0;
}
table.user-info {
  margin: 1em 0;
  width: 100%;
}
/* ==========================================================================
   ~~Tags ~~Keywords
   ========================================================================== */
.keywords h3,
.profile-keywords h3,
.group-keywords h3 {
  color: #888888;
  display: block;
  font-size: 1em;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.profile-keywords,
.group-keywords,
.controller-organization .departments {
  background: url('/default/images/dashed-divider.png') left top repeat-x;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.controller-article.action-show .keywords {
  border-top: 1px solid #ddd;
  padding-top: 1.5em;
}
.keywords {
  margin-top: 1.5em;
}
[class*="col-"] > .keywords {
  margin-top: 0;
}
.tagbox {
  margin-bottom: 1.5em;
}
.tag-item {
  padding: 0.3em 0.6em;
  margin-right: 0.1em;
  margin-bottom: 0.5em;
  display: inline-block;
}
.taglist-add {
  margin-bottom: 0.5em;
}
.tag-item ~ .taglist-add {
  display: inline-block;
  margin-left: 0.5em;
}
.tag-item {
  background: #00a5e5;
  border: 1px solid #0093cc;
  border-radius: 0.25em;
}
.tag-item a {
  color: #ffffff;
}
.taglist-add a {
  color: #0080b2;
}
.delete_tag,
.delete_tag:hover {
  display: inline-block;
  text-align: right;
  margin-left: 0.5em;
}
/* ==========================================================================
   ~~General ~~Icons
   ========================================================================== */
.comment-count,
.attachment-count,
.like-count {
  background-position: right center;
  background-repeat: no-repeat;
}
.comment-count {
  color: #888888;
}
.attachment-count {
  color: #888888;
}
.like-count {
  background-image: url('/default/images/icon-dark-like.png');
  padding-right: 1.5em;
}
/* ==========================================================================
   ~~Avatars & User Icons & File Icons
   ========================================================================== */
.comment_extra,
.profile-image-wrap,
.avatar_invitation,
.select-group-image,
.group-image,
.meta_area .img-wrap,
.idea-avatar-wrap,
.blog-image-wrap,
.contact-person-image-wrap,
.activity-picture,
.file-attachment-icon,
.inbox .user_image,
.user_image,
.item-image {
  background: #fff;
  float: left;
  height: auto;
  width: 39px;
  border: 0.2em #fff solid;
}
.content_list .item-image {
  margin-bottom: 0.5em;
}
.file-attachment-icon {
  display: inline-block;
  width: 3em;
  text-indent: -9999em;
}
.content_list .blog .blog-image-wrap {
  width: 5em;
  border-width: 0.4em;
}
/* In Chrome visited avatar borders were green */
a:visited .comment_extra,
a:visited .profile-image-wrap,
a:visited .avatar_invitation,
a:visited .select-group-image {
  border-color: #fff;
}
.comment_extra img,
.profile-image-wrap img,
.select-group-image img,
.group-image img,
.meta_area .img-wrap img,
.idea-avatar-wrap img,
.blog-image-wrap img,
.contact-person-image-wrap img,
.activity-picture img,
.file-attachment-icon img,
.inbox .user_image img,
.user_image img,
.item-image img {
  border: 0;
  display: block;
  height: auto;
  text-indent: -999em;
  width: 100%;
}
/* ==========================================================================
   ~~File Attachments
   ========================================================================== */
.file-attachment {
  clear: both;
  margin-bottom: 0.5em;
}
.file-attachment-info {
  padding: 0 3em 0 4em;
}
.file_attachment_filename,
.file_attachment_description {
  display: block;
}
.sortable_item .file_attachment_filename {
  display: table-cell;
}
.file_attachment_creator {
  border-left: 1px #e0e0e0 dotted;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.sortable_item .file_attachment_creator {
  border-left: 0;
  margin-left: 0;
}
.file_attachment_date,
.file_attachment_creator a {
  color: #888888;
}
.file-attachment-icon {
  float: left;
}
.file_attachment_arrange {
  float: right;
}
/* ==========================================================================
   ~~Rating & ~~Thumbs
   ========================================================================== */
.content_list .content.idea .idea-rating {
  position: absolute !important;
  right: 0;
  top: 1em;
  width: 40px;
}
.up-votes,
.down-votes {
  clear: both;
  display: block;
  overflow: hidden;
}
.up-votes .rating-thumb-up,
.down-votes .rating-thumb-down {
  float: right;
}
.up-votes .vote-count,
.down-votes .vote-count {
  float: left;
  text-align: right;
  width: 23px;
}
.up-votes .vote-count,
.down-votes .rating-thumb-down {
  margin-top: 0.2em;
}
.rating-thumb-up,
.rating-thumb-down {
  background-color: transparent;
  background-repeat: no-repeat;
  display: block;
  border: 0;
  height: 14px;
  text-indent: -9999em;
  width: 14px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.rating-thumb-down {
  background-image: url('/default/images/icon-thumb-down.png');
  background-position: center bottom;
}
.rating-thumb-up {
  background-image: url('/default/images/icon-thumb-up.png');
  background-position: center top;
}
.rating-thumb-down.my-vote,
.rating-thumb-up.my-vote {
  cursor: default;
  opacity: 1;
  filter: alpha(opacity=100);
}
.rating-thumb-down.no-vote,
.rating-thumb-up.no-vote {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.idea-rating .rating-thumb-up:hover,
.idea-rating .rating-thumb-down:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* ==========================================================================
   ~~Members
   ========================================================================== */
.content_s_list.members,
.content_s_list.invites,
.content_s_list.requests {
  clear: both;
  margin-bottom: 1.5em;
}
.content_s_list.members,
.content_s_list.invites,
.content_s_list.requests {
  clear: both;
  margin-bottom: 1.5em;
}
.controller-project.action-show .content_s_list:last-of-type {
  margin-bottom: 0;
}
.member,
.invitee,
.request {
  display: inline-block;
  margin-bottom: 1.5em;
  position: relative;
  vertical-align: top;
  word-wrap: break-word;
}
.member:nth-of-type(2n+2),
.invitee:nth-of-type(2n+2),
.request:nth-of-type(2n+2) {
  margin-right: 0;
}
.member a:hover,
.invitee a:hover,
.request a:hover {
  text-decoration: none;
}
.member a:hover .member-name,
.invitee a.member-name:hover,
.request a.member-name:hover {
  text-decoration: underline;
}
.member-name {
  display: block;
  margin-top: 1.1em;
  padding-left: 4em;
  padding-right: 1.5em;
}
.students .member-name {
  margin-top: 0.6em;
  padding-left: 3em;
}
.requests .member-name {
  padding-right: 3.5em;
}
.member .form-wrap,
.invitee .form-wrap,
.request .form-wrap {
  display: block;
  position: absolute;
  top: 0em;
  left: 23px;
  background-color: #fff;
  box-shadow: -0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
}
.request .form-wrap {
  left: 0.3em;
}
.member .form-wrap form,
.invitee .form-wrap form,
.request .form-wrap form {
  display: block;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.member .form-wrap form:hover,
.invitee .form-wrap form:hover,
.request .form-wrap form:hover {
  opacity: 1;
}
.member .form-wrap form input,
.invitee .form-wrap form input,
.request .form-wrap form input {
  display: block;
}
.request .form-wrap form {
  float: left;
  margin-left: 0.2em;
}
.students .member .form-wrap,
.students .invitee .form-wrap,
.students .request .form-wrap {
  top: 0.5em;
}
.contacts .form-wrap #invite {
  background: url('/default/images/icon-dark-invite.png') top left no-repeat;
}
.contacts .form-wrap #add {
  background: url('/default/images/icon-dark-add.png') top left no-repeat;
}
.select-person {
  cursor: pointer;
  overflow: hidden;
  padding: 0.5em;
  border: 1px solid transparent;
}
.select-person:hover {
  background-color: #e5f8ff;
  background-color: rgba(0, 165, 229, 0.05);
  border: 1px solid #ddd;
}
.select-group-link {
  background-color: #00a5e5;
  color: #fff;
  display: inline-block;
  margin-top: 0.5em;
  padding: 0.1em 0.4em;
  text-shadow: 0 1px 1px #00374c;
  border-radius: 0.3em;
}
.select-group-link:hover,
.select-group-link:focus {
  color: #fff;
}
.action-manage_members #by_email h3 {
  margin-top: 1em;
  margin-bottom: 0;
}
.action-manage_members #by_email .invite_button {
  margin-top: 1em;
  float: right;
}
.csv-export {
  position: absolute;
  right: 0;
}
.csv-export a {
  color: #50666b;
}
/* ==========================================================================
   ~~Members list with actions
   ========================================================================== */
.content_s_list.members li.with-actions {
  width: 42.75%;
  margin: 0 1% 1% 0;
  padding: 1em 20px 1em 1em;
  border: 1px solid #ccc;
  background: #fff;
}
.with-actions.member .form-wrap {
  top: 1em;
  left: 3em;
}
.content_s_list.members li .participation {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 1em;
  top: 1em;
}
.content_s_list.members li.with-actions .participation input {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  border: 0;
  background-color: transparent;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
}
.content_s_list.members li .participation .present {
  background-image: url('/default/images/content_icons/content_icon_ticket_fixed.png');
}
.content_s_list.members li .participation .absent {
  background-image: url('/default/images/content_icons/content_icon_not_available.png');
}
/* ==========================================================================
   ~~Articles
   ========================================================================== */
.summary {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 0.1em solid #ddd;
}
/* ==========================================================================
   ~~RSS Feeds
   ========================================================================== */
.rss_feed_actions {
  float: right;
}
.rss_feed ul {
  padding-left: 0;
  list-style: none;
}
.rss_feed li {
  margin-bottom: 0.5em;
}
.rss_feed h3,
.rss_feed h4 {
  margin-bottom: 0;
}
.rss_feed h3 p,
.rss_feed h4 p {
  margin: 0;
  display: inline;
}
.rss_feed h4 p br {
  /* Yyberhax to get the external link image to show up in right place */
  display: none;
}
.rss_feed small {
  display: block;
}
/* ==========================================================================
   ~~Materials
   ========================================================================== */
.material-authors,
.material-publishing-year {
  display: inline-block;
  margin-bottom: 1em;
}
.material-letter-filter {
  margin-bottom: 0.6em;
}
/* ==========================================================================
   ~~Blogs ~~Post
   ========================================================================== */
.content_list .post .item-comments,
.content_list .post .item-attachments,
.content_list .post .item-creator {
  display: inline-block;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
.new-blog-post {
  float: right;
  margin-bottom: 1.5em;
}
.blog-description {
  clear: both;
}
.post-creator {
  text-align: center;
  margin-top: 0.5em;
}
.post-creation-time,
.post-edit-time {
  border-left: 1px #ccc dotted;
  display: inline-block;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.post-edit-time {
  color: #999;
}
/* ==========================================================================
   ~~Ideas
   ========================================================================== */
.my-ideas .item-edited {
  border: 0;
  margin: 0;
  padding: 0;
}
.controller-idea .main-content > h1 {
  margin-top: 0;
}
.idea-author-name {
  display: inline-block;
  margin-top: 1.1em;
  padding-left: 1em;
}
.content_list .content.idea {
  border-bottom: 1px #e0e0e0 dotted;
  padding: 1em 3em 1em 0;
  position: relative;
}
.content_list .content.idea:last-of-type {
  border-bottom: 0;
}
.content_list .content.idea p:first-of-type {
  margin-top: 0;
}
.content_list .content.idea p:last-of-type {
  margin-bottom: 0;
}
.idea-filters {
  overflow: hidden;
}
.idea-filters select {
  display: block;
  float: left;
  margin-right: 1.333%;
  width: 24%;
}
.idea-filters select:last-of-type {
  margin-right: 0;
}
#show-idea h1 {
  padding-right: 1em;
}
.field_group.idea-categories {
  overflow: hidden;
}
.field_group.idea-categories legend {
  margin-bottom: 0.5em;
}
.field_group.idea-categories .field {
  float: left;
  margin: 0;
  width: 33%;
}
.idea-management {
  background: url('/default/images/dashed-divider.png') left bottom repeat-x;
  clear: both;
  margin-bottom: 1.5em;
  margin-top: 1em;
  padding-bottom: 1.5em;
}
.idea-management .field_group {
  display: block;
  float: left;
  margin-right: 1%;
  width: 32%;
}
/* ==========================================================================
   ~~Assignments
   ========================================================================== */
.assignments .content p {
  margin-top: 0.2em;
}
.create-new-assignment-group {
  margin-bottom: 1em;
}
.grade-submission select#grade {
  width: auto;
}
.grade-submission #grade-text {
  height: 15em;
}
.assignment-submission-form {
  clear: both;
}
.grade-submission {
  width: auto;
  padding: 2em 1em;
  background: #f3f2f0;
  border: 1px solid #ccc;
  border-radius: 0.2em;
}
.grade-submission .set-grade {
  margin-top: 1em;
  background: #eee;
  border-radius: 1em;
  padding: 1em;
}
.assignment-cols.cols-2 .col.left-col {
  width: 57%;
}
.assignment-cols.cols-2 .col.right-col {
  width: 41%;
}
.group-members-wrap {
  margin: 1em auto;
  text-align: left;
}
.group-members-wrap #members {
  background: transparent;
}
.group-members-wrap .member {
  width: auto;
}
/* ==========================================================================
   ~~Submissions
   ========================================================================== */
.submission-editor-wrap,
.show-submission-wrap {
  position: relative;
  max-width: 900px;
  margin: 2em auto;
}
.show-submission-wrap .toggle-container.comments {
  background: none;
}
.submissions-container {
  padding: 0;
  background: #fff;
}
.submissions-container form#submission {
  margin-top: 1em;
}
.submission-editor-wrap {
  width: 50%;
  margin-top: 1.5em;
  padding: 2em 1% 2em 1%;
  border-top: 2px solid #e98300;
  box-shadow: 0 5px 1em 0 rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.submission-editor-wrap.pull-right {
  float: right;
}
.submission-editor-wrap.centered {
  margin: 1.5em auto;
}
.submission-editor-wrap .content_area.toggle-container,
.submission-editor-wrap .toggle-container {
  background: transparent;
}
.submission-editor-wrap h3 {
  margin-bottom: .25em;
}
.placeholder-help-text {
  font-size: 1.5em;
}
.submissions-list-wrap {
  width: 50%;
  padding-left: 1%;
  margin-top: 0;
  float: left;
}
.submission-content-wrap {
  margin-top: 1em;
}
.submission-link,
.submission,
.submission-name,
.submission-group-name,
.submission-group-name .meta,
.submission-group-members,
.submission-group-members .invited {
  display: block;
}
.area-id-submission:hover {
  text-decoration: none;
}
.submission-link {
  /* border-bottom: 1px dotted #cacac5; */
}
.submission-link:last-of-type {
  border-bottom: 0;
}
.submission-link:hover {
  text-decoration: none;
}
.submission-link.ajax-action-link-selected {
  border-bottom: 0;
  padding: 0.3em 0 0.3em 1em;
  border-radius: 0.5em 0 0 0.5em;
  box-shadow: -0.3em 0 0.8em rgba(0, 0, 0, 0.15);
}
.submission {
  margin: 0.5em 0;
  padding: 0.3em 0.5em 0.3em 0;
}
.submission-name,
.submission-group-name {
  font-size: 1.166667em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.submission .meta {
  color: #888888;
}
.submission-group-members {
  color: #888888;
  font-size: 0.857142em;
  font-weight: normal;
}
.submission-group-members span {
  font-weight: bold;
}
.submission-editor-wrap .submission-group-members {
  margin: 0;
  padding: 0;
  font-size: inherit;
}
.submission-editor-wrap .submission-group-members ul {
  margin: 0;
  padding: 0;
}
.submission-editor-wrap .submission-group-members ul li {
  margin: 0;
  display: inline;
}
.submission-group-name .member-count.too-many {
  color: #f34b17;
}
.submission-group-invitation {
  text-align: right;
}
/*
.area-id-submission #join_form {
    position: absolute;
    right: 1em;
    top: 1em;
}
*/
.submission-status {
  display: inline-block;
  margin-bottom: 0.5em;
  padding: .35em .5em;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
  background: #ea8300;
  float: right;
  border-radius: 0.2em;
}
.show-submission-wrap .submission-title {
  color: #222;
}
.submission-grade {
  padding: 1em;
  background: #f3f2f0;
  border: 1px solid #ccc;
}
.submission .grade,
.graded .grade {
  background-color: #7b7b6d;
  color: #fff;
  font-size: 1.5em;
  padding: 0.2em 0;
  float: right;
  margin-right: 0.1em;
  text-align: center;
  width: 1.6em;
  border-radius: 0.2em;
}
.submission-page .meta {
  font-size: 1em;
}
/* Reserved for later use maybe */
/*
.submission .grade-10,
.submission .grade-9,
.graded .grade-10,
.graded .grade-9 {
    background-color: #8fa52a;
    text-shadow: 0 1px 1px #63731d;
}

.submission .grade-8,
.submission .grade-7,
.graded .grade-8,
.graded .grade-7 {
    background-color: #2a84a5;
    text-shadow: 0 1px 1px #1d5c73;
}

.submission .grade-6,
.submission .grade-5,
.graded .grade-6,
.graded .grade-5 {
    background-color: #f39817;
    text-shadow: 0 1px 1px #bf7711;
}

.submission .grade-4,
.graded .grade-4 {
    background-color: #f34b17;
    text-shadow: 0 1px 1px #bf3a11;
}*/
.toggle-container.grade-submission {
  float: left;
  margin: 0 0 1.5em 0;
  overflow: visible;
}
.toggle-container.grade-submission .toggle-trigger {
  background-image: none;
  line-height: 1.2em;
  padding-right: 0;
  overflow: visible;
}
.submission-info {
  display: block;
  margin: 1em 0;
}
.submission-return {
  float: right;
}
.submission-heading {
  padding-top: 1em;
}
.submission-page #members {
  margin: 0 0 1em 0;
}
/************************************************************/
.submission-name {
  padding-left: 35px;
}
.submission-group-name {
  padding-right: 3em;
  display: inline-block;
}
.submission .meta {
  display: inline-block;
}
.submission.active .meta {
  text-align: left;
  color: #fff;
}
.submission .meta .comment-count {
  border: 0;
  padding-left: 3em;
  background: transparent;
}
.submission .meta .comment-count .fa {
  padding-left: .5em;
  vertical-align: top;
}
.submission.active .meta .fa-users {
  color: #777;
  padding-left: .5em;
}
/*** Group submission ***/
.submissions-list-wrap .submission {
  padding: .25em 0;
}
.submissions-list-wrap .submission {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.submissions-list-student .submission .submission-row,
.submissions-list-wrap .submission .submission-row {
  width: 100%;
  display: table-row;
  margin: 0 0 .5em 0;
  padding: 0;
}
.submission .submission-group-members {
  width: 30%;
  display: table-cell;
  padding-left: 35px;
  float: none;
  font-size: 1.2em;
  font-weight: bold;
  border-right: 1px solid #DFDFDF;
}
.submission-group-members ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
  font-size: 1em;
}
.submission-group-members ul li {
  width: 100%;
  display: block;
  clear: both;
  margin-bottom: 0.25em;
}
.submission-group-members .member {
  color: #222;
}
.submission-group-members .invited {
  color: #808285;
}
.submissions-list-wrap .submission .meta {
  width: 60%;
  display: table-cell;
  float: none;
  text-align: left;
  vertical-align: middle;
  color: #808285;
}
.submissions-list-wrap .submission .meta .submission-date:before {
  content: "\f007";
  padding-right: .25em;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  padding-right: .5em;
  padding-left: .5em;
  font-size: 2em;
}
.submissions-list-wrap .submission.group-submission .meta .submission-date:before {
  content: "\f0c0";
}
.submissions-list-wrap .submission .meta .fa-users {
  padding-right: .5em;
  font-size: 2em;
}
.submissions-list-wrap .toggled-content-wrap .area-id-submission {
  margin-bottom: 0.5em;
  padding: 0.25em 0;
  display: block;
  overflow: hidden;
}
.submissions-list-wrap .toggled-content-wrap .area-id-submission.ajax-action-link-selected {
  background: #ea8300 url('/default/images/bg_assignment_arrow.png') no-repeat right center;
  background-size: 16px 100%;
}
.submissions-list-wrap .toggled-content-wrap .area-id-submission span {
  color: #777;
}
.submissions-list-wrap .toggled-content-wrap .area-id-submission span.comment-count {
  margin-top: .5em;
  margin-right: .5em;
  float: right;
}
.submissions-list-wrap .toggled-content-wrap .area-id-submission.ajax-action-link-selected .submission-group-members .member,
.submissions-list-wrap .toggled-content-wrap .area-id-submission.ajax-action-link-selected .submission.active .meta .fa-users,
.submissions-list-student .area-id-submission.ajax-action-link-selected span,
.submissions-list-wrap .toggled-content-wrap .area-id-submission.ajax-action-link-selected span {
  color: #fff;
}
.submissions-list-wrap .submission .meta .submission-date,
.submissions-list-wrap .submission .meta .comment-count {
  padding: 0;
  text-align: left;
  display: inline-block;
  width: 30%;
}
.submissions-list-wrap .submission .meta .submission-date {
  width: 60%;
}
/*** Students' list ***/
.submissions-list-wrap.student-list {
  width: 100%;
  min-width: 480px;
}
.submissions-list-wrap.student-list .group-row {
  padding: .5em 0;
  margin-bottom: .5em;
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
}
.submissions-list-wrap.student-list .group-row .area-id-submission {
  width: 60%;
  float: left;
}
.submissions-list-wrap.student-list .group-row .submission-group-invitation {
  text-align: center;
  font-weight: bold;
  float: right;
  margin-right: .5em;
}
.submissions-list-wrap.student-list .submission .submission-group-members {
  padding-left: 0;
}
.groups-header {
  padding: 1em;
}
/* Normal submission */
/*
.toggled-content-wrap .submission.active {
    color: #fff;
    background: #ea8300 url('/default/images/bg_assignments_arrow.png') no-repeat right center;
    background-size: 15px 100%;
}

*/
/* Group submission */
/*
.toggled-content-wrap .group-submission.active {
    background: #F3F2F0 url('/default/images/bg_group_assignment_arrow.png') no-repeat right center;
    background-size: 16px 100%;
}

.toggled-content-wrap .group-submission.active span {
    color: #222;
}
*/
/************************************************************/
/* ==========================================================================
   ~~External Learning Material
   ========================================================================== */
#browse_materials .filters {
  margin-bottom: 2em;
}
#browse_materials .filters select,
#browse_materials .filters .text {
  width: auto;
  margin-bottom: 0.5em;
}
.browse-materials-table {
  margin-bottom: 2em;
  width: 100%;
}
.browse-materials-table th {
  text-align: left;
}
.browse-materials-table tbody tr:nth-of-type(8n+5),
.browse-materials-table tbody tr:nth-of-type(8n+6),
.browse-materials-table tbody tr:nth-of-type(8n+7),
.browse-materials-table tbody tr:nth-of-type(8n+8) {
  background: #ededec;
  background: rgba(0, 0, 0, 0.05);
}
.browse-materials-table td {
  border: 1px solid #e0e0e0;
  padding: 0.2em;
  vertical-align: top;
}
.browse-materials-table tbody tr:hover {
  background: rgba(178, 206, 52, 0.2);
}
#popup .filters select,
#popup .filters input {
  margin-bottom: 0.5em;
}
/* ==========================================================================
   ~~Comments & ~~Activity
   ========================================================================== */
.comment-item,
.activity-content-wrapper,
.activity-item.add_status_update .activity-content-wrapper {
  clear: both;
  margin: 1em 0;
}
.activity-content-wrap {
  margin-top: 0.2em;
}
.activity-content-wrapper .activity-picture {
  margin-bottom: 0.5em;
}
.comment_content,
.activity-content-wrapper .activity-summary,
.activity-content-wrapper .activity-meta,
.status-update .activity-summary,
.status-update .activity-meta {
  margin-left: 4em;
}
.add_status_update .activity-summary {
  display: block;
}
.activity-content-wrapper .activity-summary,
.add_status_update .activity-summary {
  margin-bottom: 1em;
}
.comment_content p:first-of-type {
  margin-top: 0;
}
.comment_meta {
  color: #888888;
}
.activity-item fieldset {
  margin-bottom: 0;
}
.comment-item .inline-editor {
  margin-left: 4em;
  margin-bottom: 1em;
}
/* ==========================================================================
   ~~Courses, ~~Classes list & ~~Content List
   ========================================================================== */
.content-list-with-images .content-list-image {
  display: block;
  width: 100%;
}
.course-list-filters {
  margin-bottom: 0.5em;
}
.course-list-filters select {
  margin-bottom: 0.3em;
  width: auto;
}
.toggle-container.projects .content-list-item .content-list-image-wrapper,
.controller-company.action-show .content-list-item .content-list-image-wrapper,
.controller-organization.action-show .content-list-item .content-list-image-wrapper,
.my-courses .content-list-with-images .content-list-image-wrapper,
.toggle-container.courses .content-list-image-wrapper,
.my-projects .content-list-with-images .content-list-image-wrapper {
  border-width: 0.2em;
  float: left;
  width: 3em;
}
.content-list-with-images .content-list-image-wrapper {
  float: left;
  width: 5em;
}
.datetime {
  display: block;
  font-weight: bold;
}
.controller-course.action-show .media-gallery {
  margin-top: 1em;
}
.controller-course.subsection-records .main-content {
  width: 100%;
}
.not-graded a {
  color: #e94816;
}
.field_group.course-categories {
  overflow: hidden;
}
.field_group.course-categories legend {
  margin-bottom: 0.5em;
}
.field_group.course-categories .field {
  float: left;
  margin: 0;
  width: 33%;
}
.members-teachers {
  background: url('/default/images/dashed-divider.png') left bottom repeat-x;
  margin-bottom: 1.5em;
  position: relative;
}
.members-students {
  position: relative;
}
.members-teachers .access-select,
.members-students .access-select {
  position: absolute;
  top: 0.8em;
  right: 0;
  float: none;
  font-size: 1.2em;
  display: none;
}
/* ==========================================================================
   ~~Slider ~~Gallery ~~Carousel
   ========================================================================== */
ul.slides {
  list-style: none;
}
body .media-gallery,
body .carousel-gallery {
  background: #fff;
  border: 5px solid #fff;
  margin: 0 0 2em 0;
  min-height: 2em;
  position: relative;
  border-radius: 0;
  zoom: 1;
}
body .media-gallery.no-border {
  border: none;
  margin: 0;
}
body.controller-main.action-index .carousel-gallery {
  min-height: 8em;
}
.media-gallery .preview img,
.carousel-gallery .preview img {
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .col-md-4 .preview.placeholder img {
    width: auto;
    height: 100%;
  }
}
.media-gallery .gallery-item-details,
.carousel-gallery .gallery-item-details {
  display: none;
}
.media-gallery .item-description,
.carousel-gallery .item-description {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  right: 0;
  width: 100%;
  position: absolute;
  transition: all 0.5s;
}
.media-gallery .preview:hover .item-description,
.carousel-gallery .preview:hover .item-description {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.6);
  max-height: 100%;
}
.media-gallery .item-description span,
.carousel-gallery .item-description span {
  color: #fff;
  display: block;
  overflow: hidden;
  margin: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.media-gallery .preview:hover .item-description span,
.carousel-gallery .preview:hover .item-description span {
  white-space: normal;
  text-overflow: clip;
}
#fancybox-content .item-description {
  display: block;
  padding: 1em 0 0 0;
  text-align: center;
}
.preview {
  position: relative;
  display: block;
  overflow: hidden;
}
.preview .actions {
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
}
.media-gallery:hover .preview .actions,
.media-gallery:hover #add_new_file_dialog,
.media-gallery:hover #manage_carousel_button,
.carousel-gallery:hover .carousel-edit {
  opacity: 1;
  filter: alpha(opacity=100);
}
.media-gallery #add_new_file_dialog,
.media-gallery #manage_carousel_button,
.carousel-gallery .carousel-edit {
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  float: none;
  left: 0;
  padding: 0.2em;
  position: absolute;
  top: 0;
  transition: 0.3s;
}
.media-gallery #manage_carousel_button {
  left: 21px;
}
.carousel-gallery .carousel-edit {
  left: 0;
}
#wrapper .flex-direction-nav a {
  width: 47px;
  height: 58px;
  margin: -27px 0 0;
  display: block;
  background: url('/default/images/slider-buttons-large.png') no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#wrapper .media-gallery:hover .flex-direction-nav .flex-next,
#wrapper .media-gallery:hover .flex-direction-nav .flex-prev,
#wrapper .carousel-gallery:hover .flex-direction-nav .flex-next,
#wrapper .carousel-gallery:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  filter: alpha(opacity=100);
}
#wrapper .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0;
}
#wrapper .flex-direction-nav .flex-prev {
  left: 0;
}
#wrapper .media-gallery .flex-next:hover,
#wrapper .carousel-gallery .flex-next:hover {
  background-position: 100% 100%;
  right: 0;
}
#wrapper .media-gallery .flex-prev:hover,
#wrapper .carousel-gallery .flex-prev:hover {
  background-position: 0 100%;
  left: 0;
}
#wrapper .flex-direction-nav .flex-disabled {
  opacity: 0.3!important;
  filter: alpha(opacity=30);
  cursor: default;
}
#wrapper .flex-control-paging li a {
  width: 1em;
  height: 1em;
  display: block;
  background: #d7d7d3;
  background: rgba(123, 123, 109, 0.3);
  cursor: pointer;
  text-indent: -999em;
  border-radius: 50%;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(123, 123, 109, 0.3);
}
#wrapper .flex-control-paging li a.flex-active {
  background: #7b7b6d;
  cursor: default;
}
.media-gallery iframe,
.carousel-gallery iframe {
  width: 100%;
}
/* ==========================================================================
   ~~Events
   ========================================================================== */
.controller-event #members {
  overflow: hidden;
}
.event-page .event-date,
.event-page .event-address {
  display: block;
}
.event-page .event-date {
  font-weight: bold;
}
.content_list .event.open {
  margin-bottom: 1em;
  position: relative;
  padding: 0.5em 2em 0.5em 0.5em;
  border-radius: 0.5em 0 0 0.5em;
  box-shadow: -0.3em 0 0.8em rgba(0, 0, 0, 0.15);
}
.event-page .event-info {
  float: right;
  width: 40%;
  margin: 0 0 1em 5%;
}
.event-page .event-info .list-user-item {
  width: 100%;
}
.event-list {
  max-width: 900px;
  margin: 0 auto;
}
.event-list h3 {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ddd;
}
.event-list h3:first-of-type {
  border-top: none;
  margin-top: 1.3em;
  padding-top: 0;
}
.panel h3 {
  margin-top: 0;
}
/* ==========================================================================
   ~~Tooltip
   ========================================================================== */
#tooltip {
  background-color: #fff;
  border: 0.5em solid #fff;
  opacity: 1;
  filter: alpha(opacity=1);
  position: absolute;
  max-width: 700px;
}
.tooltip-content {
  display: none;
}
.ui-tooltip.warning {
  background-color: #ffffff;
  border: 1px solid #e94816;
  border-radius: 5px;
  color: #e94816;
}
/* ==========================================================================
   ~~Ajax Loader Boxes ~~Loading
   ========================================================================== */
.ajax-action-loading-message img {
  max-width: 100%;
}
.ajax-refresh-overlay-wrapper {
  min-height: 70px;
}
.ajax-refresh-overlay-wrapper-large {
  min-height: 220px;
}
.ajax-refresh-overlay-wrapper-small {
  min-height: 18px;
}
.ajax-refresh-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/default/images/ui/ajax-refresh-loading-medium.gif');
}
.ajax-refresh-overlay-wrapper-large .ajax-refresh-overlay {
  background-image: url('/default/images/ui/ajax-refresh-loading-large.gif');
}
.ajax-refresh-overlay-wrapper-small .ajax-refresh-overlay {
  background-image: url('/default/images/ui/ajax-refresh-loading-small.gif');
}
/* ==========================================================================
   ~~Assign Dialog & ~~Access Page ~~Rights
   ========================================================================== */
#user_invite_list,
#select_content_list {
  margin-bottom: 1em;
}
#user_invite_list h3,
#select_content_list h3 {
  margin-bottom: 0;
  clear: both;
}
.wrap_invite_group,
.selected-items-wrap {
  overflow: hidden;
  clear: both;
  margin-bottom: 1em;
}
.wrap_invite_group div {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 0.3em;
  float: left;
  font-weight: bold;
}
.wrap_invite_group select {
  margin-top: 0.5em;
  width: 100%;
}
.wrap_invite_group input {
  margin-top: 0.5em;
}
.invite_person,
.content-grid-item,
.permission-box .list-user-item {
  margin: 0 1% 0.5em 0;
  padding: 0.3em 0.5%;
  display: inline-block;
  vertical-align: top;
}
.invite_person {
  width: 22%;
}
.accept-invite {
  width: 40em;
  margin: 4em auto 0;
}
.accept-invite p {
  margin: 1em 0;
}
.accept-invite form {
  display: block;
  float: left;
  margin-right: 0.5em;
}
.content-grid-item {
  width: 17%;
}
.content-grid.parent-selection {
  background: #fff;
  border: 1px #ccc solid;
  margin: -0.5em 0 1em 0;
  padding: 1%;
  border-radius: 0 0 0.3em 0.3em;
}
.content-grid-item .content-type,
#current-parent .content-type {
  display: block;
}
.invite_person:hover,
.content-grid-item:hover,
.permission-box .list-user-item:hover {
  background: #f2f2f0;
  background: rgba(123, 123, 109, 0.1);
}
.member-box {
  position: relative;
  margin-bottom: 2em;
}
.member-box .results-help,
.member-box .no-results {
  margin: 1em;
  font-style: italic;
}
p.no-results:last-of-type {
  margin-bottom: 1em;
}
.email-invite-table {
  width: 100%;
  text-align: left;
  margin: 1em 0;
}
.content-browse .search-browse {
  max-width: 70%;
}
.content-browse {
  background: url('/default/images/dashed-divider.png') left bottom repeat-x;
  clear: both;
  display: block;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.browse > strong {
  margin-top: 0.5em;
  display: inline-block;
}
.browse.helpText > strong {
  margin-top: 0;
}
.controller-access .disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.restricted-access-list ul {
  padding: 0;
}
.restricted-access-list li {
  list-style: none;
  clear: both;
}
.content-grid {
  clear: both;
  display: block;
}
.content-grid-h3 {
  margin-bottom: 0;
  margin-top: 1em;
}
.more-link {
  clear: both;
}
.access-actions {
  margin-top: 0.3em;
}
.access-actions form {
  float: left;
}
.access-actions input {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.access-actions .active input,
.access-actions input:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.select-group-image,
.group-image {
  margin-right: 0.5em;
  float: left;
}
.select-group-name strong {
  color: #333333;
}
.select-group-name {
  line-height: 1.3;
  color: #666;
}
.access-setting {
  margin: 0;
  padding: 0;
}
.access-setting li {
  margin: 0.5em 0;
  font-weight: bold;
  list-style: none;
}
.action-edit .field_group.schedule-date,
.field_group.schedule-date {
  float: left;
  width: 50%;
  clear: none;
}
.field_group.schedule-date label {
  display: block;
  text-align: left;
}
.controller-access.action-edit div.area-id-set-schedule-new {
  padding-left: 12em;
}
.controller-access.action-edit div.area-id-set-schedule-new label {
  text-align: left;
}
.controller-access.action-edit .area-id-set-permission-new .field {
  padding-top: 0.5em;
}
.field_group.schedule-date input.datepicker,
.field_group.schedule-date input#start_time,
.field_group.schedule-date input#end_time {
  width: 6em;
  text-align: center;
  display: inline;
}
.permission-warning-icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  background-image: url('/default/images/icon-warning.png');
  background-repeat: no-repeat;
}
h1 span.privilege-group {
  font-size: 0.5em;
  font-weight: normal;
  vertical-align: middle;
  color: #888888;
  padding: 0.1em 0.5em;
  border: 1px solid #ddd;
  background-color: #fafafa;
  display: inline-block;
  border-radius: 0.2em;
}
.table .permission-type {
  min-width: 160px;
}
/* ==========================================================================
   ~~Date Picker ~~Picker
   ========================================================================== */
.ui-datepicker.ui-widget .ui-datepicker-prev,
.ui-datepicker.ui-widget .ui-datepicker-prev-hover {
  left: 0.35em;
  top: 0.35em;
}
.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-next-hover {
  right: 0.35em;
  top: 0.35em;
}
/* ==========================================================================
   ~~Fields ~~Forms
   ========================================================================== */
.field_group {
  margin: 1em 0;
  width: 100%;
}
select#auth_access,
select#public_access {
  width: auto;
}
.field_group label {
  font-weight: bold;
}
.field_group .field {
  margin: 0.5em 0;
}
.field_group .search-content-wrap .field {
  margin-bottom: 0;
}
.field_group .field label {
  display: block;
  margin-left: 0.5em;
  margin-top: 0;
  margin-bottom: 0.5em;
  float: none;
  text-align: left;
  width: auto;
}
.field_group .field .field-description {
  margin-bottom: 1em;
}
fieldset {
  margin-bottom: 3em;
}
.event-categories fieldset {
  border: 0;
}
fieldset:last-of-type {
  margin-bottom: 0;
}
.controller-main.not-signed fieldset,
.comments fieldset,
#work_hour_form fieldset,
.assignment-submission-form fieldset,
#popup #add-gallery_item-form fieldset,
#popup #add-file-attachment-form fieldset {
  border-top: 0;
}
.helpText strong {
  color: #f39817;
}
.field input[type="radio"],
.field input[type="checkbox"] {
  float: left;
}
.helpText {
  clear: both;
  margin-top: 0.5em;
}
form .error-message {
  color: #fff;
  background-color: #f34b17;
  display: inline-block;
  margin: 0.25em 0;
  padding: 0.25em 0.5em;
  text-shadow: 0 1px 1px #bf3a11;
  border-radius: 0.3em;
}
form .error-message a {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}
p#required_info {
  margin: 1em 0;
}
#required_info em,
.required em {
  color: #f34b17;
  margin-right: 0.3em;
}
fieldset legend {
  clear: both;
  color: #50666b;
  font-size: 1.5em;
  font-weight: 500;
  margin: 0 0 0.5em 0;
  padding-right: 0.5em;
  position: relative;
}
fieldset legend em {
  color: #7a7b6d;
  color: rgba(123, 123, 109, 0.7);
  font-style: normal;
  font-size: 0.7em;
  margin-left: 1em;
  white-space: nowrap;
  /* TODO: long legend em texts do not wrap and go out of the screen, also the stuff under them don't clear it. */
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
textarea.form-control,
select.form-control {
  background: #fff;
  border: 1px #ccc solid;
  max-width: 100%;
  padding: 0.3em;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2em;
}
textarea.form-control {
  min-height: 5em;
  max-height: 35em;
  resize: vertical;
}
textarea.textarea-md {
  min-height: 10em;
}
textarea.textarea-lg {
  min-height: 20em;
}
select {
  padding: 0.2em;
  white-space: nowrap;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: text-bottom;
  margin-top: 2px;
}
.public-pane #login_form input[type="text"],
.public-pane #login_form input[type="password"] {
  width: 20em;
}
input[type='text'].unfocus,
textarea.unfocus {
  color: #888888;
}
.clear-input-wrap {
  position: relative;
}
.clear-input-icon {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
  display: none;
}
.content-list-filters {
  clear: both;
  display: block;
  margin-bottom: 1.5em;
}
.content-list-filter {
  width: auto;
}
.field_group_login {
  clear: both;
}
.field_group .user_form_img,
.field_group .group_img {
  border: 0.5em #fff solid;
  margin-bottom: 0.5em;
}
.controller-role.action-invite #invite {
  margin-top: 2em;
}
fieldset.school #city-select,
fieldset.school #school-select,
fieldset.school #new-school-name {
  margin-top: 0.5em;
}
fieldset.school legend {
  margin-bottom: 0;
}
#edit_user form,
#edit_course form,
#edit_assignment form,
#edit_school_class form {
  clear: both;
}
.course-help {
  clear: both;
}
.action-new .course-description {
  background: none;
}
/*
.search-content-wrap {
    clear: both;
    margin: 1em 0;
}
*/
.current-content {
  padding-top: 0.1em;
}
.no-content-selected {
  padding: 0.4em 0;
  display: block;
}
.field_group_preferred_languages .field select {
  margin-right: 1em;
  width: auto;
}
.field_group_preferred_languages .field select:last-of-type {
  margin-right: 0;
}
label input[type="checkbox"],
label input[type="radio"] {
  margin-right: 0.5em;
}
input[type='radio'],
input[type='checkbox'],
label {
  cursor: pointer;
}
.categories.extra {
  margin-bottom: 4em;
}
.project-categories .categories.extra {
  margin-bottom: 0;
}
.categories .sub-category-wrap {
  float: left;
  margin-bottom: 1em;
  margin-right: 5%;
  width: 45%;
}
.categories .sub-categories {
  margin-top: 0.5em;
}
.sub-category-wrap .helpText {
  margin-bottom: 0.5em;
}
.field_group_start_time,
.field_group_end_time,
.field_group_start_date_part,
.field_group_start_time_part,
.field_group_end_date_part,
.field_group_end_time_part {
  display: inline-block;
  width: auto;
  margin-right: 1em;
}
.field_group_deadline .field input,
.field_group_start_time .field input,
.field_group_end_time .field input,
.field_group_start_date_part .field input,
.field_group_start_time_part .field input,
.field_group_end_date_part .field input,
.field_group_end_time_part .field input {
  width: 7em;
}
/* ==========================================================================
   ~~Helpdesk ~~Inquiry
   ========================================================================== */
.helpdesk-search .text {
  margin: 0.5em 0;
}
.inquiry-description {
  margin-bottom: 1em;
}
.like-wrapper {
  float: right;
}
.content-thumbs-up-count {
  display: none;
}
.content-rating .ajax-action-loading-message img {
  display: none;
}
.content-thumbs-up-text {
  display: block;
  text-align: right;
}
.unlike-btn,
.like-btn {
  float: right;
}
/* ==========================================================================
   ~~Auto Complete ~~ac
   ========================================================================== */
.ac_results {
  padding: 0px;
  border: 1px #7a7b6d solid;
  background-color: #fff;
  overflow: hidden;
}
.ac_results ul {
  width: 100%;
}
.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  font-size: 1em;
  /*
    it is very important, if line-height not set or set
    in relative units scroll will be broken in firefox
    */
  line-height: 16px;
  overflow: hidden;
}
.ac_loading {
  background: #ffffff url('indicator.gif') right center no-repeat;
}
.ac_odd {
  background-color: #d8d8d8;
}
.ac_over {
  background-color: #8fa52a;
  color: white;
}
/* ==========================================================================
   ~~Pager
   ========================================================================== */
.pager_pages {
  clear: both;
  padding-bottom: 1em;
  overflow: hidden;
  text-align: center;
}
.pager_pages span,
.pager_pages a {
  /*border-width: 1px;
    border-style: solid;*/
  display: inline-block;
  margin-right: 0.3em;
  padding: 0.25em 0.6em;
  border-radius: 3em;
}
.pager_pages label {
  display: inline-block;
  margin-right: 1em;
  padding: 0.15em 0.5em;
}
.pager_pages span {
  background-color: #e1e1e1;
  background-color: rgba(136, 136, 136, 0.2);
  color: #888888;
  cursor: default;
}
.pager_pages .pager_link:hover {
  background-color: #ccf1ff;
  background-color: rgba(0, 165, 229, 0.15);
}
.pager_pages span.pager_dotdot {
  background-color: transparent;
  border-color: transparent;
}
/* ==========================================================================
   ~~Sortable Items & ~~Sort ~~Filters
   ========================================================================== */
.sortable-handle {
  color: #bbb;
}
.ui-sortable li .sortable-handle {
  cursor: move;
}
.ui-sortable li {
  margin: 0.5em 0;
}
.ui-sortable .actions a {
  cursor: pointer;
}
.sortable_attachment_list li {
  background-color: #fff;
  margin-bottom: 0.5em;
}
.sortable_attachment_list li:hover {
  background-color: #ededec;
}
.sortable_attachment_list li:active {
  background-color: #e4edbe;
}
.sortable_item .file_attachment_thumbnail_wrapper {
  border: 0.3em #fff solid;
  width: 4em;
}
.sortable_attachment_list .image-wrapper,
.sortable_item .image-wrapper {
  border: 0.5em #fff solid;
  width: 8em;
}
.sortable_item .file_attachment_thumbnail_wrapper img,
.sortable_attachment_list .image-wrapper img,
.sortable_item .image-wrapper img {
  width: 100%;
  display: block;
}
.sortable_item td {
  padding: 0.5em;
}
.sortable_attachment_list .featured_content .image-wrapper,
.sortable_item .featured_content .image-wrapper {
  float: left;
}
.sortable_attachment_list .featured_content .text,
.sortable_item .featured_content .text {
  max-height: 8em;
  overflow: hidden;
  padding-left: 2em;
}
.sortable_attachment_list .featured_content .text h3,
.sortable_item .featured_content .text h3 {
  clear: none;
  line-height: 1em;
  margin: 0 0 0.5em 0;
}
.sortable_attachment_list {
  margin: 0;
  padding: 0;
}
.sortable_attachment_list li {
  list-style: none;
  position: relative;
  clear: both;
  overflow: hidden;
}
.sortable_attachment_list .actions {
  position: absolute;
  top: 0;
  right: 0;
}
/* ==========================================================================
   ~~Inbox
   ========================================================================== */
#messages .content.inbox {
  clear: both;
  padding: 0.5em;
}
.inbox-item {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 2em;
}
.replied .inbox-item {
  background-image: url('/default/images/icon-dark-replied.png');
}
.inbox.new {
  background: rgba(0, 0, 0, 0.03);
}
.new .inbox-item {
  background-image: url('/default/images/icon-new.png');
}
.tabs .newmessages {
  font-weight: normal;
  font-style: italic;
}
.inbox-item .content_extra {
  float: left;
}
#messages .sender,
#messages .meta {
  color: #888888;
}
#messages .message-time,
#messages .comment-item .actions .comment-forward {
  border-left: 1px #e0e0e0 dotted;
  display: inline;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.inbox-item .message-title {
  display: block;
  font-weight: bold;
}
.inbox-item .message-content {
  color: #333333;
}
.inbox-item .actions,
#messages .comment-item .actions {
  position: relative;
  display: block;
  right: auto;
  top: auto;
}
.select-threads-actions {
  margin-right: 1em;
}
.select-threads-actions a {
  display: inline-block;
}
.select-threads-actions .select-read,
.select-threads-actions .select-none {
  border-left: 1px #e0e0e0 dotted;
  display: inline;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
#messages #reply {
  float: right;
}
#messages .participants .show-on-click-action {
  clear: both;
  float: right;
  margin: 1em 0;
}
ul.token-input-list-facebook {
  background: #fff;
  border: 1px #ccc solid;
  height: auto !important;
  cursor: text;
  height: 1%;
  margin: 0;
  max-width: 100%;
  min-height: 1px;
  list-style-type: none;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
  border-radius: 0.2em;
}
ul.token-input-list-facebook li input {
  background-color: #fff;
  border: 0;
  margin: 2px 0;
  padding: 3px 8px;
  width: 100px;
}
li.token-input-token-facebook {
  background-color: #eee;
  border: 1px solid #ccc;
  color: #000;
  cursor: default;
  float: left;
  height: auto !important;
  height: 1%;
  margin: 3px;
  overflow: hidden;
  padding: 1px 3px;
  border-radius: 0.3em;
}
li.token-input-token-facebook p {
  display: inline;
  margin: 0;
  padding: 0;
}
li.token-input-token-facebook span {
  cursor: pointer;
  font-weight: bold;
  margin-left: 5px;
}
li.token-input-selected-token-facebook {
  background-color: #8fa52a;
  border: 1px solid #8fa52a;
  color: #fff;
}
li.token-input-input-token-facebook {
  float: left;
}
div.token-input-dropdown-facebook {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  cursor: default;
  margin-left: 1em;
  overflow: hidden;
  position: absolute;
  width: 50%;
  z-index: 1;
  border-radius: 0 0 0.2em 0.2em;
}
div.token-input-dropdown-facebook p {
  color: #777;
  font-weight: bold;
  margin: 0;
  padding: 5px;
}
div.token-input-dropdown-facebook ul {
  margin: 0;
  padding: 0;
}
div.token-input-dropdown-facebook ul li {
  background-color: #fff;
  padding: 3px;
}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook,
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
  background-color: #fff;
}
div.token-input-dropdown-facebook ul li em {
  font-style: normal;
  font-weight: bold;
}
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
  background-color: #8fa52a;
  color: #fff;
}
/* ==========================================================================
   ~~Personal ~~Front Page
   ========================================================================== */
.profile_name_front .user_name {
  font-size: 1em;
}
.controller-main .invites {
  padding: 1em;
  border: 0.1em solid #ddd;
  background-color: #fff;
  margin-bottom: 2em;
}
.controller-main .invites h3 {
  margin-top: 0;
}
.controller-main .invite {
  border-bottom: 1px dotted #cacac5;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.controller-main .invite:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.invites .invite-info {
  width: 90%;
  font-weight: bold;
  float: left;
}
.invites .invite-actions {
  width: 10%;
  float: right;
}
.controller-main .invite .action-button {
  float: right;
}
.controller-main .invite .action-button.reject {
  margin-left: 0.5em;
}
.controller-main .invite .reject {
  background: url('/default/images/member_reject.png') center center no-repeat;
}
.controller-main .invite .accept {
  background: url('/default/images/member_accept.png') center center no-repeat;
}
.profile_name_front {
  margin-left: 4em;
}
.profile_name_front h2 {
  clear: none;
  margin: 0;
}
/* ==========================================================================
   ~~User Agreement, ~~Info
   ========================================================================== */
body#popup .page_content {
  padding: 2em;
  word-wrap: break-word;
}
/* ==========================================================================
   ~~Organization ~~Company ~~Contact person
   ========================================================================== */
.item-image.content-logo {
  width: 4em;
  font-size: 2em;
}
.with-logo {
  clear: none;
  padding-left: 4em;
}
.with-logo:after {
  content: " ";
  display: table;
  clear: both;
}
.content-logo {
  background: #fff;
  float: left;
  border: 0.2em #fff solid;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.content-logo img {
  max-width: 50px;
}
.content-logo + h1 {
  margin-left: 65px;
}
.controller-company.action-show .references,
.controller-company.action-show .group_companies {
  background: url('/default/images/dashed-divider.png') left top repeat-x;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.company-info table {
  margin-top: 0;
}
/* TODO: Convert these tables to use just one class instead of separate for each type of page */
.organization-info table,
.company-info table {
  margin: 1em 0;
  width: 100%;
}
.organization-info table {
  margin-top: 0;
}
.organization-info td,
.organization-info table td,
.company-info table td {
  vertical-align: top;
}
.organization-info td:first-of-type {
  padding-right: 2em;
  white-space: nowrap;
}
.contact-person-list {
  margin: 0;
  padding: 0;
}
.activity-summary .contact-person-list {
  float: left;
  width: 100%;
}
.contact-person-list .contact-person {
  float: left;
  list-style: none;
  margin-right: 2%;
  margin-bottom: 1em;
  width: 48.5%;
}
.contact-person-list .contact-person:nth-of-type(2n+2) {
  margin-right: 0;
}
.contact-person-info {
  margin-left: 4em;
}
.contact-person-info.no-icon {
  margin-left: 0;
}
.contact-person-info .item-name,
.organization-info .contact-persons-heading {
  display: block;
  font-weight: bold;
  font-size: 1.0em;
}
.contact-person-info span a,
.contact-person-info span {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.contact-person-info span.label a,
.contact-person-info span.label {
  display: inline-block;
}
.contact-person-info .fa {
  display: inline;
}
.contact-person-info .item-organization a {
  display: inline;
}
.task .item-summary,
.task .item-meta,
.task .contact-person-title {
  display: block;
  margin-left: 0;
}
.task .ticket-priority,
.task .item-due-date,
.task .item-due-time {
  float: right;
}
.task .item-due-time {
  margin: 0 0 0 0.5em;
}
.task .task-priority {
  background: none;
  border-left: 0;
  margin: 0 0 0 0.5em;
  padding-right: 0;
}
.contact-tasks .item-type,
.contact-tasks .item-contact-person {
  display: block;
  margin-right: 10em;
}
.contact-tasks .item-wrapper {
  border-bottom: 1px #ddd solid;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.contact-tasks .item-wrapper:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.manage-contact-members {
  float: right;
}
.contact-tasks .item-meta,
.contact-tasks .item-meta a {
  color: #888888;
}
.contact-tasks .item-meta .activity-time {
  border-left: 1px #e0e0e0 dotted;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.add-contact-task,
.add-department {
  float: right;
}
.departments > h3 {
  clear: none;
}
.contact-task-filters {
  margin-bottom: 0.5em;
}
.contact-task-filters input,
.contact-task-filters select {
  margin-bottom: 0.3em;
  width: auto;
  vertical-align: top;
}
.contact-tasks .item-priority {
  background: orange;
  border-radius: 0.3em;
  color: #fff;
}
#add-reference-button {
  float: right;
  line-height: 1.8em;
  margin-right: 0.3em;
  padding: 0.1em 0.6em;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
ul.contacts {
  clear: both;
}
.contacts .form-wrap {
  top: 0;
}
.contacts .contact-person {
  padding-right: 1.5em;
}
.invite-by-email-heading {
  margin-top: 1em;
}
.add-address {
  margin-bottom: 1em;
}
#contact_task_form .add-new {
  clear: both;
  float: left;
  margin-top: 1em;
}
.contacts .member.already-invited .contact-person,
.contacts .member.already-member .contact-person {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.contacts .member.already-invited .item-title,
.contacts .member.already-invited .item-phone-number,
.contacts .member.already-invited .item-email,
.contacts .member.already-member .item-title,
.contacts .member.already-member .item-phone-number,
.contacts .member.already-member .item-email {
  display: none;
}
.contacts .already-member .status-wrap,
.contacts .already-invited .status-wrap {
  margin-left: 4em;
  margin-top: 0.2em;
  display: block;
}
.contacts .already-member .status-wrap span,
.contacts .already-invited .status-wrap span {
  color: #fff;
  padding: 0.1em 0.4em;
  display: inline-block;
  border-radius: 0.3em;
}
.contacts .already-member .status-wrap span {
  background-color: #2a84a5;
  text-shadow: 0 1px 1px #1d5c73;
}
.contacts .already-invited .status-wrap span {
  background-color: #f39817;
  text-shadow: 0 1px 1px #bf7711;
}
.controller-company .stream > h3 {
  clear: none;
}
.add-department {
  clear: both;
}
#company-reference {
  padding-left: 0;
}
.rollover .content-list-item .content-list-item-name {
  display: none;
}
.rollover .content-list-item:hover .content-list-item-name {
  display: block;
}
/* ==========================================================================
   ~~Tasks
   ========================================================================== */
.task-priority-10 {
  background-color: #2a84a5;
}
.task-priority-9 {
  background-color: #5d9b7d;
}
.task-priority-8 {
  background-color: #8fb256;
}
.task-priority-7 {
  background-color: #c5c92c;
}
.task-priority-6 {
  background-color: #f0d50b;
}
.task-priority-5 {
  background-color: #ffd200;
}
.task-priority-4 {
  background-color: #ffb900;
}
.task-priority-3 {
  background-color: #ff9701;
}
.task-priority-2 {
  background-color: #fd720c;
}
.task-priority-1 {
  background-color: #f34b17;
}
/* ==========================================================================
   ~~Agenda
   ========================================================================== */
.agenda-navi {
  border-bottom: 1px solid #dedede;
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-weight: bold;
}
@media (min-width: 768px) {
  .agenda-navi {
    font-size: 1.077em;
  }
}
.agenda-navi div {
  float: left;
  width: 33%;
}
.agenda-navi-today {
  text-align: center;
  color: #7b7b6d;
  padding: 0 0.5em;
}
.agenda-navi-prev {
  text-align: right;
}
.agenda .agenda-time-items {
  margin-left: 2em;
}
.agenda .agenda-no-time-items {
  margin-left: 0;
}
.agenda .agenda-time {
  clear: both;
}
.agenda .agenda-timestamp {
  width: 8em;
  float: left;
  font-size: 1.25em;
  font-weight: bold;
  color: #50666b;
  margin-top: 1em;
}
.event-calendar .calendar-item-count {
  display: block;
  color: #544;
}
@media (min-width: 768px) {
  .event-calendar .calendar-item-count {
    float: right;
    margin-left: 0.8em;
  }
}
.event-calendar .calendar-item-count.unfinished {
  color: #f44;
}
/* ==========================================================================
   ~~Misc styles
   ========================================================================== */
.preferences .add-remove-control,
.preferences .anons-can-see {
  margin-left: 2em;
}
/* ==========================================================================
   ~~Block Specific styles
   ========================================================================== */
.controller-main.action-index .link-list ul {
  list-style: none;
  padding: 0;
}
.controller-main.action-index .link-list li {
  margin-bottom: 0.5em;
}
.controller-main.action-index .link-list .block-list h3 {
  font-size: 1.2em;
  margin-bottom: 0;
}
.controller-main.action-index .link-list .block-list p {
  margin: 0;
}
.block_list {
  position: relative;
  min-height: 2em;
}
.block_list.editable:hover {
  outline: #ddd 1px dotted;
}
.block_list .block-actions {
  background: #fff;
  display: none;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
}
.block_list:hover .block-actions {
  display: block;
}
/* ==========================================================================
   ~~Course program
   ========================================================================== */
.centered {
  text-align: center;
  margin-right: 2em;
  margin-left: 2em;
}
.course-header {
  margin-bottom: 2em;
}
.course-header .col {
  width: 48%;
  min-width: 250px;
  margin-right: 1%;
  float: left;
  overflow: hidden;
}
.date-range-wrap.text-only {
  font-size: 1.2em;
  float: none;
  clear: both;
  display: block;
  width: auto;
}
.date-range-wrap .date-range {
  clear: both;
  /*max-width: 30em;*/
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.15em;
  line-height: 2.5em;
}
.text-only .date-range {
  line-height: 1.5em;
}
.text-only .date-range.centered {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}
.left-col p {
  margin-top: 0;
}
.right-col .keywords {
  margin-top: 0;
}
.col .course-description {
  background: none;
}
/*** Columns ***/
.cols-wrap {
  margin-bottom: 2em;
}
.cols-wrap.cols-2 .col {
  width: 48%;
  margin-right: 2%;
  float: left;
}
.cols-wrap.cols-2 .col.last {
  margin-right: 0;
}
#new-course-wrap,
#new-lecture-wrap {
  margin-bottom: 1em;
  padding: 1em 0;
  text-align: center;
}
#new-lecture-wrap {
  border: 0;
  background: transparent;
}
.action-element {
  float: right;
}
h3 .action-element .link-button-large {
  font-size: 1em;
  background: transparent;
  border: 0;
}
h3.with-bg {
  padding: 1em 0 0;
  border-top: 1px solid #ddd;
}
.link-button-large {
  font-size: 1.5em;
}
.link-button-medium {
  font-size: 1.2em;
}
#course-program-filters {
  padding: 0.5em 0 0.5em 7%;
  font-size: 1.5em;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  margin-bottom: 1em;
  font-weight: bold;
}
#course-program-filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#course-program-filters ul li {
  display: inline;
  padding-right: .5em;
}
#course-program-filters ul li a,
#course-program-filters ul li a:hover {
  color: #0080b2;
  text-decoration: none;
}
/* Courses */
.course-program-courses-wrap {
  width: 90%;
  margin: 0 auto 1.5em auto;
}
.course-program-courses-wrap .courses-year {
  width: 95%;
  margin: 1em auto 1em auto;
}
.course-program-courses-wrap .course-program-course {
  width: 31%;
  margin: 0 1% 1em 0;
  padding: 1em 0;
  float: left;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.course-program-courses-wrap .course-program-course.first {
  clear: left;
  margin-left: 2.25%;
}
.course-program-courses-wrap .course-program-course.last {
  margin-right: 0;
}
.course-program-courses-wrap .course-program-course h3 {
  border: 0;
  background: transparent;
  margin-bottom: .25em;
  padding: 0 0.5em;
}
.course-program-courses-wrap .course-program-course .course-info {
  padding: 0 0.5em;
}
.course-program-courses-wrap .course-program-course .course-dates {
  font-size: 1.5em;
  font-size: 1.15em;
  font-weight: bold;
}
.course-program-courses-wrap .course-program-course h3 .course-dates {
  font-size: 1em;
  float: right;
  color: #808285;
}
.course-program-courses-wrap .course-program-course .course-duration {
  font-size: 1.25em;
  font-weight: bold;
}
.course-program-courses-wrap .course-program-course .course-description {
  margin: 0.5em 0;
  padding: 0 0.5em;
  text-align: left;
  border: none;
  background: transparent;
}
.course-program-courses-wrap .course-program-course .course-keywords {
  margin-top: 1em;
}
/* Course calendar
   ---------------
*/
.course-calendar-wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.course-calendar-wrap table {
  width: 100%;
  background: #fff;
  border-spacing: 0;
}
.course-calendar-wrap table td {
  width: 50%;
  padding: 0;
  border: 1px solid #333333;
  empty-cells: hide;
  vertical-align: top;
}
.course-calendar-wrap .calendar-row {
  margin-bottom: 1em;
  border-left: 1px solid #333;
}
.course-calendar-wrap .course-day {
  width: 48%;
  width: 30%;
  margin: 0 1% 1em 0;
  float: left;
  background: rgba(255, 255, 255, 0.5);
}
.course-calendar-wrap .course-day.first {
  clear: left;
}
.course-calendar-wrap .course-day.last {
  margin-right: 0;
  clear: right;
}
.course-calendar-wrap .course-day .date {
  color: #333333;
  margin: 0 .5em .5em 0;
  padding: .75em 0;
  border-bottom: 3px solid #ddd;
}
.course-calendar-wrap .course-day .date .actions {
  margin-right: 7px;
}
.course-calendar-wrap .course-day .date .remove-day {
  width: 2em;
  height: 1em;
  display: inline-block;
  float: right;
  text-decoration: none;
  color: #fff;
}
.course-calendar-wrap .course-day .day-event {
  padding: .5em;
  font-size: 1.2em;
  border-bottom: 1px dashed #ddd;
}
.course-calendar-wrap .course-day .day-event .event-info {
  margin-bottom: .5em;
}
.course-calendar-wrap .course-day .day-event .event-times {
  font-weight: bold;
  color: #222;
}
.course-calendar-wrap .course-day .day-event.last,
.course-calendar-wrap .course-day .day-event:last-child {
  border-bottom: 0;
}
.course-calendar-wrap .new-event-wrap {
  margin: 1em 0;
  text-align: center;
}
/* ==========================================================================
   ~~Lecture
   ========================================================================== */
.field_group_lecture_date input,
.field_group_end_time_part input,
.field_group_start_time_part input {
  /*font-size: 1.5em;*/
}
.field_group_lecture_date {
  max-width: 30%;
  min-width: 21em;
}
/* ==========================================================================
   ~~Feedback
   ========================================================================== */
#feedback-form textarea {
  height: 10em;
}
.feedback.content {
  position: relative;
  padding: 0.5em 0;
  border-bottom: 1px solid #ddd;
}
.feedback a.action-button {
  text-indent: 0;
}
/* ==========================================================================
   Blog  (Created MJR 4.7.2014)
   ========================================================================== */
.blogheader h1,
.blogheader h2,
.blogheader h3,
.blogheader h4 {
  text-align: center;
}
.blogheader {
  padding: 1em 1em 0;
}
.my-blogheader {
  text-align: center;
  line-height: 1.1;
  border-style: double;
  border-color: #ddd;
  border-width: 4px 0;
  padding: 1em 0;
  margin-bottom: 1em;
  display: table;
  width: 100%;
}
.main-content .my-blogheader h1 {
  margin: 0;
}
.blog-description {
  text-align: center;
  font-size: 1.6em;
  color: #50666b;
}
.blog-name {
  margin: 1em 0;
}
.author-left {
  float: left;
  width: 64%;
  text-align: left;
  font-size: 1em;
  padding: 1em;
  /*  background: #f7fbee;    */
  margin-bottom: 2em;
}
.author-right {
  text-align: left;
  float: right;
  width: 30%;
  padding: 2em 1em 1em 1em;
  /* background: #f7fbee;    */
}
.author-right .list-user-item.member {
  width: 100%;
  margin-bottom: 1em;
}
.blog .contact-person-image-wrap {
  width: 5em;
}
.blog .contact-person-info {
  margin-left: 6em;
  padding-top: 0.2em;
}
.blog .member .form-wrap {
  left: 4em;
}
.blog-post-content {
  font-size: 1.167em;
}
.blog-pre-header {
  margin-bottom: 0.5em;
}
.blog-post-content .blog-pre-header .blog-name {
  display: table;
  margin: 0 auto;
  float: right;
}
.blog-back {
  color: #0080b2;
}
.show-header {
  border-style: double;
  border-color: #ddd;
  border-width: 4px 0;
  margin-left: auto;
  margin-right: auto;
}
.my-blogheader .post-next-prev {
  margin: 1em 0;
}
.my-blogheader .post-next-prev a {
  display: block;
  font-size: 1.4em;
  width: 45%;
}
.my-blogheader .previous-post {
  float: left;
}
.my-blogheader .next-post {
  float: right;
  text-align: right;
}
.my-blogheader .prev,
.my-blogheader .next {
  font-size: 8em;
  width: 10%;
}
.my-blogheader .post-meta,
.my-blogheader .next,
.my-blogheader .prev {
  display: table-cell;
  vertical-align: middle;
}
.blog .tag-filter,
.blog .themes {
  margin-bottom: 1em;
}
.blog .themes p {
  padding-left: 1em;
}
.blog .themes a {
  padding: 0.2em 0.5em;
  border: 1px solid #00a5e5;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 0.4em;
  margin-right: 0.2em;
}
.blog .themes a.selected {
  background: #00a5e5;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.blog .addthis_sharing_toolbox {
  float: right;
  height: 20px;
  margin-bottom: 0.5em;
}
/* ==========================================================================
   ~~Help Texts
   ========================================================================== */
.help-text-wrapper {
  display: block;
  background: #ededec;
  margin-bottom: 1.5em;
  padding: 0.5em;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 1em;
}
.help-text {
  display: block;
  border: 2px #ddd dashed;
  color: #888888;
  padding: 1em;
  text-align: center;
  border-radius: 0.5em;
}
.help-text span {
  font-weight: bold;
}
/* ==========================================================================
   ~~Media Queries ~~Queries
   ========================================================================== */
@media only screen and (max-width: 767px) {
  .container {
    /* minimum is 15px because of negative margins for rows. */
    padding-left: 15px;
    padding-right: 15px;
  }
  .container .content-section {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0.25em;
  }
  .submissions-list-wrap,
  .submission-editor-wrap {
    width: auto;
    clear: both;
    float: none;
  }
  .submissions-list-wrap .submission .meta span.submission-date,
  .submissions-list-wrap .submission .meta span.comment-count {
    float: none;
    text-align: left;
    display: block;
    clear: both;
    margin: 0 0 .5em .5em;
    padding: 0;
  }
  .submissions-list-wrap .submission .meta .submission-date:before {
    padding-left: 0;
  }
  .course-program-courses-wrap .course-program-course {
    width: 48%;
    width: 99%;
    clear: both;
  }
  .course-program-courses-wrap .course-program-course .course-info.course-title {
    max-width: 50%;
    float: left;
  }
  .course-program-courses-wrap .course-program-course .course-info.course-dates {
    max-width: 50%;
    float: right;
  }
  .course-program-courses-wrap .course-program-course .course-info.course-description {
    clear: both;
  }
  .course-program-courses-wrap .course-program-course.first {
    margin-left: 0;
    clear: none;
  }
  .course-program-courses-wrap .course-program-course.last {
    margin-right: 1%;
    clear: left;
  }
  .course-assignment-wrap .content_list {
    width: 99%;
  }
  .course-calendar-wrap .course-day {
    width: 99%;
    margin-right: 0;
    clear: both;
  }
  #add_item .top_link,
  #bookmarks-list .top_link,
  #my_info span.link_button a {
    padding: 0.5em;
  }
  #bookmarks-list .top_link span,
  #add_item .top_link span,
  #my_info span.link_button a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    text-indent: -999em;
  }
  #add_item .top_link span {
    background-image: url('/default/images/icon-white-add.png');
  }
  #bookmarks-list .top_link span {
    background-image: url('/default/images/icon-white-bookmark.png');
  }
  #my_info span.link_button a.log-out {
    background-image: url('/default/images/icon-white-log-out.png');
  }
  #my_info span.link_button a.log-in {
    background-image: url('/default/images/icon-white-log-in.png');
  }
  #my_info span.link_button a.register-user {
    background-image: url('/default/images/icon-white-register.png');
  }
  #bookmarks-list .sub:after,
  #add_item .sub:after {
    right: 0.75em;
  }
  #main_navigation ul.navigation,
  .subsection-nav {
    display: none;
  }
  .navigation-select {
    margin: 0.3em 0;
  }
  .invite_person,
  .content-grid-item {
    width: 30%;
  }
  .permission-box {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
  .permission-box.read,
  .permission-box.write {
    background: url('/default/images/dashed-divider.png') left bottom repeat-x;
    margin-bottom: 1em;
    padding-bottom: 1em;
    overflow: hidden;
  }
  #header {
    height: auto;
  }
  .event-page .event-info {
    width: 100%;
    float: none;
    margin: 0 0 1em 0;
  }
  .content-list-blog .content.blog {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 481px) {
  .permission-box .list-user-item {
    clear: none;
    float: left;
    margin-right: 1%;
    width: 48%;
  }
  .subsection-nav {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .submissions-list-wrap,
  .submission-editor-wrap {
    width: auto;
    clear: both;
    float: none;
  }
  .course-program-courses-wrap .course-program-course {
    width: 95%;
  }
  #wrapper {
    background: none;
  }
  .notifications-container {
    top: 9em;
  }
  #header #logolink {
    background-position: left center;
    background-size: 100% auto;
    max-width: 140px;
  }
  .profile_name_front {
    margin-left: 4em;
  }
  .controller-privilege.action-index .member,
  .controller-privilege.action-index .invitee,
  .controller-privilege.action-index .request {
    width: 48%;
    margin-right: 2%;
  }
  .content-grid .select-content {
    width: 100%;
  }
  .content-list-with-images .content-list-item .content-list-item-name {
    background: transparent;
    bottom: inherit;
    display: block;
    left: inherit;
    height: 3.4em;
    margin-left: 4em;
    position: relative;
    text-align: left;
    width: auto;
  }
  .content-list-with-images .content-list-image-wrapper {
    border-width: 0.2em;
    float: left;
    width: 3em;
  }
  .content-list-with-images .content-list-item-name a,
  .content-list-with-images .content-list-item-name span {
    padding: 0;
    line-height: 3.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .controller-organization.action-index .content-list-with-images .content-list-item-name a,
  .controller-organization.action-index .content-list-with-images .content-list-item-name span {
    line-height: 1.16667em;
  }
  .invite_person,
  .content-grid-item {
    width: 47%;
  }
  .subsections-nav {
    display: none;
  }
  .controller-project.action-index .subsections-nav,
  .controller-material.action-index .subsections-nav,
  .controller-organization.action-index .subsections-nav,
  .controller-blog.action-index .subsections-nav {
    display: block;
  }
  #search_field {
    background: transparent;
    clear: both;
    margin: 0.3em 0 0 0;
    padding-right: 0;
  }
  .field_group.idea-categories .field {
    width: 50%;
  }
  .member,
  .invitee,
  .request,
  .contact-person-list .contact-person {
    width: 100%;
  }
  table.user-info {
    margin: 0;
  }
  .author-description .author-left,
  .author-description .author-right {
    float: none;
    width: 100%;
  }
  .content-list-blog .content.blog {
    width: 100%;
    margin: 0;
  }
  .author-left,
  .author-right,
  .content-list-blog .content.blog .post-content-list-item {
    float: none;
    width: 100%;
    padding: 1em 0;
  }
  .blog .tag-filter,
  .blog .themes {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  body {
    padding-top: 60px;
    padding-bottom: 2.4em;
    min-height: 100%;
  }
  .main-nav {
    position: fixed;
    top: 3.1em;
  }
  .controller-privilege.action-index .member,
  .controller-privilege.action-index .invitee,
  .controller-privilege.action-index .request {
    width: 23%;
  }
  .controller-privilege.action-index .member:nth-of-type(2n+2),
  .controller-privilege.action-index .invitee:nth-of-type(2n+2),
  .controller-privilege.action-index .request:nth-of-type(2n+2) {
    margin-right: 1.99%;
  }
  .controller-privilege.action-index .member:nth-of-type(4n+4),
  .controller-privilege.action-index .invitee:nth-of-type(4n+4),
  .controller-privilege.action-index .request:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .action-new .field_group,
  .action-edit .field_group {
    clear: both;
  }
  select#auth_access {
    margin-left: 1em;
  }
  .event-registration input#freely_joinable,
  #edit_group input#freely_joinable,
  .field input#freely_joinable,
  .preferences .field input.checkbox,
  .field_group_picture .field #delete-picture,
  .field_group_picture .field label,
  .field_group_picture .field .user_form_img {
    margin-top: 0.5em;
  }
  .field_group_picture .field label {
    display: inline-block;
    margin-left: 0.5em;
  }
}
.embedded-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.embedded-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.event-calendar-wrap {
  clear: both;
  overflow: auto;
}
.month-name-navigation {
  overflow: hidden;
  padding: 0 0 0.5em 0;
  text-align: center;
}
@media (min-width: 768px) {
  .month-name-navigation {
    font-size: 24px;
  }
}
.month-name-navigation strong {
  display: block;
  float: left;
  padding-top: 0.5em;
  width: 45%;
}
.month-name-navigation .current-month {
  margin: 0 2em;
}
.event-calendar {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  background: #fff;
}
.event-calendar a {
  display: block;
}
.event-calendar .table-head td {
  background-color: #f9f9f9;
  color: #7a7a7a;
  font-weight: bold;
  text-align: center;
  height: auto;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.event-calendar .table-head.calendar-navigation td {
  background: #00a5e5;
  border: 1px #00a5e5 solid;
  color: #fff;
}
.event-calendar .table-head.calendar-navigation td a,
.event-calendar .table-head.calendar-navigation td h4 {
  color: #fff;
}
.event-calendar .table-head.calendar-navigation td .popover {
  color: #333;
}
.event-calendar td {
  width: 13.5%;
  height: 8em;
  box-sizing: border-box;
  border: 1px #ccc solid;
  overflow: hidden;
  padding: 0.5em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .event-calendar td {
    height: auto;
    padding: 0;
    vertical-align: middle;
    text-align: center;
  }
  .event-calendar td .day a {
    width: 100%;
    height: 2em;
    font-size: 1.538em;
    line-height: 2em;
    color: #00b7ff;
  }
}
.event-calendar .calendar-day-heading {
  position: relative;
}
.event-calendar .tasks {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #aaa transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.event-calendar .unfinished.tasks {
  border-color: transparent #f77 transparent transparent;
}
.event-calendar .calendar-date {
  display: block;
  font-weight: bold;
}
@media (min-width: 768px) {
  .event-calendar .calendar-date {
    float: left;
  }
}
.event-calendar td.week-num,
.event-calendar td.week-num-title {
  width: 6%;
  text-align: center;
}
@media (min-width: 768px) {
  .event-calendar td.week-num,
  .event-calendar td.week-num-title {
    width: 4%;
  }
}
.event-calendar td.hour-num,
.event-calendar td.hour-num-title {
  width: 5%;
}
.event-calendar td.hour-num,
.event-calendar td.week-num {
  background-color: #f9f9f9;
}
@media (min-width: 768px) {
  .event-calendar .calendar-item {
    float: right;
  }
}
@media (max-width: 767px) {
  .event-calendar .highlight {
    background: #ccf1ff;
    background: rgba(0, 165, 229, 0.15);
  }
}
.event-calendar .calendar-item.more-link {
  background-color: #f39817;
  color: #fff;
  font-weight: normal;
  margin-top: 0.3em;
  padding: 0.13em 0.25em;
  text-shadow: 0 1px 1px #bf7711;
}
.event-calendar .day-item {
  padding: 0.1em 0em;
  clear: both;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-calendar .day-item.course-link {
  font-weight: bold;
}
.event-time {
  font-size: 0.9em;
}
.event-calendar td.current-date {
  background: #ccf1ff;
  background: rgba(0, 165, 229, 0.15);
}
@media (max-width: 767px) {
  .event-calendar td.current-date {
    background: none;
  }
  .event-calendar td.current-date .calendar-date {
    border: 1px solid #00a5e5;
    border-radius: 2em;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.4em;
    padding: 0.2em;
    display: inline-block;
    margin: 0.1em;
    text-align: center;
  }
}
.event-calendar .day-item:hover {
  background-color: #00a5e5;
  color: #fff;
  text-decoration: none;
}
.gem-stat-card-circle {
  margin-top: 30px;
  background: #aaa;
  text-align: center;
  color: #fff;
}
.gem-stat-card-circle .heading .icon {
  background: #aaa;
  margin-top: -30px;
  font-size: 60px;
  border: 3px solid #fff;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  line-height: 60px;
  vertical-align: middle;
}
.gem-stat-card-circle .footer {
  background: #b7b7b7;
  font-size: 1em;
}
.gem-stat-card-circle .footer a {
  display: block;
  padding: 0.5em;
  color: #fff;
  width: 100%;
}
.gem-stat-card-circle.blue {
  background: #00aeef;
}
.gem-stat-card-circle.blue .icon {
  background: #00aeef;
}
.gem-stat-card-circle.blue .footer {
  background: #0abcff;
}
.gem-stat-card-circle.orange {
  background: #fa5511;
}
.gem-stat-card-circle.orange .icon {
  background: #fa5511;
}
.gem-stat-card-circle.orange .footer {
  background: #fb672a;
}
.gem-stat-card-circle.green {
  background: #39b54a;
}
.gem-stat-card-circle.green .icon {
  background: #39b54a;
}
.gem-stat-card-circle.green .footer {
  background: #44c455;
}
.gem-stat-card-circle.purple {
  background: #92278f;
}
.gem-stat-card-circle.purple .icon {
  background: #92278f;
}
.gem-stat-card-circle.purple .footer {
  background: #a62ca3;
}
.gem-stat-card {
  background: #aaa;
  color: #fff;
  padding: 2em;
}
.gem-stat-card .icon {
  font-size: 4em !important;
  float: left;
  width: 40%;
}
.gem-stat-card .text {
  float: right;
  width: 60%;
}
.gem-stat-card .text h3,
.gem-stat-card .text h4 {
  font-size: 3em;
  margin: 0;
  color: #fff;
}
.gem-stat-card .text p {
  margin: 0.5em 0;
}
.gem-stat-card .footer {
  border-top: 1px solid #fff;
  padding-top: 1em;
}
.gem-stat-card.condensed {
  padding: 1em;
}
.gem-stat-card.condensed .icon {
  font-size: 3em !important;
}
.gem-stat-card.red {
  background: #ed1c24;
}
.gem-stat-card.green {
  background: #39b54a;
}
.gem-stat-card.blue {
  background: #00aeef;
}
.gem-stat-card.orange {
  background: #fa5511;
}
.gem-stat-card.purple {
  background: #92278f;
}
.gem-stat-card.yellow {
  background: #ffd802;
}
.gem-stat-card-sm {
  background: #fff;
  padding: 1em;
}
.gem-stat-card-sm .icon {
  text-align: center;
  float: left;
  width: 25%;
  min-width: 2em;
}
.gem-stat-card-sm .icon span {
  color: #fff;
  background: #aaa;
  border-radius: 1em;
  line-height: 2em;
  width: 2em;
  height: 2em;
  font-size: 2em;
  vertical-align: center;
}
.gem-stat-card-sm .text {
  float: right;
  width: 75%;
}
.gem-stat-card-sm .text h3,
.gem-stat-card-sm .text h4 {
  margin-top: 0;
  margin-bottom: 0.1em;
  font-size: 1.5em;
  color: #aaa;
}
.gem-stat-card-sm:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.gem-stat-card-sm.green .icon span {
  background: #39b54a;
}
.gem-stat-card-sm.green .text h3,
.gem-stat-card-sm.green .text h4 {
  color: #39b54a;
}
.gem-stat-card-sm.orange .icon span {
  background: #fa5511;
}
.gem-stat-card-sm.orange .text h3,
.gem-stat-card-sm.orange .text h4 {
  color: #fa5511;
}
.gem-stat-card-sm.purple .icon span {
  background: #92278f;
}
.gem-stat-card-sm.purple .text h3,
.gem-stat-card-sm.purple .text h4 {
  color: #92278f;
}
.gem-stat-card-sm.blue .icon span {
  background: #00aeef;
}
.gem-stat-card-sm.blue .text h3,
.gem-stat-card-sm.blue .text h4 {
  color: #00aeef;
}
.gem-card {
  background: #fff;
  padding: 1em;
  text-align: center;
}
.gem-card h1,
.gem-card h2,
.gem-card h3,
.gem-card h4 {
  color: #00aeef;
}
.gem-card .icon {
  margin: 0.5em auto;
  background: #00aeef;
  color: #fff;
  border-radius: 0.1em;
  height: 2em;
  width: 2em;
  line-height: 2em;
  font-size: 4em;
  vertical-align: center;
}
.gem-card .footer {
  background: #00aeef;
  font-size: 1em;
  margin: 2em -1em -1em -1em;
}
.gem-card .footer a {
  display: block;
  font-size: 2em;
  padding: 1em;
  color: #fff;
  width: 100%;
  text-decoration: none;
}
/* From http://bootsnipp.com/snippets/featured/process-steps */
.stepwizard-step p {
  margin-top: 10px;
}
.stepwizard-row {
  display: table-row;
}
.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}
.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}
.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/* ==========================================================================
   ~~Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  clear: both;
}
.container-full-width {
  width: 100%;
  position: relative;
}
.full-width {
  width: 100%;
}
.btn-with-image {
  padding: 0;
  border-width: 0;
}
.btn-with-image,
.btn-with-image:active {
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2) !important;
}
.well.light {
  background-color: #ffffff;
}
.well.dark {
  background-color: #dcdcdc;
}
.w4em {
  width: 4em;
}
.h4em {
  height: 4em;
}
.mb0 {
  margin-bottom: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.ml0 {
  margin-left: 0;
}
.mb1em {
  margin-bottom: 1em;
}
.mt1em {
  margin-top: 1em;
}
.mr1em {
  margin-right: 1em;
}
.ml1em {
  margin-left: 1em;
}
.mb2em {
  margin-bottom: 2em;
}
.mt2em {
  margin-top: 2em;
}
.mr2em {
  margin-right: 2em;
}
.ml2em {
  margin-left: 2em;
}
.mb4em {
  margin-bottom: 4em;
}
.mt4em {
  margin-top: 4em;
}
.mr4em {
  margin-right: 4em;
}
.ml4em {
  margin-left: 4em;
}
/* Backported from bootstrap 4 */
.p-a-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-a {
  padding: 1rem !important;
}
.p-t {
  padding-top: 1rem !important;
}
.p-r {
  padding-right: 1rem !important;
}
.p-b {
  padding-bottom: 1rem !important;
}
.p-l {
  padding-left: 1rem !important;
}
.p-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.p-y {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.no-padding {
  padding: 0 !important;
}
.align-top p:first-child,
.align-top h1:first-child,
.align-top h2:first-child,
.align-top h3:first-child,
.align-top h4:first-child {
  margin-top: 0 !important;
}
.bottom-border {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
}
.top-border {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #ddd;
}
.right-border {
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #ddd;
}
.left-border {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #ddd;
}
div.inline {
  display: inline-block;
}
.label.label-lg {
  font-size: 100%;
}
a.onerow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
/* ==========================================================================
   ~~Wysiwyg editor ~~Redactor
   ========================================================================== */
/* body and !important to override importants in redactor.css */
.user-html-content {
  margin-bottom: 1em;
}
.user-html-content table {
  margin-bottom: 1em;
  margin-top: 1em;
}
.user-html-content table td {
  border: 1px #ccc solid;
  padding: 0.5em;
  vertical-align: top;
  word-wrap: break-word;
}
.user-html-content table thead td,
.user-html-content table th {
  padding: 0.5em;
  font-weight: bold;
  border-bottom: 1px solid #888;
}
.user-html-content img {
  height: auto;
  max-width: 100%;
  cursor: default !important;
}
.user-html-content a img {
  cursor: pointer !important;
}
.user-html-content ul,
.user-html-content ol {
  padding-left: 1em;
}
.user-html-content ul ul,
.user-html-content ol ol,
.user-html-content ul ol,
.user-html-content ol ul {
  margin-bottom: 0;
  margin-top: 0;
}
.user-html-content ul li,
.user-html-content ol li {
  margin-bottom: 1em;
  margin-top: 1em;
}
.user-html-content table {
  max-width: 100%;
  width: 100%;
  table-layout: fixed;
}
body .redactor-editor {
  max-height: 40em;
  font-size: 1em !important;
}
body .redactor-editor blockquote {
  border-left: 5px solid #eeeeee;
  font-style: normal;
  margin: 0 0 18px !important;
  padding: 9px 18px;
}
body .redactor-editor div,
body .redactor-editor p,
body .redactor-editor ul,
body .redactor-editor ol,
body .redactor-editor table,
body .redactor-editor dl,
body .redactor-editor blockquote,
body .redactor-editor pre {
  font-size: 1em !important;
  color: #333333;
}
body .redactor-editor h1,
body .redactor-editor h2,
body .redactor-editor h3,
body .redactor-editor h4,
body .redactor-editor h5 {
  font-weight: 500;
  color: #333333;
}
body .redactor-editor h1 {
  font-size: 36px;
}
body .redactor-editor h2 {
  font-size: 28px;
}
body .redactor-editor h3 {
  font-size: 24px;
}
body .redactor-editor h4 {
  font-size: 18px;
}
body .redactor-editor h5 {
  font-size: 16px;
}
body .redactor-toolbar {
  box-shadow: none;
  background: #eeeeee;
  border-bottom: 1px solid #ccc;
}
body .redactor-toolbar li a {
  color: #333333;
}
body .redactor-editor a {
  color: #0080b2;
}
/* ==========================================================================
   ~~ContentTools ~~Wysiwyg
   ========================================================================== */
.ct-content div,
.ct-content image,
.ct-content [data-ce-tag=img],
.ct-content img,
.ct-content video {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ct-content div.align-left,
.ct-content image.align-left,
.ct-content [data-ce-tag=img].align-left,
.ct-content img.align-left,
.ct-content video.align-left {
  clear: initial;
  float: left;
  margin-right: 0.5em;
}
.ct-content div.align-right,
.ct-content image.align-right,
.ct-content [data-ce-tag=img].align-right,
.ct-content img.align-right,
.ct-content video.align-right {
  clear: initial;
  float: right;
  margin-left: 0.5em;
}
.ct-content .text-center {
  text-align: center;
}
.ct-content .text-left {
  text-align: left;
}
.ct-content .text-right {
  text-align: right;
}
/* ==========================================================================
   ~~Print styles
   ========================================================================== */
@media print {
  *:not(canvas) {
    color: black !important;
    border-color: black !important;
    text-decoration: none;
    max-height: 100% !important;
  }
  .container-fluid .content-section,
  .container .content-section {
    padding: 0;
    border: none;
    margin-top: 0;
  }
  body,
  #outer_wrapper,
  .nostyle,
  #wrapper,
  #content_wrapper,
  #page_content {
    position: relative !important;
    overflow: visible;
    width: auto;
    height: auto;
  }
  #content_wrapper,
  #page_header,
  #page_content,
  #outer_wrapper,
  body {
    background-color: white !important;
    background-image: none !important;
    background: none !important;
  }
  #content_wrapper,
  #page_header,
  #page_content,
  body {
    border: 0 none !important;
  }
  .hide-on-print {
    display: none !important;
  }
  .content-actions {
    display: none;
  }
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /* Don not show links */
  a[href]:after {
    content: none !important;
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
    border: none !important;
    padding: 0 !important;
  }
  .taglist,
  .no-print,
  .stream,
  .submission-editor-wrap,
  .groups-header,
  .submissions-list-wrap,
  a.new-lecture,
  a.delete_tag,
  .link-to-parent,
  .file-attachments,
  .main-nav,
  #header_wrapper,
  #footer-wrapper,
  .footer,
  .subsections-nav,
  .toggle-trigger.collapsed,
  .actions {
    display: none;
  }
  .assignment-cols.cols-2 .col.left-col {
    width: auto;
  }
  .cols-wrap.cols-2.course-header .col {
    margin-bottom: 1em;
    float: none;
    width: auto;
    padding-bottom: 1em;
  }
  .cols-wrap.cols-2.course-header .left-col {
    border-bottom: 1px solid #000;
  }
}
#header,
#footer,
.main-nav .navi_area {
  clear: both;
  margin: 0 auto;
  position: relative;
}
.navigation-select {
  display: none;
}
#header {
  height: 2.214285em;
}
#footer {
  padding: 0.3em 2%;
  height: 2em;
  line-height: 2em;
}
/* ~~List Reset */
.main-nav ul,
.main-nav ol,
.main-nav li,
#main-menu ol,
#main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav li {
  float: left;
}
.main-nav li a {
  color: #7b7b6d;
  display: block;
  text-decoration: none;
  padding: 0.5em 0;
}
.controller-social_user #page_header,
.controller-social_user #page_header h1 {
  margin-top: 0;
}
h1,
h2,
h3,
h4 {
  font-family: 'futura-pt-1', 'futura-pt-2', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400;
  color: #00a5e5;
}
@media (max-width: 767px) {
  .public-page body {
    font-size: 13px;
  }
  .public-page h1 {
    font-size: 28px;
  }
  .public-page h2 {
    font-size: 22px;
  }
  .public-page h3 {
    font-size: 16px;
  }
  .public-page h4 {
    font-size: 12px;
  }
  .public-page #footer {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .public-page body {
    font-size: 15px;
  }
  .public-page #footer {
    font-size: 12px;
  }
}
body .redactor-editor {
  font-size: 15px !important;
}
body .redactor-editor h1,
body .redactor-editor h2,
body .redactor-editor h3,
body .redactor-editor h4 {
  color: #00a5e5;
  font-weight: 400;
}
.frontpage h1 ~ h2 {
  color: #333;
}
ul li li,
ol li li,
.manual ul li,
.main-nav ul li,
.main-nav ol li,
.set-language-links li,
.marketing .copytext,
.user-html-content ul li p,
.user-html-content ul li li,
.user-html-content ol li p {
  font-size: 1em;
}
.user-html-content a {
  text-decoration: underline;
}
/* ==========================================================================
   ~~Z-indexes
   ========================================================================== */
.notifications-container,
#success_messages,
#alerts,
#notifications,
#errors {
  z-index: 1100;
}
.top:hover .sub {
  z-index: 1000;
}
#header_wrapper,
#footer_wrapper,
#outer_wrapper {
  z-index: 50;
}
#header {
  z-index: 20;
}
#footer,
.main-nav,
.main-nav .navi_area,
.main-nav .content_area,
.main-nav .navigation #content_sidebar_wrapper,
.media-gallery #add_new_file_dialog,
.media-gallery #manage_carousel_button,
.carousel-gallery .carousel-edit {
  z-index: 10;
}
#wrapper {
  z-index: 9;
  top: 5.8em;
  background: none;
}
@media (max-width: 767px) {
  #wrapper {
    margin-top: 60px;
  }
}
/* ==========================================================================
   ~~General Box ~~Shadows ~~bsha
   ========================================================================== */
.top:hover .sub {
  -webkit-box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
  -moz-box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
  -ms-box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
  -o-box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
  box-shadow: 0 0.1em 0.1em rgba(66, 66, 66, 0.4);
}
.main-nav {
  -webkit-box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}
#footer_wrapper {
  -webkit-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.2);
}
#employees .employee,
.testimonial-avatar-wrap,
.contact-person-avatar-wrap,
.image-border-wrap {
  -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
/* ==========================================================================
   ~~Header
   ========================================================================== */
#main-menu {
  float: right;
  position: relative;
}
#main-menu li {
  float: left;
}
#main-menu li.active a,
.sub-menu li.active a {
  font-weight: 500;
}
#main-menu a,
.sub-menu a,
.set-language-links a {
  color: #666;
  font-family: 'futura-pt-1', 'futura-pt-2', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 100;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.25);
  font-size: 16px;
}
.set-language-links a,
#main-menu a,
.sub-menu a,
.sidebar a {
  display: block;
  padding: 0.5em 0.8em;
}
.sub-menu ol,
.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-menu ol {
  float: right;
}
.sub-menu ol li {
  display: inline-block;
}
.set-language-links {
  background: url('../images/header-divider.png') left center no-repeat;
  float: right;
  list-style: none;
  margin: 0 0 0 0.5em;
  padding: 0 0 0 0.5em;
}
.set-language-links li {
  float: left;
}
/* ==========================================================================
   ~~Avatars & User Icons
   ========================================================================== */
#employees .employee img,
.testimonial-avatar-wrap img {
  border: 0;
  display: block;
  height: auto;
  text-indent: -999em;
  width: 100%;
}
/* ==========================================================================
   ~~Public Pages
   ========================================================================== */
.public-page .navbar {
  margin-bottom: 0;
}
.public-page .navbar-brand img {
  height: 40px;
}
.public-page .nav .nav > li > a {
  padding-left: 30px;
}
.public-page .nav .navbar-nav {
  margin: 0;
}
.public-page .navbar-text {
  margin-right: 2em;
}
.public-page .user-html-content table {
  table-layout: auto;
}
.public-page .user-html-content table td + td {
  white-space: nowrap;
  text-align: center;
  width: 9%;
}
html.public-page,
.public-page #header_wrapper,
.public-page #outer_wrapper,
.public-page #wrapper,
.public-page .main-content,
.public-page #footer_wrapper,
.public-page #footer {
  position: static;
  bottom: auto;
  top: auto;
  overflow: visible;
  float: none;
  width: auto;
  height: auto;
}
.public-page .main-content,
.public-page #footer_wrapper {
  max-width: 834px;
  margin: 0 auto;
  padding: 0;
}
.public-page #header {
  margin: 0 auto;
  padding: 0;
}
.public-page #footer_wrapper {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #424242;
}
.public-page #footer {
  border-top: 1px #bcbcbc solid;
  padding: 1em 0 2em 0;
  margin-top: 1em;
  height: auto;
}
.frontpage #footer {
  border: none;
}
.public-page .section {
  background: url('../images/dashed-divider.png') left bottom repeat-x;
  margin-bottom: 3em;
  padding: 5px 5px 3em 5px;
  overflow: hidden;
  word-wrap: break-word;
}
.public-page .section:last-of-type {
  background: none;
}
.features .section {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.public-page .section h1:first-of-type,
.public-page .section h2:first-of-type,
.public-page .section h3:first-of-type,
.public-page .section h4:first-of-type,
.user-html-content p:first-of-type {
  margin-top: 0;
}
.public-page .main-content h1 {
  margin-right: 0;
}
.public-page .column {
  float: left;
}
.public-page .column-2 {
  width: 49%;
  margin-right: 2%;
}
.public-page .column-3 {
  width: 32%;
  margin-right: 2%;
}
.public-page .column-2-3 {
  width: 66%;
  margin-right: 2%;
}
.public-page .column-4 {
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
}
.public-page .column.last {
  margin-right: 0;
}
.public-page .column.gemilos {
  float: left;
  clear: left;
}
.public-page h1 {
  line-height: 1.1em;
  text-align: center;
}
.user-html-content h1 {
  text-align: left;
}
.public-page .main-text {
  overflow: hidden;
  margin-bottom: 2em;
}
.public-page .breadcrumb {
  margin-top: 18px;
}
.social-links {
  float: right;
  width: 13em;
}
.social-links a {
  float: left;
  padding: 0.3em 0.5em;
  margin-left: 0.5em;
  color: #fff;
}
.social-links .facebook {
  background: #3b5999;
}
.social-links .twitter {
  background: #00ceff;
}
.social-links .blog {
  background: #b2ce34;
}
.sidebar h4 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
  padding-left: 1em;
}
.sidebar a {
  text-decoration: underline;
}
.title-with-borders {
  padding: 0.5em 0;
  border-top: 1px solid #32c6ff;
  border-bottom: 1px solid #32c6ff;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.tagbox {
  margin-bottom: 1.5em;
}
.tag-item {
  text-shadow: 0 1px 1px #0080b2;
}
.blog .themes a.selected {
  text-shadow: 0 1px 1px #0080b2;
}
h2 .user-html-content {
  overflow: visible;
}
/*override header*/
#header_wrapper {
  background-color: transparent;
}
.main-nav {
  background: #fafafa;
}
#logolink {
  background: url('../images/logo-gemilo.png') left top no-repeat;
  width: 133px;
  height: 30px;
  margin-bottom: 1em;
}
.public-page #logolink {
  background: url('../images/gemilo-logo-m.png') center top no-repeat;
  width: 100%;
  height: 89px;
  float: none;
  display: block;
  margin-top: 2em;
}
.public-page .frontpage #logolink {
  background: url('../images/gemilo-logo-500.png') center top no-repeat;
  height: 429px;
}
#header {
  height: auto;
}
h2.center {
  font-size: 2.25em;
  font-weight: bold;
}
h2.center,
p.description.center,
p.link-wrapper.center {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.screenshots {
  padding: 3em inherit;
}
.screenshots .right-col.text {
  width: 50%;
  margin-top: 1.5em;
}
.screenshot-wrapper.ipad {
  background-repeat: no-repeat;
  height: 734px;
  position: relative;
  width: 927px;
  background-image: url('/mygemilo_public/images/screen_tablet_ipad_white_medium.png');
  margin-bottom: -8em;
  margin-left: 1em;
}
.screenshot-wrapper.ipad .screenshot-slider .text {
  display: none;
}
.screenshot-wrapper.ipad .screenshot-slider {
  display: block;
  position: absolute;
  top: 80px;
  left: 79px;
  right: 243px;
  bottom: 144px;
}
.screenshot-wrapper .carousel-gallery {
  border: 0;
}
.frontpage .main-content p,
.frontpage .negative p {
  font-size: 1.2em;
}
.public-page .frontpage #header,
.public-page .frontpage .main-content,
.public-page .frontpage #footer_wrapper {
  padding: 0;
}
.frontpage .main-content {
  max-width: none;
  padding: 0;
  margin-top: 2em;
}
.frontpage .headline {
  margin-bottom: 2em;
}
.frontpage .feedback {
  text-align: center;
}
.frontpage .feedback input,
.frontpage .feedback textarea {
  text-align: center;
}
.frontpage .feedback textarea {
  min-height: 8em;
}
.frontpage .bg-content-group {
  position: relative;
  border-bottom: 3px solid #382E2F;
  padding: 15% 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #382E2F;
  background-size: cover;
  min-height: 400px;
}
.frontpage .bg-content-group .bg-image {
  width: 100%;
  overflow-x: hidden;
}
.frontpage .bg-content-group .bg-image img {
  width: 768px;
  overflow: hidden;
}
.frontpage .bg-content-group .section-content {
  width: 90%;
  margin: 0 auto;
  padding: 1em;
  background-color: #fff;
  background-color: rgba(250, 250, 250, 0.9);
  border-radius: 0.5em;
  overflow: auto;
}
.frontpage .bg-content-group h1,
.frontpage .bg-content-group h2,
.frontpage .bg-content-group h3 {
  color: #333;
}
.frontpage .negative {
  background-color: #382E2F;
  margin: 0 auto;
  padding: 2em 0;
}
.frontpage .negative h3,
.frontpage .negative a {
  color: #00a5e5;
}
.frontpage .negative p {
  color: #c0c0c0;
}
.frontpage .negative .product_feature {
  text-align: center;
  padding: 1em 2em;
}
.frontpage .negative .product_feature .image-wrapper img {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .form-group {
    margin-bottom: 10px;
  }
  .frontpage .feedback textarea {
    min-height: 5em;
  }
}
@media (min-width: 768px) {
  .product_features {
    max-width: 800px;
    margin: 0 auto;
  }
  .product_features li {
    width: 33.33333333%;
    float: left;
  }
  .product_features li:nth-of-type(2) {
    border-right: 1px dashed #aaaaaa;
    border-left: 1px dashed #aaaaaa;
  }
  .frontpage .feedback {
    max-width: 500px;
  }
  .page_content {
    padding-top: 1em;
  }
  .frontpage .bg-content-group .section-content {
    padding: 2em;
    bottom: auto;
  }
  .frontpage .bg-content-group .bg-image img {
    width: 100%;
  }
  .frontpage .bg-content-group .section-content {
    top: 5em;
  }
  .public-page .copyright {
    margin-right: -13em;
  }
}
@media (min-width: 992px) {
  .frontpage .bg-content-group .section-content {
    top: 10em;
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .frontpage .bg-content-group .section-content {
    top: 15em;
    width: 45%;
  }
}
.default-with-bg #header {
  margin-bottom: 2em;
}
/* ==========================================================================
   ~~Company page
   ========================================================================== */
.sales-fields > div {
  margin-bottom: 3em;
}
.company .contact-person-details {
  line-height: 1.8em;
}
.sales-fields input[type="text"] {
  width: 100%;
  padding: 0.4em 2%;
  margin-bottom: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sales-fields .link_button {
  float: right;
}
.sales-fields .brochure-checkbox {
  margin-right: 1em;
  display: inline-block;
  margin-bottom: 0.5em;
}
.product-field {
  margin-bottom: 1em;
}
.product-checkbox .checkbox {
  margin-right: 1em;
}
.company .contact-info,
.company .billing-info {
  width: 49%;
  float: left;
}
.company .section {
  background: none;
}
.contact-and-billing {
  margin-top: 3em;
}
/* ==========================================================================
   ~~Features page
   ========================================================================== */
.features {
  position: relative;
}
.features .block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.features .block-list li {
  clear: both;
  display: block;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #32c6ff;
}
.features .block-list li:last-of-type {
  border: none;
}
.features .screenshots {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #00a5e5;
}
/* Feature clearfix without overflow: hidden; */
.features .feature:before,
.features .feature:after {
  content: " ";
  display: table;
}
.features .feature:after {
  clear: both;
}
.features .feature {
  *zoom: 1;
}
.features .block-list li:last-of-type {
  margin-bottom: 0;
}
.features .feature .image-wrapper,
.features .feature .text {
  float: left;
  width: 49%;
}
.features .block-list li:nth-child(even) .image-wrapper,
.features .block-list li:nth-child(even) .text {
  float: right;
}
.features .feature .image-wrapper {
  border: 0.5em #fff solid;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.features .block-list li:nth-child(even) .feature .image-wrapper {
  margin-right: 0;
}
.features .block-list li:nth-child(even) .feature .text {
  margin-right: 2%;
}
.features .feature .image-wrapper {
  -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.features .feature .image-wrapper img {
  display: block;
  height: auto;
  width: 100%;
}
.features .carousel-edit {
  background-color: #fff;
  padding: 0.3em;
  position: absolute;
  right: 0;
  top: 0;
}
/* ==========================================================================
   ~~For companies page
   ========================================================================== */
.for-companies .main-text li {
  list-style: inside url('../images/icon-checked.png');
  margin: 0.5em 0.5em;
  padding: 0.2em;
}
.for-companies .main-text ul {
  padding: 0;
}
.for-companies .contact-person,
.company .contact-person,
.features .contact-person {
  margin-bottom: 1em;
}
.for-companies .contact-person .contact-person-details,
.company .contact-person .contact-person-details,
.features .contact-person .contact-person-details {
  float: left;
  /*width:70%;*/
}
.for-companies .contact-person .contact-person-avatar-wrap,
.company .contact-person .contact-person-avatar-wrap,
.features .contact-person .contact-person-avatar-wrap {
  float: left;
  border: 0.5em solid #FFFFFF;
  height: auto;
  width: 20%;
  margin-right: 4%;
}
.for-companies .contact-person .contact-person-avatar-wrap img,
.company .contact-person .contact-person-avatar-wrap img,
.features .contact-person .contact-person-avatar-wrap img {
  display: block;
  height: auto;
  width: 100%;
}
.for-companies .contact-person .contact-person-details p,
.company .contact-person .contact-person-details p,
.features .contact-person .contact-person-details p {
  margin: 0;
}
/* ==========================================================================
   ~~Blogs
   ========================================================================== */
.blog-post-content {
  font-size: 1em;
}
.blog .item-name,
.post-next-prev a {
  font-family: 'futura-pt-1', 'futura-pt-2', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.blogheader h1,
.my-blogheader h1 {
  color: #333;
  font-size: 3.467em;
}
.blog-show {
  margin-top: 0;
}
.post-next-prev a {
  font-size: 1.733em;
}
.themes {
  color: #a5a5a5;
}
.post-meta .blog-name {
  font-size: 1.6em;
}
.post-meta .blog-name .post-themes {
  font-weight: normal;
}
.post-creation-time {
  color: #999;
}
/* ==========================================================================
   ~~Media Queries ~~Queries
   ========================================================================== */
@media only screen and (max-width: 863px) {
  .public-page #header,
  .public-page .main-content,
  .public-page #footer_wrapper {
    padding: 0 2%;
  }
}
@media only screen and (max-width: 678px) {
  .public-page #logolink {
    background-image: url('../images/gemilo-logo-s.png');
    background-size: auto;
    height: 60px;
  }
  .blog-wrapper {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 480px) {
  .public-page #header #logolink {
    background-size: auto;
    background-position: center center;
    max-width: none;
    margin-top: 0;
  }
  .blog-wrapper {
    margin-top: 0;
  }
  #main-menu,
  .sub-menu {
    display: none;
  }
  .navigation-select {
    display: block;
  }
  .set-language-links {
    background: none;
  }
  .public-page .column {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2em;
    float: none;
    width: 100%;
  }
  .public-page .column-2-3 {
    margin-bottom: 0;
  }
  .features .block-list li .feature .image-wrapper,
  .features .block-list li .feature .text {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .features .block-list li .feature .image-wrapper {
    margin-bottom: 1em;
  }
  .company .contact-info,
  .company .billing-info {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 420px) {
  .public-page #header #logolink {
    background-size: 100%;
  }
}
/* ==========================================================================
   ~~Marketing  ~~ Generic
   ========================================================================== */
.marketing {
  max-height: none;
}
.marketing .offset_1_of_3 {
  margin-left: 33.33%;
}
.gemilo-logo-green {
  background: url('../images/gemilo-logo-green.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
/*Typography*/
.marketing * {
  line-height: 1.5em;
}
.marketing .small-caps {
  font-size: 1.25em;
  font-variant: small-caps;
}
/*button overrides*/
.marketing .link_button[disabled='disabled'] {
  background: #aaaaaa;
  text-shadow: none;
}
.marketing .link_button[disabled='disabled']:hover {
  text-decoration: none;
}
.marketing #wrapper {
  /*position:relative;*/
  background: #fff;
  bottom: 0;
  overflow-y: visible;
  /*Get scrollbar working*/
  top: 0;
  min-width: 100%;
}
/* applied to repeating row-breaking form element (delete button) */
.marketing .actions {
  position: fixed;
  right: 5%;
  top: 30px;
}
/* applied to repeating row-breaking form element (delete button) */
.marketing .actions form {
  display: inline-block;
  margin-left: 2px;
}
.marketing .inner {
  margin: 0 auto;
  max-width: 960px;
}
.marketing .stripe {
  padding: 50px 0;
  width: 100%;
}
.marketing .above-fold {
  margin-top: 0;
}
.marketing #footer-wrapper {
  /*position:absolute;*/
  width: 100%;
  bottom: 0;
}
.marketing #footer {
  background-color: #7b7b6d;
  min-height: 120px;
  padding: 25px 0;
  text-align: center;
  color: #fff;
}
.marketing #footer .social-box {
  margin-left: auto;
  margin-right: auto;
}
.marketing .social-box {
  width: 400px;
  clear: both;
  text-align: center;
  margin-bottom: 25px;
}
.marketing .social-box h3 {
  color: #fff;
  font-size: 1.1em;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.marketing .social-box div {
  display: inline-block;
}
.marketing .social-box a {
  color: #bad343 !important;
}
.marketing .social-box .facebook,
.marketing .social-box .twitter {
  display: inline-block;
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
  margin-right: 25px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.marketing .social-box .twitter {
  margin-right: 0 !important;
}
.marketing .social-box .facebook {
  background: url('../images/FB-f-Logo__white_29.png');
}
.marketing .social-box .twitter {
  background: url('../images/twitter-bird-dark-bgs.png') -10px -10px;
}
.marketing .social-box .facebook:hover {
  cursor: pointer;
  background: url('../images/FB-f-Logo__blue_29.png');
}
.marketing .social-box .twitter:hover {
  cursor: pointer;
  background: url('../images/twitter-bird-light-bgs.png') -10px -10px;
}
.marketing .page-content h2 {
  color: #555;
  font-family: 'Open Sans';
}
.marketing.sales.generic .page_content .header {
  min-height: 0px;
  background: linear-gradient(#bad343 80%, transparent 80%), linear-gradient(-45deg, #ffffff 33%, transparent 33%) 0 110%, #ffffff linear-gradient(45deg, #ffffff 33%, #bad343 33%) 0 110%;
  background-repeat: repeat-x;
  background-size: 1px 100%, 40px 40px, 40px 40px;
}
/*easy way to make #footer-wrapper stay down*/
.marketing.sales .stripe.first {
  min-height: 626px;
}
.marketing.sales.generic .header .stripe {
  padding-top: 0;
}
.marketing.sales.generic #logolink {
  display: block;
  margin-top: 20px;
}
.marketing.sales.generic .thin-title {
  display: inline-block;
  font-family: 'Lato';
  font-weight: 100;
  font-size: 5.0em;
  color: #555;
  line-height: 1.0em;
}
.marketing.sales.generic .page-content p {
  font-family: 'Open Sans';
  font-size: 2.0em;
  color: #444;
  margin-top: 1em;
}
.marketing.sales .generic-wrapper {
  width: 100%;
  margin-bottom: 20px;
  min-width: 943px;
}
/* ==========================================================================
   ~~Marketing
   ========================================================================== */
/*Tablets specific*/
.marketing.tablets .page_content {
  padding-top: 0;
}
.marketing.tablets .ordered-number {
  display: inline-block;
  font-family: 'Lato';
  font-weight: 100;
  font-size: 5.0em;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  text-align: center;
  color: #aaaaaa;
  line-height: 1.0em;
}
.marketing.tablets .ordered-number.negative {
  color: #aaaaaa;
}
.marketing.tablets .above-fold {
  background-color: #bad343;
}
.marketing.tablets .above-fold .stripe {
  padding-top: 0;
}
.marketing.tablets .above-fold {
  min-height: 0px;
  background: linear-gradient(#bad343 80%, transparent 80%), linear-gradient(-45deg, #ffffff 33%, transparent 33%) 0 87%, #ffffff linear-gradient(45deg, #ffffff 33%, #bad343 33%) 0 87%;
  background-repeat: repeat-x;
  background-size: 1px 100%, 40px 40px, 40px 40px;
}
.marketing.tablets .above-fold h1 {
  /*color:#1e395a;*/
  color: #fff;
  float: left;
  font-family: 'Open Sans';
  font-size: 4.0em;
  font-weight: 100;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  line-height: 1.0em;
  font-weight: 300;
  width: 100%;
  text-shadow: 0px 1px 10px #aaaaaa;
}
.marketing.tablets .above-fold h1 br {
  line-height: 1.4em;
}
.marketing.tablets .above-fold h1 .highlight {
  color: #56aef9;
  /*font-family:'Open Sans';*/
  font-size: 1.0em;
}
.marketing.tablets .above-fold span.primus {
  font-size: 0.3em;
  position: absolute;
  /*font-family:'Lato';*/
  top: 20px;
  color: #fff;
  text-shadow: 1px 1px 0px #aaaaaa;
  font-weight: 300;
}
.marketing.tablets .above-fold a#logolink {
  display: block;
  margin-top: 20px;
}
.marketing.tablets h2 {
  color: #555;
  font-family: 'Open Sans';
}
.marketing.tablets .inner > h2 {
  margin-bottom: 20px;
}
.marketing.tablets .one-third {
  margin-right: 3%;
  width: 30%;
  min-width: 280px;
}
.marketing.tablets .two-thirds {
  margin-right: 3%;
  width: 63%;
  min-width: 605px;
  min-height: 500px;
}
.marketing.tablets .product-wrapper {
  width: 100%;
  margin-bottom: 20px;
  min-width: 943px;
}
.marketing.tablets .product-container {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fefefe;
  border-radius: 3px;
  border: 1px solid #eee;
  float: left;
  padding-top: 50px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.marketing.tablets .image-wrapper {
  width: 100%;
  text-align: center;
}
.marketing.tablets .product-container .image {
  width: 140px;
  margin-bottom: 20px;
}
.marketing.tablets .product-container h2 {
  font-family: 'Open Sans';
  font-size: 1.0em;
  font-weight: 800;
  text-align: center;
  padding: 1em 0;
  margin-bottom: 0;
  background-color: #eee;
}
.marketing.tablets .table-container {
  border-top: 1px solid #eee;
}
.marketing.tablets .table-container .specifications {
  font-size: 1.1em;
  padding: 0 2.5% 1em 2.5%;
  color: #333;
}
.marketing.tablets .table-container .specifications,
.marketing.tablets .table-container .price,
.marketing.tablets .table-container .delivery {
  border-bottom: 1px solid #aaaaaa;
  /*font-family:'Lato';*/
  /*font-weight:800;*/
}
.marketing.tablets .table-container div:last-of-type {
  border-bottom: 0;
}
.marketing.tablets .table-container .left {
  float: left;
  padding-left: 2.5%;
  padding-top: 10px;
  width: 32.5%;
  font-size: 1.1em;
}
.marketing.tablets .table-container .right {
  border-left: 1px solid #aaaaaa;
  float: left;
  font-size: 1.1em;
  padding-bottom: 10px;
  padding-left: 2.5%;
  padding-top: 10px;
  width: 61.5%;
}
.marketing.tablets .table-container .price .left {
  width: 72.5%;
  min-height: 19px;
  padding-bottom: 7px;
}
.marketing.tablets .table-container .price .right {
  width: 22.5%;
  border-left: 0;
  float: right;
  padding: 10px 2.5% 7px 0;
  text-align: right;
  min-height: 19px;
}
.marketing.tablets .table-container .price .container:nth-of-type(2n) {
  background-color: #eee;
}
.marketing.tablets .gemilo-description-wrapper p {
  float: left;
}
.marketing.tablets .gemilo-description-title {
  min-height: 20px;
}
.marketing.tablets .gemilo-description-title p,
.marketing.tablets .gemilo-description-title h2 {
  clear: none;
  min-height: inherit;
}
.marketing.tablets .gemilo-logo-wrapper {
  text-align: center;
}
.marketing.tablets .gemilo-logo {
  /*margin-top:3em;*/
  width: 169px;
  height: 109px;
}
.marketing.tablets .skip-row {
  display: block;
  margin-top: 1.5em;
}
.marketing.tablets .gemilo-description-wrapper em {
  font-style: normal;
  display: inline;
  border-bottom: 1px dotted #333;
}
.marketing.tablets .calculator-wrapper {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  height: 750px;
}
/*Applies to both containers */
.marketing.tablets .calculator-wrapper .inner > div,
.marketing.tablets .confirmation-wrapper .inner > div {
  float: left;
  margin-bottom: 10px;
}
.marketing.tablets .calculator-container {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eee;
  background-color: #fff;
}
.marketing.tablets .calculator-container .contentblock {
  /*background-color:#fefefe;*/
  border-bottom: 1px solid #eee;
  min-height: 20px;
  padding: 20px 4.5%;
}
.marketing.tablets .calculator-container .contentblock h3,
.marketing.tablets .confirmation-container h3,
.marketing.tablets .feedback-container h3 {
  color: #555;
  font-family: 'Open Sans';
  font-size: 1.5em;
  font-weight: 800;
  margin-bottom: 15px;
}
.marketing.tablets .calculator-container .contentblock:last-of-type {
  border-bottom: 0;
}
.marketing.tablets .calculator-container label {
  cursor: pointer;
}
.marketing.tablets .calculator-container .tablet:hover {
  cursor: pointer;
  background-color: #eee;
}
.marketing.tablets .calculator-container .tablets {
  padding: 0 4.5%;
}
.marketing.tablets .calculator-container .tablet {
  width: 116px;
  float: left;
  text-align: center;
  margin-right: 15%;
}
.marketing.tablets .calculator-container .tablet:last-of-type {
  margin: 0;
}
.marketing.tablets .calculator-container .tablet p {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.05em;
  color: #aaaaaa;
}
.marketing.tablets .calculator-container .tablet img {
  width: 85px;
}
.marketing.tablets .calculator-container .tablet input {
  display: inline-block;
  width: 100%;
  clear: left;
}
.marketing.tablets .calculator-container .models {
  width: 91%;
  margin: 0 4.5%;
}
.marketing.tablets .calculator-container .tablets-amount-container {
  width: 91%;
  margin: 0 4.5%;
}
.marketing.tablets .tablets-amount-container input[type=text] {
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  font-family: 'Lato';
  font-size: 1.5em;
  height: 40px;
  margin: 0;
  text-align: center;
  width: 25%;
}
.marketing.tablets .tablets-amount-container a {
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  box-shadow: none;
  height: 18px;
  margin: 0;
  padding-bottom: 10px;
  padding-top: 12px;
  vertical-align: top;
}
/*Percentage used to maintain gridline*/
.marketing.tablets .calculator-wrapper .two-thirds .header span,
.marketing.tablets .feedback-wrapper .two-thirds .header span {
  padding-left: 1.2%;
}
/*Percentage used to maintain gridline*/
.marketing.tablets .summary-container .header span {
  padding-left: 2.5%;
}
.marketing.tablets .summary-container {
  position: absolute;
  float: left;
  /*border:1px solid pink;*/
  min-height: 1338px;
  width: 15.8%;
}
.marketing.tablets #summary {
  -moz-border-radius: 3px;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-border-radius: 3px;
  -webkit-transition: all 1s ease;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #eee;
  margin: 0;
  min-height: 416px;
  padding-bottom: 125px;
  position: absolute;
  transition: all 1s ease;
  width: 100%;
  margin-top: -41px;
}
.marketing.tablets .summary-container .header {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  background-color: #bad343;
  border-bottom: 1px solid #bad343;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #bad343;
  color: #fff;
  font-family: 'Lato';
  font-size: 1.75em;
  /*font-weight:800;*/
  height: 20px;
  padding-top: 5px;
  padding-bottom: 15px;
}
.marketing.tablets #summary .contentblock {
  /*background-color:pink;*/
  border-bottom: 1px solid #ccc;
  min-height: 70px;
  padding: 20px 10% 20px 9.6%;
  position: relative;
  font-size: 1.25em;
}
.marketing.tablets #summary .row-product span {
  display: block;
  margin-bottom: 20px;
  clear: both;
}
.marketing.tablets #summary .row-product span:first-of-type {
  font-family: 'Lato';
  width: 70px;
  margin-bottom: 0;
  float: left;
}
.marketing.tablets #summary .row-price span:after,
.marketing.tablets #price_vatless:after,
.marketing.tablets #price_vat:after,
.marketing.tablets #price_total:after {
  content: " €";
}
.marketing.tablets #summary .row-price span {
  display: block;
  clear: both;
}
.marketing.tablets #summary .contentblock .tab-close {
  position: relative;
  -moz-border-radius-bottomleft: 5px !important;
  -webkit-border-bottom-left-radius: 5px !important;
  background-color: #333;
  border-bottom-left-radius: 5px !important;
  cursor: pointer;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  width: 7%;
  color: #fff;
  padding-top: 3px;
  padding-left: 1%;
  text-align: center;
  font-family: 'Lato';
  font-weight: 800;
  font-size: 0.75em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.marketing.tablets #summary .contentblock .tab-close:hover {
  background-color: #444;
}
.marketing.tablets #summary .free-year {
  margin-top: 10px;
  display: none;
  font-size: 1.25em;
  margin-bottom: 50px;
}
.marketing.tablets .free-year em {
  font-style: normal;
  color: #bad343;
}
.marketing.tablets .contentblock + .free-year {
  display: inline-block !important;
  padding: 0 9.6%;
}
.marketing.tablets #summary .empty-bin {
  width: 100%;
  padding: 0;
  border: 0;
  margin-top: 61px;
  min-height: 289px;
  text-align: center;
}
.marketing.tablets .empty-bin p {
  font-family: 'Lato';
  font-size: 1.25em;
  font-weight: 300;
  color: #0994f7;
}
.marketing.tablets .empty-bin p > span {
  display: inline-block;
  clear: both;
}
.marketing.tablets .empty-bin .background {
  height: 150px;
  position: relative;
}
.marketing.tablets .empty-bin .background:before {
  content: '';
  background: url('../images/empty-shopping-basket.png') left top no-repeat;
  position: absolute;
  left: 0;
  width: 100%;
  height: 150px;
}
.marketing.tablets .total {
  padding: 0 9.6%;
  position: absolute;
  width: 80.4%;
  bottom: 20px;
}
.marketing.tablets .total hr {
  border-color: #999;
}
.marketing.tablets .row-summary span {
  display: inline-block;
  font-size: 1.25em;
}
.marketing.tablets .row-summary .left {
  width: 50%;
}
.marketing.tablets .row-summary .right {
  text-align: right;
  width: 48%;
}
.marketing.tablets .row-summary.final {
  margin-top: 20px;
  font-size: 1.05em;
  font-weight: 800;
}
.marketing.tablets .feedback-wrapper .inner {
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
}
.marketing.tablets .confirmation-container,
.marketing.tablets .feedback-container {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #ccc;
  float: left;
}
.marketing.tablets .container-window-wrapper.negative {
  width: 100%;
  background-color: #fefefe;
}
.marketing.tablets .container-window-wrapper.negative {
  padding: 20px 0;
}
.marketing.tablets .confirmation-container .container-window,
.marketing.tablets .confirmation-container .container-window,
.marketing.tablets .feedback-container .container-window {
  width: 71.5%;
  padding-left: 4.5%;
}
.marketing.tablets .confirmation-container label,
.marketing.tablets .feedback-container label {
  font-weight: 800;
}
.marketing.tablets .confirmation-container hr,
.marketing.tablets .feedback-container hr {
  margin: 0;
  border-color: #ccc;
}
.marketing.tablets .confirmation-container .first,
.marketing.tablets .feedback-container .first {
  /*margin-top:20px !important;*/
}
.marketing.tablets .confirmation-container .contentblock,
.marketing.tablets .feedback-container .contentblock {
  display: inline-block;
  margin: 1.5em 0;
  width: 100%;
}
.marketing.tablets .confirmation-container .contentblock.input,
.marketing.tablets .feedback-container .contentblock.input {
  margin-top: 5px;
  height: 30px;
  /*width:53%;*/
  padding-left: 5.3%;
}
.marketing.tablets .confirmation-container .contentblock.submit,
.marketing.tablets .feedback-container .contentblock.submit {
  margin: 20px 0;
  float: right;
}
.marketing.tablets .confirmation-container .contentblock.submit a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 230px;
  float: left;
}
.marketing.tablets .confirmation-container .contentblock.last,
.marketing.tablets .feedback-container .contentblock.last {
  margin-bottom: 20px;
}
.marketing.tablets .feedback-container input[type=text],
.marketing.tablets .confirmation-wrapper .contentblock.input p {
  height: 30px;
  font-family: 'Lato';
  font-size: 1.25em;
  color: #000;
}
.marketing.tablets .confirmation-wrapper .contentblock.input p {
  margin-top: 0;
}
.marketing.tablets input[readonly] {
  background-color: #eee;
}
.marketing.tablets .confirmation-container input[type=submit],
.marketing.tablets .feedback-container input[type=submit] {
  box-shadow: none;
  margin: 0;
  padding-bottom: 10px;
  padding-top: 12px;
  vertical-align: top;
}
.marketing.tablets .confirmation-container .input-smaller,
.marketing.tablets .feedback-container .input-smaller {
  width: 37%;
  margin-right: 3%;
  float: left;
}
.marketing.tablets .confirmation-container .input-complement,
.marketing.tablets .feedback-container .input-complement {
  width: 60%;
  float: left;
}
.marketing.tablets .confirmation-container .input-much-smaller,
.marketing.tablets .feedback-container .input-much-smaller {
  width: 27%;
  margin-right: 3%;
  float: left;
}
.marketing.tablets .confirmation-container .input-complement-more,
.marketing.tablets .feedback-container .input-complement-more {
  width: 70%;
  float: left;
}
.marketing.tablets .confirmation-container .delivery,
.marketing.tablets .feedback-container .delivery {
  float: left;
  margin-top: 20px;
}
.marketing.tablets .confirmation-container .billing-details-copied,
.marketing.tablets .feedback-container .billing-details-copied {
  float: right;
  margin-right: -5.3%;
  margin-top: 25px;
  color: #666;
}
.marketing.tablets .confirmation-container .contentblock.conditions {
  text-align: right;
  color: #333;
  float: none;
}
.marketing.tablets .confirmation-container .contentblock.conditions a {
  float: none;
  margin: 0;
}
.marketing.tablets #conditions_content {
  overflow-y: scroll;
  min-height: 400px;
  max-height: 700px;
  width: 50%;
  margin-left: 25%;
}
.marketing.tablets .confirmation-container .contentblock.submit .link_button,
.marketing.tablets .feedback-container .contentblock.submit .link_button {
  float: right;
  margin-right: -5.3%;
}
#hidden_tablets {
  display: none;
}
.hidden {
  display: none;
}
/* ==========================================================================
   ~~Keywords
   ========================================================================== */
/* ==========================================================================
   ~~Extended html content block
   ========================================================================== */
.text-only .title h2 {
  color: #00a5e5;
}
.title h1 {
  text-align: center;
  margin: 1em 0;
}
/* Narrow content box */
.extended_html_content.narrow {
  max-width: 50%;
}
.content_left .extended_html_content.narrow {
  float: right;
}
.content_right .extended_html_content.narrow {
  float: left;
}
/* Extended html content block */
.toggle-container .toggle-trigger,
.toggle-container .toggle-trigger.collapsed {
  white-space: normal;
  line-height: inherit;
}
.content-container {
  margin: 1.5em 0;
  position: relative;
}
.extended_html_content:hover .image-wrapper,
.open .image-wrapper {
  background: #000;
}
.extended_html_content:hover .image-wrapper img,
.open .image-wrapper img {
  opacity: 0.6;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}
.image-only:hover .image-wrapper img,
.open .image-only .image-wrapper img {
  opacity: 1;
}
.extended_html_content .image-wrapper img {
  width: 100%;
  display: block;
}
.title {
  width: 100%;
  max-height: 100%;
}
.title h2 {
  color: #eee;
  padding: 0.5em;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-weight: normal;
  text-align: center;
  opacity: 0;
}
.content_left .text-only .title h2,
.content_left .text-only {
  text-align: right;
}
.content_right .text-only .title h2,
.content_tight .text-only {
  text-align: left;
}
.text-only .title h2 {
  opacity: 1;
  position: static;
  padding: 0;
}
.text-only p {
  color: #eee;
}
.extended_html_content:hover .title h2,
.open .title h2 {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.sortable_item .extended_html_content:hover .info-icon,
.extended_html_content:hover .open .info-icon,
.info-icon {
  opacity: 0;
  position: absolute;
  bottom: 0.5em;
  left: 50%;
  margin-left: -16px;
}
.extended_html_content:hover .info-icon {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.with-image .content-container {
  display: block;
  border: 0.4em #fff solid;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.extended_html_content .toggled-content-wrap {
  padding: 1em;
  margin: 0;
  background: #fff;
}
/* Block list & block edit */
.content_left.block_list .block-actions,
.content_right.block_list .block-actions {
  background: #fff;
  z-index: 10;
  display: block;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  top: -1em;
}
.content_left.block_list .block-actions a,
.content_right.block_list .block-actions a {
  color: #333;
}
.content_left.block_list.editable:hover,
.content_right.block_list.editable:hover {
  outline: none;
}
.content_left.block_list .action-button,
.content_right.block_list .action-button {
  text-indent: 0;
  width: auto;
  background: none;
}
.sortable_item .extended_html_content.with-image .content-container,
.sortable_item .title h2,
.sortable_item .extended_html_content.narrow,
.sortable_item .text-only p {
  box-shadow: none;
  border: none;
  opacity: 1;
  display: block;
  max-width: 100%;
  text-align: left;
  color: #555;
}
.sortable_item .title h2 {
  margin-left: 5em;
}
.sortable_item .text-only .title h2 {
  text-shadow: none;
  margin-left: 0;
}
.sortable_item .block-edit {
  display: none;
}
ul.block-list > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .extended_html_content.narrow {
    max-width: 100%;
  }
  .content_left .extended_html_content.narrow,
  .content_right .extended_html_content.narrow {
    float: none;
  }
}