/* Default styles */
body {
  margin: 0;
}
body.logged-in .site-name-slogan {
  display: none;
}
body.logged-in.app-inactive .site-name-slogan {
  display: block;
}
body.cke_editable {
  margin: 0 10px;
}
body.widget #header,
body.widget #footer {
  display: none;
}
body.widget #main {
  min-height: 0;
  padding: 0;
}
body.widget,
body.widget #page-wrapper,
body.widget #main {
  background-color: transparent;
}
body.widget #main-wrapper {
  padding: 0 4px !important;
}

body.oauth.logged-in #header .site-name-slogan {
  display: block;
}
body.oauth #header .region-header {
  display: none;
}
body.oauth #footer .block.top {
  display: none;
}
.clearfix::after {
  line-height: 0;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9,
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 {
  margin: 0.2em 0;
}
h2, .h2 {
  margin-top: 10px;
  padding: 6px 12px 5px;
}
.element-invisible {
  width: 1px;
}
.feed-icon {
  display: inline-block;
}
.user-picture {
  box-sizing: content-box;
  display: block;
  height: 100px;
  padding: 0 !important;
  width: 100px;
}
.user-picture.small {
  height: 46px;
  width: 46px;
}
.user-picture.medium {
  height: 80px;
  width: 80px;
}

/* Tables */
tr td, tr th {
  padding: 0.4em 4px;
}
.data-table tr td a {
  display: inline-block;
  padding: 3px 10px;
}
.data-table-empty {
  padding: 0.5em 5px;
}
table.row-links tr td {
  padding: 0;
}
table.row-links tr td a {
  display: block;
  padding: 0.4em 4px;
  text-decoration: none;
}
table .field-type-number .busy-spinner-img {
  float: right;
}
table td .busy-spinner-img {
  margin: 0;
}
table th .sort-dir-asc, table th .sort-dir-desc {
  position: relative;
  top: 3px;  
}
table th.col-sortable, table th.selectable {
  cursor: pointer;
}
table th.selectable .col-title {
  padding-right: 20px;
}
table th.selectable .select-arrow {
  float: right;
  position: relative;
  top: .2em;
  opacity: .1;
}
table th.selectable:hover .select-arrow {
  opacity: .7;
}

/* Header */
#header .section {
  margin: 0;
}
#logo img,
#site-name,
#site-slogan {
  float: left;
}
#logo img {
  height: 39px;
  width: 44px;
}
#site-name a {
  padding: 0 12px 2px 12px;
}
#site-slogan {
  margin-left: 20px;
}
#main-menu-more-button {
  display: none;
}
#main-menu-more-button .btn {
  border-color: transparent;
  border-radius: 0;
  box-shadow: none !important;
  opacity: .5;
  padding: 9px 10px 10px;
}
#main-menu-more-button .btn:focus,
#main-menu-more-button .btn:hover {
  opacity: 1;
}

#main-menu-page-menu-button {
  display: none;
}
#main-menu-page-menu-button .dropdown-toggle {
  box-shadow: none !important;
  font-size: 1rem;
  padding: .5rem;
}
body:not(.other-user) #main-menu-page-menu-button .dropdown-toggle {
  border-color: transparent;
  border-radius: 0;
}
#main-menu-page-menu-button .menu-icon,
#main-menu-page-menu-button .other-user-menu {
  display: none;
}

/* Other user */
.other-user #main-menu-page-menu-button {
  display: block;
}
.other-user #main-menu-page-menu-button .dropdown-toggle {
  border-radius: .25rem;
  margin: .25rem;
  padding: .25rem .75rem;
}
.other-user #main-menu-page-menu-button .dropdown-toggle.active {
  border-radius: .25rem .25rem 0 0;
}
.other-user .menu-main,
.other-user #main-menu-page-menu-button .my-menu {
  display: none;
}
.other-user #main-menu-page-menu-button .other-user-menu {
  display: inline-block;
}

.not-logged-in #header .menu-user .btn {
  font-size: 1rem;
}
#main-menu-user-menu-button {
  background-position: center;
  background-size: cover;
  box-shadow: none;
  height: 32px;
  width: 32px;
}

.user-menu-popover {
  max-width: 400px;
  min-width: 300px;
}
.user-menu-popover .user-name {
  color: #333 !important;
  text-decoration: none;
}
.user-menu-popover .notifications-button .bell-icon {
  opacity: .3;
}
.user-menu-popover .notifications-button.btn-danger .bell-icon {
  opacity: 1;
}
.user-menu-popover .middle-row .btn {
  font-size: 1rem;
  opacity: .7;
}
.user-menu-popover .middle-row .btn:hover {
  background-color: rgba(190,230,255,.3);
  opacity: 1;
}

@media only screen and (max-width:500px) {
  #site-name {
    display: none;
  }
  .app-inactive #site-name {
    display: block;
  }
}

.ui-dialog.autocomplete-dialog .select-list {
  height: 140px;
  margin-top: 10px;
}

/* Map */
.gmap * {
  box-sizing: content-box;
}
.gmap .map-control {
  border-radius: 2px;
  line-height: 1px;
  padding: 6px;
  user-select: none;
}
.gmap .map-control.top,
.gmap .map-control-container.top {
  margin-top: 6px;
}
.gmap .map-control.left,
.gmap .map-control-container.left {
  margin-left: 6px;
}
.gmap .map-control.right,
.gmap .map-control-container.right {
  margin-right: 6px;
}
.gmap .map-control-container.zoom .map-control {
  height: 16px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 16px;
  vertical-align: middle;
  width: 16px;
}
.gmap .map-control.map-type {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  padding: 6px 12px;
}

/* Notification dialog */
.ui-dialog.notifications {
  top: 50px !important;
}
.ui-dialog.notifications .ui-dialog-content {
  padding: 0;
}
.ui-dialog.notifications .notification {
  clear: both;
  overflow: hidden;
}
.ui-dialog.notifications .notification img.icon {
  float: left;
  height: 42px;
  margin-right: 10px;
}
.ui-dialog.notifications .notification h1 {
  padding-bottom: 0.3em;
}
.ui-dialog.notifications .notification .msg-block {
  overflow:hidden;
}
.ui-dialog.notifications .notification .icon-wrap {
  float: left;
  height: 28px;
  margin-right: 10px;
  padding: 9px;
  width: 24px;
}
.ui-dialog.notifications .notification .icon-wrap > div {
  margin-right: 0;
}
.ui-dialog.notifications .notification .user-picture {
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
}
.ui-dialog.notifications .notification p {
  margin: 0;
  overflow: hidden;
  padding: 4px 0;
}
.ui-dialog.notifications .notification .date {
  clear: both;
}

/* Connections dialog */
.ui-dialog.my-connections .ui-dialog-titlebar .add-connection {
  float: right;
  opacity: .5;
}
.ui-dialog.my-connections .ui-dialog-titlebar .add-connection:hover {
  opacity: 1;
}
.ui-dialog.connections .ui-dialog-content {
  padding: 0.5em;
}
.ui-dialog.connections .dialog-page {
  padding: .5em;
}
.ui-dialog.connections .dialog-page.page-main {
  padding: 0;
}
.ui-dialog.user-profile .page-message .user-connection {
  border: none;
  float: right;
  padding: 0;
}
.ui-dialog.user-profile .page-message .user-picture {
  float: left;
  height: 68px;
  width: 68px;
}
.ui-dialog.user-profile .page-message .user-name {
  color: #444;
  font-size: 150%;
  font-weight: bold;
  margin-top: .2em;
}
.ui-dialog.user-profile .page-message .subject-label {
  clear: none;
  margin-top: 1em;
}
.ui-dialog.connections .page-message textarea {
  width: 100%;
}
.ui-dialog.user-profile .page-message #my-connections-send-message {
  height: 166px;
  margin-top: 4px;
}

/* Date range selection dialog */
.ui-dialog.select-date-range .page-content-outer {
  display: table;
  width: 100%;
}
.ui-dialog.select-date-range .page-content-outer > div {
  display: table-row;
}
.ui-dialog.select-date-range .page-content-outer > div > div {
  display: table-cell;
  vertical-align: top;
}
.ui-dialog.select-date-range .column.right {
  border-left: 1px solid #eee;
  height: 320px;
  padding: 0 8px 0 20px;
  width: 188px;
}
.ui-dialog.select-date-range .selection-content {
  width: 100%;
}
.ui-dialog.select-date-range .calendar-wrap {
  display: inline-block;
  padding: 0 8px;
  width: auto;
}
.ui-dialog.select-date-range div.header {
  margin: 6px 3px 0;
}
.ui-dialog.select-date-range span.value {
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.ui-dialog.select-date-range .common-ranges {
  float: left;
  width: auto;
  padding: 10px;
}
.ui-dialog.select-date-range .relative-fields {
  margin-left: 11px;
}
.ui-dialog.select-date-range .relative-fields .column {
  display: inline-block;
  max-width: 40%;
  width: 100px;
}
.ui-dialog.select-date-range .relative-fields .column.interval {
  max-width: 60%;
  width: 160px;
}
.ui-dialog.select-date-range .relative-fields label,
.ui-dialog.select-date-range .calendar-wrap .mobile label {
  float: none;
}
.ui-dialog.select-date-range .relative-fields .select-wrap {
  padding-right: 12px;
}
.ui-dialog.select-date-range .relative-next-toggle {
  padding: 20px 12px 8px;
}
.ui-dialog.select-date-range .relative-next-toggle input {
  bottom: 1px;
  left: 6px;
  position: relative;
  vertical-align: middle;
}
.ui-dialog.select-date-range .calendar-wrap .input-units-wrap {
  width: 120px;
}
.ui-dialog.select-date-range .calendar-wrap .mobile {
  display: none;
}
@media only screen and (max-width:794px) {
  .ui-dialog.select-date-range .calendar-wrap {
    display: block;
    padding-bottom: 12px;
  }
  .ui-dialog.select-date-range .calendar-wrap .mobile {
    display: block;
  }
  .ui-dialog.select-date-range .page-between .calendar-wrap .full {
    display: none;
  }
}
@media only screen and (max-width:624px) {
  .ui-dialog.select-date-range .column.right {
    padding: 0 0 0 8px;
    width: 160px;
  }
  .ui-dialog.select-date-range .relative-fields .select-wrap {
    padding-right: 8px;
  }
  .ui-dialog.select-date-range .relative-fields {
    margin-left: 0;
  }
  .ui-dialog.select-date-range .calendar-wrap {
    padding: 0 0 12px;
  }
}

/* CKEditor */
.cke_combo__styles .cke_combo_text {
  width: 150px !important;
}
.cke_combopanel__styles {
  height: 500px !important;
  width: 300px !important;
}
.cke_panel_list blockquote {
  margin: 0;
  padding: 10px 5px;
}

/* Header block */
.app-page-header {
  align-items: center;
  display: flex;
}
.app-page-header .icon-col {
  margin: 8px 8px 0;
  opacity: .85;
}
.app-page-header .title-col {
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.app-page-header .title-col h1 {
  margin: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-page-header .actions-col {
  align-items: center;
  display: flex;
  margin-left: 4px;
}
.app-page-header .actions-col .btn-toolbar {
  flex-wrap: nowrap;
}
.app-page-header .actions-col a.btn,
.app-page-header .actions-col button.btn {
  white-space: nowrap;
}
.region-header .block h2 {
  display: none;
}
.breadcrumb {
  display: none;
}

/* Messages */
.fixed-width .messages {
  margin: 10px auto 0;
  max-width: 960px;
}
div.messages {
  border-width: 1px;
  margin: 0;
  min-height: 30px;
  padding: 10px 20px 10px 50px;
}
.content-page div.messages {
  padding-top: 60px;
}
.messages h1 {
  margin-top: 0;
}
.messages p {
  margin: 0.4em 0;
}
div.page-banner {
 overflow: hidden;
 padding: 6px 6px 16px 50px;
}

#main {
  margin: 0 auto;
  min-height: 400px;
  padding: 0 15px 40px;
}

/* Content pages */
.content-page #header {
  position: fixed;
  width: 100%;
  z-index: 1;
}
.content-page .page-banner {
  margin-top: 0;
  padding-top: 48px;
}
.content-page.node-type-page #content {
  padding-top: 2.5em;
}
.content-page #content h1.title {
  margin-top: .5em;
}
.cke_panel_list h2,
.content-page h2 {
  margin-top: .2em;
  padding: 0;
}
.content-page #main-wrapper {
  padding: 40px 0 0;
}
.cke_editable img,
.content-page #content article img {
  max-width: 100%;
  text-align: center;
}
.content-page img.right {
  float: right;
  margin-left: 20px;
}
.content-page img.left {
  float: left;
  margin-right: 20px;
}
.content-page #content article img.right,
.content-page img.right,
.content-page #content article img.left,
.content-page img.left {
  max-width: 50%;
}
.content-page #content article img.small,
.content-page img.small {
  max-width: 30%;
}
@media only screen and (max-width:480px) {
  .content-page #content article img.right,
  .content-page #content article img.right,
  .content-page #content article img.left,
  .content-page img.left,
  .content-page img.small,
  .content-page img.small {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.content-page img.top-margin {
  margin-top: 30px;
}


.section {
  margin: 0;
}
.section .tabs ul.tabs.primary {
  float: right;
  margin: 1.1em 0 0 0;
  padding: 0;
}
ul.primary li a {
  margin: 0;
  padding: 0 0.3em;
}

.section .region-content {
  clear: both;
}

body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

/* GPanels */
.padding-top {
  padding-top: 10px;
}
.padding-top-more {
  padding-top: 20px;
}
.padding-bottom {
  padding-bottom: 10px;
}
.padding-bottom-more {
  padding-bottom: 20px;
}
.fpanel,
.gpanel.top {
  clear: both;
}
.fpanel .region,
.gpanel .region {
  display: inline;
  position: relative;
  float: left;
}
.fpanel.one .region,
.gpanel.one .region {
  width: 100%;
}

.fpanel-container-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fpanel-container-table .fpanel {
  display: table-row;
}
.fpanel-container-table .fpanel .region {
  display: table-cell;
  float: none;
}

.two-50-50 .region {
  width: 50%;
}
.fpanel.padded,
.gpanel.padded {
  margin-left: -10px;
  margin-right: -10px;
}
.region .region-content.padded {
  padding-left: 10px;
  padding-right: 10px;
}

.two-33-66 .region-two-33-66-second,
.two-66-33 .region-two-66-33-first {
  width: 66.666%;
}
.five-5x20 .region {
  width: 20%;
}
.six-6x16 .region {
  width: 16.666%;
}
.two-50 .region,
.three-50-25-25 .region-three-50-25-25-first,
.three-25-50-25 .region-three-25-50-25-second,
.three-25-25-50 .region-three-25-25-50-third {
  width: 50%;
}
.three-3x33 .region,
.two-33-66 .region-two-33-66-first,
.two-66-33 .region-two-66-33-second {
  width: 33.333%;
}
.four-4x25 .region,
.three-25-25-50 .region-three-25-25-50-first,
.three-25-25-50 .region-three-25-25-50-second,
.three-50-25-25 .region-three-50-25-25-second,
.three-25-50-25 .region-three-25-50-25-first,
.three-25-50-25 .region-three-25-50-25-third,
.three-50-25-25 .region-three-50-25-25-third {
  width: 25%;
}

.overlay-panel-float-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.overlay-panel-wrap {
  margin: 40px auto;
  max-width: 94%;
  width: 500px;
}
.overlay-panel {
  text-align: center;
}
.overlay-panel .title {
  border-radius: 4px 4px 0 0;
  padding: 12px;
}

/* Page content */
.page-header:after {
  clear: both;
  content: "";
  display: table;
}

/* Item panels */
.item-panels {
  display: table;
  width: 100%;
}
.item-panels .item-list {
  display: table-row;
}
.item-panels .item-list .item-panel-wrap {
  width: 100%;
}
.item-panels .item-list .item-panel-wrap a {
  text-decoration: none;
}
.item-panels .item-panel {
  margin: 5px 0;
  overflow: hidden;
}
.item-panels.flow {
  display: block;
  width: auto;
}
.item-panels.flow .item-list {
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
}
.item-panels.flow .item-list .item-panel-wrap {
  width: auto;
}
.item-panels.flow .item-panel {
  margin: 0 10px 10px 0;
}
.item-panel-wrap {
  float: left;
}
.item-panel.rounded {
  border-radius: 4px;
}
.item-panel.padded {
  padding: 8px;
}
.item-panel.selectable,
.field-panels .selectable .field-wrap {
  cursor: pointer;
}

.item-panels .item-panel-wrap:first-child .item-panel {
  margin-top: 0;
}
.item-panels .item-panel-wrap:last-child .item-panel {
  margin-bottom: 0;
}

.item-panels.two .item-list .item-panel-wrap {
  width: 50%;
}
.item-panels.two .item-panel-wrap:nth-child(2n+1) {
  clear: both;
}
.item-panels.two .item-panel-wrap:nth-child(-n+2) .item-panel {
  margin-top: 0;
}
.item-panels.two .item-panel-wrap:nth-last-child(2) .item-panel {
  margin-bottom: 0;
}
.item-panels.two .item-panel-wrap:nth-child(2n) .item{
  margin-left: 5px;
}
.item-panels.two .item-panel-wrap:nth-child(2n+1) .item{
  margin-right: 5px;
}

.item-panels.three .item-list .item-panel-wrap {
  width: 33.3%;
}
.item-panels.three .item-panel-wrap:nth-child(3n+1) {
  clear: both;
}
.item-panels.three .item-panel-wrap:nth-child(-n+3) .item-panel {
  margin-top: 0;
}
.item-panels.three .item-panel-wrap:nth-last-child(-n+3) .item-panel {
  margin-bottom: 0;
}
.item-panels.three .item-panel-wrap:nth-child(3n) .item-panel,
.item-panels.three .item-panel-wrap:nth-child(3n+2) .item-panel {
  margin-left: 5px;
}
.item-panels.three .item-panel-wrap:nth-child(3n+1) .item-panel,
.item-panels.three .item-panel-wrap:nth-child(3n+2) .item-panel {
  margin-right: 5px;
}
.item-panels.four .item-list .item-panel-wrap {
  width: 25%;
}
.item-panels.four .item-panel-wrap:nth-child(4n+1) {
  clear: both;
}
.item-panels.four .item-panel-wrap:nth-child(-n+4) .item-panel {
  margin-top: 0;
}
.item-panels.four .item-panel-wrap:nth-last-child(-n+4) .item-panel {
  margin-bottom: 0;
}
.item-panels.four .item-panel-wrap:nth-child(4n) .item-panel,
.item-panels.four .item-panel-wrap:nth-child(4n+2) .item-panel,
.item-panels.four .item-panel-wrap:nth-child(4n+3) .item-panel {
  margin-left: 5px;
}
.item-panels.four .item-panel-wrap:nth-child(4n+1) .item-panel,
.item-panels.four .item-panel-wrap:nth-child(4n+2) .item-panel,
.item-panels.four .item-panel-wrap:nth-child(4n+3) .item-panel {
  margin-right: 5px;
}

/* Configured panels */
.configured-panels-view .fpanel {
  border-spacing: 0;
}
.configured-panels-view .fpanel-container-table {
  border-spacing: 8px 4px;
}
.configured-panels-view .fpanel .region {
  border-radius: 5px;
}
.configured-panels-view .config-panel .panel-wrap {
  border-radius: 5px;
  overflow: hidden;
}
.configured-panels-view .config-panel  .header {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.configured-panels-view .config-panel  .header > div {
  display: table-row;
}
.configured-panels-view .config-panel  .header > div > div {
  display: table-cell;
  vertical-align: top;
}
.configured-panels-view .config-panel  .header .title {
  font-size: 16px;
  font-weight: bold;
  padding: 4px 2px;
}
.configured-panels-view .config-panel  .header .title .label {
  overflow: hidden;
  padding: 1px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.configured-panels-view .config-panel  .header .title .units {
  font-size: 80%;
  font-weight: normal;
}
.configured-panels-view .config-panel  .header .title .label > span {
  border: 1px solid transparent;
  padding: 0 4px;
}
.configured-panels-view .config-panel  .header .title .label > span.clickable {
  border-radius: 3px;
  cursor: pointer;
}
.configured-panels-view .config-panel  .header .title .label > span.clickable:hover {
  background-color: #007ED8;
  border-color: rgba(0, 0, 0, .1);
}

.configured-panels-view .config-panel  .header .buttons {
  width: 26px;
}
.configured-panels-view .config-panel .panel-wrap .content {
  padding: 8px;
}

.configured-panels-view .fpanel .region:hover .header .settings-icon {
  opacity: 0.7;
}
.configured-panels-view .fpanel .region .header .settings-icon:hover {
  opacity: 1;
}
.configured-panels-view .config-panel .header .settings-icon {
  cursor: pointer;
  float: right;
  margin: 8px 5px;
  opacity: 0.3;
}


/* Item lists */
.item-list.sortable {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list.sortable .column-item {
  margin: 2px 0;
  padding: 4px 0;
}
.item-list.sortable .column-item .icon16 {
  margin: 0 4px;
}

/* Footer */
#footer h2 {
  display: none;
}
#footer .content {
  margin: 0 auto;
  max-width: 800px;
  overflow: hidden;
}
#footer .footer-blocks {
  display: table;
  margin: 30px auto 0;
  width: 100%;
}
#footer .footer-blocks > div {
  display: table-row;
}
#footer .footer-blocks > div > div {
  display: table-cell;
  padding: 0 20px;
  text-align: center;
  vertical-align: top;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li {
  display: inline-block;
}
#footer a {
  opacity: 0.4;
  text-decoration: none;
}
#footer a:hover {
  opacity: 0.7;
}
#footer .block.top {
  font-weight: bold;
}
#footer .block.left ul {
  padding: 6px 0;
}
#footer .block.left li {
  padding: 4px 10px;
}
#footer .block.right {
  width: 162px;
}
#footer .social a {
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
#footer .social a:hover {
  opacity: 0.6;
}
#footer .social a .img {
  background-image: url(../images/footer-social@2x.png?v20180918.1);
  background-size: 320px 32px;
  height: 32px;
  width: 32px;
}
#footer .social a.twitter .img {
  background-position: -32px 0;
}
#footer .social a.youtube .img {
  background-position: -64px 0;
}
#footer .social a.instagram .img {
  background-position: -224px 0;
}
#footer .block.middle .block {
  padding-top: 50px;
}
#footer .block.middle li {
  padding: 3px 6px;
}
#footer .block.middle,
#footer .block.copyright {
  font-size: 12px;
}
#footer .block.copyright {
  clear: both;
  opacity: 0.4;
  padding: 20px;
  text-align: center;
}

@media only screen and (max-width:600px) {
  #footer .footer-blocks,
  #footer .footer-blocks > div,
  #footer .footer-blocks > div > div {
    display: block;
  }
  #footer .footer-blocks > div > div {
    padding: 0 10px;
  }
  #footer .block.left li:first-child {
    padding-left: 0;
  }
  #footer .block.left li:last-child {
    padding-right: 0;
  }
  #footer .block.right {
    margin: 20px;
    text-align: center;
    width: auto;
  }
  #footer .block.right li {
    display: inline-block;
  }
  #footer .block.middle .block {
    margin: 0 auto;
    max-width: 280px;
    padding-top: 0;
  }
}
@media only screen and (max-width:400px) {
  #footer .block.top {
    font-weight: normal;
    font-size: 94%;
  }
  #footer .block.left li {
    padding: 3px 6px;
  }
}

/* Offer banner */
.page-bottom-banner {
  background-color: #111;
  bottom: 0;
  color: #EEE;
  padding: 16px 0;
  position: fixed;
  text-align: center;
  width: 100%;
}
.page-bottom-banner a {
  color: #FFF;
  display: block;
  text-decoration: none;
}

.page-bottom-banner span {
  padding: 8px;
}

.page-bottom-banner .offer {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 12px;
}

.page-bottom-banner .offer.left-mobile {
  display: none;
}

.page-bottom-banner .offer-button {
  background-color: #F71;
  border: 1px solid #FA2;
  border-radius: 6px;
  font-weight: bold;
}

.page-bottom-banner .offer-button:hover {
  background-color: #F50;
  border-color: #F80;
}

@media only screen and (max-width:420px) {
  .page-bottom-banner .offer.left {
    display: none;
  }
  .page-bottom-banner .offer.left-mobile {
    display: inline;
  }
}

/* Menus */
ul.menu {
  display: table;
  margin: 0;
  padding: 0;
}
ul.menu li {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
ul.menu li a:not(.btn) {
  display: block;
  padding: 9px 12px;
}

.h2-actionbar .actionbar {
  margin-top: 0.4em;
}

.busy-spinner-center {
  margin-left: auto;
  margin-right: auto;
  width: 60px;
}
.busy-spinner-img {
  height: 24px;
  width: 24px;
}
.busy-spinner-img.small {
  height: 16px;
  width: 16px;
}
.busy-spinner-img.busy-error {
  height: 24px;
  width: 24px;
}


/* Forms */
.field-block {
  overflow: hidden;
}
.field-panels .field-wrap {
  margin: 0 4px;
  border-radius: 3px;
}
.field-panels .field:first-child .field-wrap {
  margin-left: 0;
}
.field-panels .field:last-child .field-wrap {
  margin-right: 0;
}
.form-item,
.form-actions {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.form-item.form-type-checkbox {
  margin: 0.5em 0;
}
.form-item.form-type-button label {
  padding-top: 8px;
}
.form-item.form-type-checkbox label {
  padding: 0;
}
.form-actions input[type="submit"]:not(:last-child) {
  margin-right: .25rem;
}

/* Bootstrap overrides form-text */
input.form-text {
  display: inline-block;
  margin-top: 0;
}
.input-units-wrap {
  display: table;
  overflow: hidden;
}
.input-units-wrap > * {
  display: table-cell;
  line-height: 1em;
}
.input-units-wrap input[type="text"],
.input-units-wrap input[type="password"] {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.input-units-wrap .units {
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 10px;
}
.input-units-wrap .icon16 {
  vertical-align: middle;
}

.form-required  {
  display: none;
}
.description  {
  display: none;
}
.page-filter .description{
  display: block;
}

label {
  float: left;
  padding-top: 4px;
  width: 280px;
}
label,
fieldset {
  clear: both;
}
fieldset {
  margin: 0 0 10px 0;
  padding: 0;
}
fieldset legend {
  width: 100%;
}
fieldset.collapsible .fieldset-legend {
  display: inline !important;
  padding: 0 !important;
}
html.js fieldset.collapsed {
  height: auto !important;
}
fieldset .fieldset-wrapper {
  overflow: hidden;
  padding: 4px 0 20px;
}
fieldset .fieldset-legend a {
  padding-right: 20px;
}
.page-admin label {
  float: none;
}

.popup-open.with-popup .input-units-wrap,
.popup-open.with-popup input[type="text"] {
  border-radius: 3px 3px 0 0;
}
.autocomplete-popup.popup-outer {
  display: none;
  position: relative;
  z-index: 1000;
}
.popup-open .autocomplete-popup.popup-outer {
  display: block;
  top: -1px;
}
.autocomplete-popup.popup-outer .popup-wrap {
  font-size: 15px;
  position: absolute;
  width: 100%;
}
.autocomplete-popup.popup-outer .popup-wrap .popup {
  border-radius: 0 0 3px 3px;
  max-height: 300px;
  overflow-y: auto;
}
.autocomplete-popup.popup-outer .popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.autocomplete-popup.popup-outer .popup li {
  padding: 3px 10px 4px;
  cursor: pointer;
}
.form-type-timeofday .autocomplete-popup.popup-outer {
  top: 1px;
}
.form-type-timeofday .autocomplete-popup.popup-outer .popup-wrap {
  line-height: 16px;
  right: 0;
  min-width: 8em;
}
.form-type-timeofday .autocomplete-popup.popup-outer .popup-wrap .popup {
  max-height: 11em;
}
.form-type-timeofday .autocomplete-popup .popup li {
  padding-left: 0;
  text-align: right;
}

.filter-help,
.filter-guidelines-item .tips {
  display: none;
}
.filter-wrapper .form-item {
  padding-left: 0;
}

.form-item .description {
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 0.1em;
}

.form-checkboxes,
.form-radios {
  overflow: hidden;
}
.form-checkboxes label,
.form-radios label {
  width: 200px;
}
.form-item .description,
.form-actions {
  margin-left: 280px;
}
.form-textarea-wrapper {
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 400px;
}
textarea {
  resize: none;
}
.input-units-wrap,
input[type="text"],
input[type="password"],
textarea,
select {
  margin-right: 4px;
  padding: 0.4em;
  width: 400px;
}
select {
  padding-top: 0.3em;
}
.input-units-wrap,
input, textarea, select {
 -moz-box-sizing: border-box; 
 -ms-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
}

/* File upload button */
div.file-wrap {
  overflow: hidden;
  position: relative;
}
div.file-wrap .form-item-files-upload-file {
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
}
div.file-wrap input {
  cursor: pointer;
  font-size: 50px;
}

.container-inline-date > .form-item {
  margin-bottom: 0;
}
.container-inline-date .description {
  margin-left: 0;
}
.container-inline-date .date-padding {
  padding: 0;
}
.confirm-parent, 
.password-parent {
  width: auto;
}
div.password-strength,
div.password-confirm,
div.password-suggestions {
  display: none !important;
}
.form-item-pass label {
  clear: none;
}

/* Select Category Button */
button.select-category {
  margin: 0;
  padding: 2px;
}
button.select-category > * {
  display: inline-block;
  vertical-align: middle;
}
button.select-category .label.select-category {
  display: none;
  padding: 0.3em 1em;
}
button.select-category .label.category-noun {
  font-weight: bold;
  padding: 0 0.8em;
}
button.select-category.empty-category .label.select-category {
  display: inline-block;
}
button.select-category.empty-category .category-icon, 
button.select-category.empty-category .category-separator,
button.select-category.empty-category .category-noun {
  display: none;
}
button.select-category .category-separator, 
button.select-category .category-icon.sub-category {
  display: none;
}
button.select-category.has-subcategory:not(.empty-category) .category-separator, 
button.select-category.has-subcategory:not(.empty-category) .category-icon.sub-category {
  display: inline-block;
}

/* Banner */
.subject-banner {
  height: 70px;
  padding: 12px 12px 8px;
}
.subject-banner .user-picture {
  float: left;
}
.subject-banner .user-name {
  float: left;
  font-size: 2em;
  overflow: hidden;
  padding: 0.1em 0.4em;
}
.logged-in .subject-banner .actions a.btn {
  display: none;
}
.subject-banner .actions .mobile-menu {
  display: none;
}
.logged-in .subject-banner .actions .mobile-menu {
  display: block;
}
@media only screen and (max-width:768px) {
  .subject-banner .actions a.btn {
    display: none;
  }
  .subject-banner .actions .mobile-menu {
    display: inline-block;
  }
}

/* -------------------------------------------------------------------------
 * Openfit pages
 * ------------------------------------------------------------------------- 
 */
/* Slider */
.ui-slider {
  border-radius: 2px;
  height: 24px;
}
.ui-slider .ui-slider-range {
  border-radius: 0;
  height: 20px;
  top: 1px;
}
.ui-slider .ui-slider-handle {
  border-radius: 12px;
  cursor: ew-resize;
  height: 14px;
  margin-left: -8px;
  top: 4px;
  width: 14px;
}
.ui-slider.range-slider a.ui-slider-handle,
.ui-slider.left-slider a.ui-slider-handle,
.ui-slider.right-slider a.ui-slider-handle {
  width: 9px;
}
.ui-slider.range-slider a.ui-slider-handle:first-of-type {
  border-radius: 12px 0 0  12px;
  margin-left: -8px;
}
.ui-slider.range-slider a.ui-slider-handle:last-of-type {
  border-radius: 0 12px 12px 0;
  margin-left: -1px;
}
.ui-slider.left-slider a.ui-slider-handle {
  border-radius: 12px 0 0  12px;
  margin-left: -8px;
}
.ui-slider.right-slider a.ui-slider-handle {
  border-radius: 0 12px 12px 0;
  margin-left: -1px;
}

/* Comment */
#comment-form #edit-author--2 {
  display: none;
}
#comment-form .field-name-comment-body label {
  display: none;
}
#comment-form .field-name-comment-body .form-textarea-wrapper {
  margin-right: 100px;
}
#comment-form label {
  float: none;
  width: auto;
}
#comment-form .form-item-notify,
#comment-form #edit-notify-type {
  display: inline-block;
  margin-top: 1em;
  vertical-align: top;
}
#comment-form input.form-radio {
  vertical-align: top;
}
#comment-form .form-actions {
  margin: 20px 0;
}

/* Common controls */
.busy-spinner-center {
  margin-left: auto;
  margin-right: auto;
  width: 60px;
}
.busy-spinner-wrap {
  height: 40px;
  margin-top: 10px;
  position: absolute;
  width: 60px;
  z-index: 1;
}
.busy-spinner-img {
  margin: 7px auto;
}
.field-item .busy-spinner-img {
  display: inline-block;
  margin: 0;
}

/* Tabs */
.page-tab-pages .page {
  overflow: hidden;
}

.horizontal-page-selector li {
  display: block;
  float: left;
}
.horizontal-page-selector li a {
  display: block;
}
.vertical-tabs-wrap {
  display: table;
  width: 100%;
}
.vertical-tabs {
  display: table-row;
}
.vertical-tabs > div {
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
}
.vertical-tabs ul.vertical-tabs-list,
.vertical-tabs .vertical-page-selector {
  float: none;
  margin: 0;
  position: inherit;
  text-align: center;
}
.vertical-tabs .vertical-page-selector .ui-tabs {
  margin-top: 20px;
}

.vertical-tabs .vertical-tabs-list,
.vertical-tabs .vertical-page-selector .ui-tabs .ui-tabs-nav {
  font-size: 1.2em;
}

.vertical-tabs ul.vertical-tabs-list li,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default {
  border-radius: 6px;
  float: none;
  margin: 6px 16px;
}

.vertical-tabs .vertical-page-selector .ui-tabs .ui-tabs-nav li a {
  display: block;
  float: none;
  font-weight: normal;
  padding: .6em .4em;
}

.vertical-tabs .vertical-tab-button strong {
  font-weight: normal;
}
.vertical-tabs .vertical-tab-button.selected strong,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default.ui-tabs-selected a {
  font-weight: bold;
}

/* Item list */
.item-list li > div,
.item-list li a > div {
  display: inline-block;
}
.item-list li .item-img {
  margin-bottom: 0.2em;
  margin-right: 8px;
  vertical-align: middle;
}
.select-list.list-type-select {
  overflow-y: auto;
}
.select-list.list-type-checked li .item-img {
  margin-right: 4px;
}

/* Mini chart*/
.mini-chart {
  margin: 0;
  padding: 0;
  text-align: center;
}
.mini-chart tr td {
  padding: 0;
}
.mini-chart .bars {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.mini-chart .bar-wrap {
  margin: 0 2%;
  position: relative;
  width: 96%;
}
.mini-chart .bar-item-wrap {
  position: absolute;
  width: 100%;
}
.mini-chart .bar-item {
  position: relative;
}
.mini-chart .value-label {
  top: -1.4em;
}
.mini-chart .legend {
  font-size: 80%;
}

.chart-canvas-container .legend tr td {
  padding: 1px;
}
.chart-canvas-container .legend tr td.legendLabel {
  padding-right: 8px;
}

.chart .chart-canvas-container {
  clear: both;
  height: 300px;
  margin: 0;
}

.chart .bottom-toolbar-container {
  margin: 6px 0 0 0;
  padding: 0;
  position: relative;
  height: 2.5em;
}
.chart .bottom-toolbar-container .btn {
  margin: 1px;
  padding: 4px 7px;
}
.chart .bottom-toolbar-container:after {
  content: " ";
  display: block;
  clear: both;
}
.chart .bottom-toolbar-container .center-outer {
  float:left;
  position:relative;
  left:50%;
}
.chart .bottom-toolbar-container .center-inner {
  float:left;
  position:relative;
  left:-50%;
}
.chart .bottom-toolbar-container .mode-toolbar .mode-button .icon16 {
  margin: 3px 6px 0 10px;
  opacity: 0.9 !important;
}
.chart .bottom-toolbar-container .mode-toolbar .slider-wrap {
  padding: 0 12px 0 8px;
  flex-grow: 1;
}
.chart .bottom-toolbar-container .smoothing-slider.range-slider.ui-slider .ui-slider-handle {
  border-radius: 3px;
  height: 20px;
  margin-left: -4px;
  top: 1px;
  width: 8px;
}

/* Workout charts */
.flag {
  opacity: 0.9;
  position: relative;
}
.flag:hover {
  opacity: 1;
}
.gmap .flag {
  position: relative;
  right: 100%;
  top: -26px;
}
.flag.flag-distance.no-text {
  opacity: .7;
  top: -9px;
}
.flag.flag-distance.no-text .flag-body {
  border-radius: 0;
  padding: 2px 0 3px;
  width: 5px;
}
.chart .flag-wrap {
  position: relative;
  right: 100%;
}
.chart .marker-hover-wrap-outer {
  height: 100%;
}
.chart .marker-hover-line {
  position:absolute;
  width:1px;
  height:100%;
}
.chart .range-hover,
.chart .range-selection {
  top:0;
  bottom:0;
}
.chart .range-handle {
  position: absolute;
  width:3px;
  height:100%
}
.chart .range-handle.handle-left {
    left:-3px;
}
.chart .range-handle.handle-right {
    right: -3px;
}

.chart .info-flag .flag-body {
  border-radius: 4px 0 0 4px;
  line-height: 1.3em;
  opacity: 0.85;
  padding: 4px 8px;
  white-space: nowrap;
}
.chart .flag-title {
  display: table;
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 6px;
  width: 100%;
}
.chart .flag-title .flag-row {
  display: table-row;
}
.chart .flag-title .cell {
  display: table-cell;
  text-align: center;
}
.chart .flag-title .cell.left {
  text-align: left;
}
.chart .flag-title .cell.right {
  text-align: right;
}
.chart .info-flag .metric-color {
  border-radius: unset;
  display: inline-block;
  font-size: 3em;
  height: 0.4em;
  margin-right: 0;
  overflow: hidden;
  padding: 0 5px 0 0;
  position: relative;
  vertical-align: top;
  width: auto;
}
.flag-right .flag-wrap {
  right: inherit;
  left: 1px;
}
.chart .flag-right .info-flag .flag-body {
  border-radius: 0 4px 4px 0;
}

.gmap .flag-body,
.flag-body {
  border-radius: 2px 2px 0 2px;
  font-size: 14px;
  font-family: 'Open Sans','Segoe UI',Arial,Helvetica,sans-serif;
  font-weight: bold;
  line-height: 14px;
  padding: 3px 6px;
}
.flag-body:after {
  bottom: -6px;
  content: '';
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.info-flag .flag-body {
	font-weight: normal;
}

/* Charts */
/* Minichart */
.mini-chart .bar-col.selectable {
  cursor: pointer;
}

.chart .top-toolbar .btn {
  padding: 0.125rem 0.75rem;
}
.metric-color {
  border-radius: 50%;
  height: .5em;
  margin-right: .4em;
  width: .5em;
}

/* Activity teaser */
.node-activity.node-teaser {
  overflow: hidden;
}
.node-activity.node-teaser a {
  padding: 14px 6px;
}
.node-activity.node-teaser .category-icon {
  float: left;
  margin-right: 10px;
}
.node-activity.node-teaser .name-date {
  display: table;
  width: 100%;
}
.node-activity.node-teaser .name-date .field {
  display: table-cell;
}
.node-activity.node-teaser .field-name-activity-date,
.node-activity.node-teaser .field-name-activity-start-time {
  text-align: right;
}
.node-activity.node-teaser .activity-statistics {
  clear: both;
  display: table;
  padding: 4px 4px 2px 4px;
  text-align: center;
  width: 100%;
}
.node-activity.node-teaser .activity-statistics .field {
  display: table-cell;
  width: 12%;
}
@media only screen and (max-width:1280px) {
  .node-activity.node-teaser .activity-statistics .field:nth-child(n+8) {
    display: none;
  }
}
@media only screen and (max-width:1152px) {
  .node-activity.node-teaser .activity-statistics .field:nth-child(n+7) {
    display: none;
  }
}

.select-photo-dialog #preview {
  text-align: center;
}
.select-photo-dialog  #preview img {
  max-width: 220px;
  max-height: 220px;
}
.select-photo-dialog .preview-spinner {
  padding: 70px 0;
}
.select-photo-dialog  .file-button {
  padding: 0.5em 1em;
}

.select-photo-dialog  .preview-wrap-outer {
  display: table;
  height: 224px;
  width: 100%;
}
.select-photo-dialog  .preview-wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.select-photo-dialog  .preview-wrap img {
  max-height: 220px;
  max-width: 220px;
}

/* User profile and account pages */
/* Global dialogs */
/* Workouts */
.ui-dialog .category-select-list .item-panel .select-more {
  font-size: 32px;
  font-weight: bold;
  line-height: 23px;
  opacity: 0.1;
  padding: 0 6px 20px;
}
.ui-dialog .category-select-list .item-panel .select-more:hover {
  opacity: 1 !important;
}
.ui-dialog .category-select-list .item-panel.selectable:hover .select-more {
  opacity: 0.4;
}
.ui-dialog .category-select-list .item-panel.selected:hover .checkmark {
  background-image: none;
}

.ui-dialog.select-category .ui-dialog-content {
  padding: 12px 6px 12px 12px;
}
.ui-dialog .category-select-list {
  margin: 0 auto;
}
.ui-dialog .item-panels.flow .category-select-list.item-list {
  padding-bottom: 8px;
}
.ui-dialog .item-panels .category-select-list.item-list .item-panel-wrap {
  width: 33.3%;
}
@media only screen and (max-width:720px) {
  .ui-dialog .category-select-list .sport-name {
    font-size: 100%;
    font-weight: normal;
  }
}
@media only screen and (max-width:620px) {
  .ui-dialog .item-panels .category-select-list.item-list .item-panel-wrap {
    width: 50%;
  }
  .ui-dialog .category-select-list .sport-name {
    font-size: 90%;
  }
}
@media only screen and (max-width:440px) {
  .ui-dialog.select-category {
    max-width: 330px;
  }
  .ui-dialog.select-category .ui-dialog-content {
    padding: 12px;
  }
  .ui-dialog .category-select-list {
    width: 282px;
  }
  .ui-dialog .item-panels .category-select-list.item-list .item-panel-wrap {
    width: 33.3%;
  }
  .ui-dialog .category-select-list .sport-name {
    display: none;
  }
  .ui-dialog .category-select-list .item-panel-wrap.category-0 .sport-name {
    display: block;
    margin-left: 0;
    text-align: center;
  }
  .ui-dialog .dialog-page.page-sub .item-panels .category-select-list .item-panel-wrap {
    width: 25%;
  }
  .ui-dialog .dialog-page.page-sub .category-select-list .category-icon {
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (max-width:350px) {
  .ui-dialog.select-category {
    max-width: 240px;
  }
  .ui-dialog .category-select-list {
    width: 188px;
  }
  .ui-dialog .item-panels .category-select-list.item-list .item-panel-wrap {
    width: 50%;
  }
  .ui-dialog .dialog-page.page-sub .item-panels .category-select-list .item-panel-wrap {
    width: 33.3%;
  }
}

.ui-dialog .item-panels .category-select-list.item-list .item-panel {
  margin: 0 6px 6px 0;
}
.ui-dialog .category-select-list .category-icon {
  float: left;
}
.ui-dialog .category-select-list .sport-name {
  margin-left: 40px;
  overflow: hidden;
  padding: 10px 6px;
  white-space: nowrap;
}
.ui-dialog .category-select-list .sport-item {
  margin: 2px 3px;
  overflow: hidden;
}

.comments-block .comment {
  padding-right: 12px;
}
.comments-block .comment .comment-actions {
  opacity: 0;
}
.comments-block .comment:hover .comment-actions {
  opacity: 1;
}
.comments-block .comment-actions .delete-button {
  box-shadow: none !important;
  padding: 0.1em 0.5em;
}
.add-comment-block .grippie {
  display: none;
}
.add-comment-block .username {
  float: left;
}
.add-comment-block .add-comment-actions {
  float: right;
  margin-bottom: 2px;
}
.add-comment-block .form-textarea-wrapper {
  clear: both;
  width: auto;
}
#activity-laps-list,
#activity-hills-list {
  width: 100%;
}
#activity-laps-list-wrap,
#activity-hills-list-wrap {
  overflow: hidden;
}
#activity-laps-list-wrap th:nth-child(n+8),
#activity-laps-list-wrap td:nth-child(n+8) { /* Show a max of 7 lap columns */
  display: none;
}

.img-panel {
  margin: 3px;
  text-align: center;
}

.img-wrap .valign {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.img-panel img {
  vertical-align: middle;
}
.img-panel img.empty {
  border: none;
}
.img-panel .img-caption {
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
}
  
.img-panel.small {
  height: 129px;
  margin: 3px;
  width: 140px;
  padding: 4px;
}
.img-panel.small .img-wrap {
  height: 99px;
  width: 132px;
}
.img-panel.small img {
  max-height: 99px;
  max-width: 132px;
}

.img-panel.medium {
  height: 172px;
  width: 192px;
  padding: 8px;
}
.img-panel.medium .img-wrap {
  height: 134px;
  width: 178px;
}
.img-panel.medium img {
  max-height: 132px;
  max-width: 176px;
}

/* Activity: Import */
.page-activity-import .form-item-files-import-file .description {
  display: block;
}

.node-blog ul.links.inline {
  display: block;
}
.node-blog .node-readmore {
  border-radius: 3px;
  display: inline-block;
  padding: 0;
}
.node-blog .node-readmore a {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
}

/* Fixed width pages */
body.fixed-width #main {
  max-width: 1000px;
}
body.fixed-width #content {
  margin: 0 auto;
  max-width: 900px;
}
/* Forms */
body.fixed-width input[type="text"], 
body.fixed-width input[type="password"], 
body.fixed-width textarea, 
body.fixed-width select,
body.fixed-width .form-textarea-wrapper {
  max-width: 100%;
  width: auto;
}
body.fixed-width .form-textarea-wrapper textarea {
  width: 100%;
}

.node-activity.node-teaser a {
  display: block;
}

/* Form dialogs */
.ui-dialog.form-dialog label {
  float: left;
}
.ui-dialog.form-dialog .stform-row {
  clear: both;
  padding-bottom: 6px;
}
.ui-dialog.form-dialog .stform-row:last-child {
  padding-bottom: 0;
}
.ui-dialog.form-dialog .stform-row.label {
  padding-bottom: 2px;
}
.ui-dialog.form-dialog .stform-row label.large {
  float: none;
  font-size: 1.4em;
  font-weight: lighter;
  margin-bottom: 2px;
  padding-top: 6px;
  width: auto;
}
.ui-dialog.form-dialog input[type="text"],
.ui-dialog.form-dialog select {
  display: block;
}
.ui-dialog.form-dialog .input-units-wrap,
.ui-dialog.form-dialog input[type="text"],
.ui-dialog.form-dialog select {
  float: left;
  margin-right: 10px;
  width: 120px;
}
.ui-dialog.form-dialog .input-units-wrap input[type="text"] {
  display: table-cell;
  float: none;
}
.ui-dialog.form-dialog select {
  width: 124px;
}
.ui-dialog.form-dialog .input-units-wrap input[type="text"] {
  margin-right: 0;
  width: 90px;
}
.ui-dialog.form-dialog .input-units-wrap.hidden {
  visibility: hidden;
}
.ui-dialog.form-dialog .stform-row .form-col {
  float: left;
}
.ui-dialog.form-dialog .row-2x50 .form-col {
  width: 50%;
}
.ui-dialog.form-dialog .row-3x33 .form-col {
  width: 33.333%;
}
.ui-dialog.form-dialog .stform-row .form-col .form-wrapper {
  padding-right: 4px;
}
.ui-dialog.form-dialog .stform-row .form-col:last-child .form-wrapper {
  padding-right: 0;
}
.ui-dialog.form-dialog .stform-row .form-col label {
  float: none;
  margin-bottom: 2px;
}
.ui-dialog.form-dialog .stform-row .form-col .input-units-wrap,
.ui-dialog.form-dialog .stform-row .form-col input[type="text"],
.ui-dialog.form-dialog .stform-row .form-col select {
  float: none;
  margin-right: 0;
  width: 100%;
}
.ui-dialog.form-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
.ui-dialog.form-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  float: right;
}
.ui-dialog.form-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.delete-button {
  float: left;
}

/* Planned workout + goals dialogs */
.planned-workout-dialog #category-select,
.goal-dialog #category-select {
  float: left;
  width: 40px;
}
.planned-workout-dialog .stform-row.has-subcategory #category-select,
.goal-dialog .stform-row.has-subcategory #category-select {
  width: 90px;
}
.planned-workout-dialog button.select-category,
.goal-dialog button.select-category {
  margin: 0;
  padding: 4px;
}
.planned-workout-dialog button.select-category > div,
.goal-dialog button.select-category > div {
  display: inline-block !important;
}
.planned-workout-dialog .dialog-page.page-main .planned-name,
.goal-dialog .dialog-page.page-main .goal-name {
  margin-left: 44px;
}
.planned-workout-dialog .dialog-page.page-main .has-subcategory .planned-name,
.goal-dialog .dialog-page.page-main .has-subcategory .goal-name {
  margin-left: 94px;
}
.planned-workout-dialog #planned-name,
.goal-dialog #goal-name {
  font-size: 17px;
  margin: 0;
  padding: 5px 6px 6px;
  width: 100%;
}

/* Planned workout dialog */
.planned-workout-dialog .dialog-page.page-main .planned-name {
  margin-right: 38px;
}
.planned-workout-dialog .planned-flags-wrap {
    float: right;
    position: relative;
}
.planned-workout-dialog .planned-flags {
  background-color: #FFF;
  border: 1px solid transparent;
  height: 34px;
  overflow: hidden;
  padding: 8px 6px;
  position: absolute;
  right: 0;
}
.planned-workout-dialog .flag {
  cursor: pointer;
  display: none;
  margin: 0 3px;
  padding: 1px;
}
.planned-workout-dialog .planned-flags:hover,
.planned-workout-dialog .planned-flags:focus {
  border-color: #DDD;
  width: 182px;
}
.planned-workout-dialog .planned-flags .flag.selected,
.planned-workout-dialog .planned-flags:hover .flag,
.planned-workout-dialog .planned-flags:focus .flag {
  display: inline-block;
}

.planned-workout-dialog .step-row .col-step-duration-type,
.planned-workout-dialog .step-row .col-step-goal-type {
  width: 30%;
}
.planned-workout-dialog .step-row .col-step-duration,
.planned-workout-dialog .step-row .col-step-goal-value {
  width: 20%;
}
.planned-workout-dialog .step-row .col-step-goal-value .goal-value-wrap {
  display: table;
  width: 100%;
}
.planned-workout-dialog .step-row .col-step-goal-value .goal-value-wrap > div {
  display: table-row;
}
.planned-workout-dialog .step-row .col-step-goal-value .goal-value-wrap > div > div {
  display: table-cell;
  vertical-align: middle;
}
.planned-workout-dialog .step-row .col-step-goal-value .goal-value-wrap button {
  line-height: 0;
  margin: 0 0 0 2px;
  padding: 9px 7px 6px;
}
.planned-workout-dialog .step-row .col-step-goal-value .range-separator {
  padding: 0 4px;
  width: auto;
}

.planned-workout-dialog .step-row.goal-value-none .col-step-goal-type {
  width: 50%;
}
.planned-workout-dialog .step-row.goal-value-none .col-step-goal-type .form-wrapper {
  padding-right: 0;
}
.planned-workout-dialog .step-row.goal-value-none .col-step-goal-value {
  display: none;
  width: 0;
}
.planned-workout-dialog .step-row.goal-value-single .col-step-duration-type,
.planned-workout-dialog .step-row.goal-value-single .col-step-goal-type,
.planned-workout-dialog .step-row.goal-value-zone .col-step-duration-type,
.planned-workout-dialog .step-row.goal-value-zone .col-step-goal-type {
  width: 27%;
}
.planned-workout-dialog .step-row.goal-value-single .col-step-goal-value,
.planned-workout-dialog .step-row.goal-value-zone .col-step-goal-value {
  width: 26%;
}
.planned-workout-dialog .step-row.goal-value-range .col-step-duration-type,
.planned-workout-dialog .step-row.goal-value-range .col-step-goal-type {
  width: 22%;
}
.planned-workout-dialog .step-row.goal-value-range .col-step-duration {
  width: 18%;
}
.planned-workout-dialog .step-row.goal-value-range .col-step-goal-value {
  width: 38%;
}

.planned-workout-dialog .step-wrap-outer {
  display: table;
  width: 100%;
}
.planned-workout-dialog .step-wrap-outer > div {
  display: table-row;
}
.planned-workout-dialog .step-wrap-outer > div > div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.planned-workout-dialog .step-wrap .step-goal {
  width: 100%;
}
.planned-workout-dialog .step-wrap .step-actions .btn.dropdown-toggle {
  padding: 5px .75rem;
}

.planned-workout-dialog .dialog-page.page-steps .steps {
  height: 340px;
  overflow-y: auto;
}
.planned-workout-dialog .step-type select {
  margin-right: 4px;
  width: auto;
}
.planned-workout-dialog .step-actions .dropdown-menu {
  font-size: .85rem;
}
.planned-workout-dialog .step-row.repeat-header,
.planned-workout-dialog .step-row.repeat-step,
.planned-workout-dialog .step-row.repeat-footer {
  border-color: #DDD;
  border-style: solid;
}
.planned-workout-dialog .step-row.repeat-header {
  border-radius: 4px 4px 0 0;
  border-width: 1px 1px 0;
  padding: 4px 0;
}
.planned-workout-dialog .step-row.repeat-step {
  border-width: 0 1px 0 1px;
  padding-left: 6px;
}
.planned-workout-dialog .step-row.repeat-footer {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
  margin-bottom: 6px;
  padding-bottom: 6px !important;
}
.planned-workout-dialog .dialog-page.page-steps .step-row {
  padding-right: 6px;
}
.planned-workout-dialog .step-row.repeat-header .step-repeat-count {
  padding: 0 12px;
}
.planned-workout-dialog .step-row.repeat-header .repeat-button {
  width: 22px;
}
.planned-workout-dialog .step-row.repeat-header .repeat-button button {
  font-size: 20px;
  font-weight: bold;
  height: 22px;
  line-height: 20px;
  margin-right: 3px;
  opacity: .6;
  padding: 0;
  width: 22px;
}
.planned-workout-dialog .step-row.repeat-header:hover .repeat-button button {
  opacity: 1;
}

.planned-workout-dialog .stform-row .form-col button.calculated {
  display: block;
  margin: 0;
  padding: 0.3em;
  width: 100%;
}
.planned-workout-dialog .stform-row .form-col .calculated {
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  overflow: hidden;
  padding: 0.3em 0.4em;
  text-align: left;
}
.planned-workout-dialog .stform-row .form-col .calculated .units {
  font-weight: normal;
  font-size: 0.84em;
}
.planned-workout-dialog .step-row .autocomplete-popup .popup {
  max-height: 150px;
}

.planned-workout-dialog .stform-row.goal label.large {
  float: left;
}
.planned-workout-dialog .stform-row.goal button.show-steps {
  display: none;
  float: right;
  margin: 3px 0;
  padding: 5px 8px;
}
.planned-workout-dialog .stform-row.goal button.show-steps .icon16 {
  background-position: -291px -1px;
  opacity: 0.6;
}
.planned-workout-dialog .stform-row.goal button.show-steps > div {
  display: inline-block;
}
.planned-workout-dialog .stform-row.goal button.show-steps .step-count {
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
.planned-workout-dialog .status-row {
  padding-top: 6px;
}
.planned-workout-dialog .status-text {
  font-size: 1.4em;
  font-weight: lighter;
}
.planned-workout-dialog .link-status > div {
  display: inline-block;
  vertical-align: middle;
}

.planned-workout-dialog .page-main .status-row {
  padding-top: 16px;
}
.planned-workout-dialog .page-editField {
  margin: 20px auto;
  max-width: 340px;
}
.planned-workout-dialog .page-editField .input-units-wrap {
  float: right;
  width: 150px;
}
.planned-workout-dialog .status-text.linked-workout a {
  font-weight: normal;
}

.planned-workout-dialog .page-link .link-item {
  padding: 6px;
}
.planned-workout-dialog .page-link .link-item .category-icon {
  float: left;
  margin-right: 6px;
}
.planned-workout-dialog .page-link .link-item .activity-starttime {
  font-size: 120%;
  font-weight: bold;
}
.planned-workout-dialog .page-link .link-item .category-noun {
  font-weight: bold;
}

.planned-workout-dialog #planned-notes {
  height: 336px;
}
.planned-workout-dialog .page-notes .creator {
  height: 24px;
  margin-bottom: 6px;
  overflow: hidden;
}
.planned-workout-dialog .page-notes .other-creator #planned-notes {
 height: 300px;
}

.planned-workout-dialog span.desc {
  display: inline-block;
  padding: 0.5em;
}
.planned-workout-dialog .page-repeat .stform-row {
  overflow: hidden;
}
.planned-workout-dialog .page-repeat label {
  width: 134px;
}
.planned-workout-dialog .repeat-details-block {
  margin-top: 6px;
}
.planned-workout-dialog .input-units-wrap.ends-until.ui-state-disabled input {
  opacity: 1;
}
.planned-workout-dialog .repeat-ends-block input, 
.planned-workout-dialog .repeat-ends-block span.desc {
  float: left;
}
.planned-workout-dialog .repeat-ends-block .radio-wrap {
  float: left;
  width: 134px;
}
.planned-workout-dialog .repeat-ends-block input[type="radio"] {
  float: right;
  margin: 0.7em 0.5em;
}
.ui-dialog.planned-workout-dialog select.repeat-every,
.ui-dialog.planned-workout-dialog input.ends-times {
  margin-right: 0;
  width: 60px;
}
.planned-workout-dialog .repeat-details-block .status-text {
  color: #666;
  font-size: 1.2em;
  text-align: center;
}
.planned-workout-dialog .repeat-details-block .status-text.end-goal {
  padding-top: 0;
}
.planned-workout-dialog .repeat-details-block .status-text .value {
  font-weight: bold;
  white-space: nowrap;
}
.planned-workout-dialog .progress-bar-wrap {
  height: 30px;
  margin-top: 30px;
}
.planned-workout-dialog .progress-bar {
  height: 100%;
}


.planned-workout-dialog button.sport-button,
.planned-workout-dialog button.more-button,
.planned-workout-dialog button.unlink-button {
  float: left !important;
}
.planned-workout-dialog .repeat-on {
  display: inline-block;
}
.planned-workout-dialog .repeat-on span.desc {
  padding: 0.5em 1em 0.5em 0;
}

/* Goal dialog */
.goal-dialog button.sport-button {
  float: left !important;
}

 
@media only screen and (max-width:624px) {
  .planned-workout-dialog ul.primary li.step-tab { display: none; }
  .planned-workout-dialog .stform-row.goal button.show-steps { display: block; }
}
@media only screen and (max-width:410px) {
  .planned-workout-dialog .calendar-select .units { display: none; }
}

/* Google maps */
.content-page #content .gm-style img {
  max-width: none;
}
.gmap label {
  display: inline;
  float: none;
  width: auto;
}

.category-icon.category-0 {
  display: none;
}