/* Bootstrap */
.large {
  font-size: 125%;
}
button:disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn {
  font-size: 0.85rem;
}
.btn-lg {
  font-size: 1.15rem;
}
.btn-primary {
  background-color: #0094FF;
  border-color: #0094FF;
}
.btn-primary:not([disabled]):hover {
  background-color: #0080D6;
  border-color: #007ACC;
}
.btn-light {
  border-color: #DDD;
}
.btn-light:disabled {
  opacity: .5;
}
.btn-light:not([disabled]):hover {
  background-color: #EBF7FF;
  border-color: #99D9E9;
}
.btn-hover-danger:not([disabled]):hover {
  color: #FFF;
}
.btn-danger,
.btn-hover-danger:not([disabled]):hover {
  background-color: #FF5432;
  border-color: #FF5432;
}
.btn-danger:not([disabled]):hover {
  background-color: #D8452B;
  border-color: #CC4128;
}
.btn-hover-danger {
  transition: none;
}
.btn-flat:not(:hover),
.btn-flat:not(:hover):not(:disabled):not(.disabled):active,
.btn-flat:not(:hover):focus {
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.form-button {
  font-size: 1em;
  padding: 7px 14px;
}

.list-group-item .muted-except-hover {
  opacity: .2;
}
.list-group-item:hover .muted-except-hover {
  opacity: .7;
}
.list-group-flush.list-group-table .list-group-item:first-child {
  border-top-width: 1px;
}
button.list-group-item.list-group-item-action.highlight-on-hover:hover {
  box-shadow: 5px 0 0 0 #0094FF inset;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #F7F8F9;
}
.popover {
  border-color: rgba(0,0,0,.15);
}
.dropdown .dropdown-toggle {
  box-shadow: none !important;
}
.dropdown.no-icon .dropdown-toggle::after,
.dropup.no-icon .dropdown-toggle::after {
  display: none;
}
.dropdown.show .dropdown-toggle,
.dropup.show .dropdown-toggle {
  background-color: #FFF !important;
  border-color: rgba(0,0,0,.15) !important;
  color: #000 !important;
}
.dropdown-item.active {
  background-color: #0094FF;
}
.dropdown-item:not(.active):not(:active):hover {
  background-color: #EEE;
}

/* Main page elements*/
body {
  color: #333;
}
h2, .h2 {
  background-color: rgba(0,148,255,.7);
  border-radius: 3px;
  color: #FFF;
}

/* Header */
#site-name a {
  color: #111;
  text-decoration: none;
}
#site-name a:hover {
  background-color: #E0E4E6;
  color: #000;
}
#header {
  background-color: #F0F1F2;
  border-bottom: 1px solid #DADDE0;
  color: #777;
}
#header ul.menu-main li {
  border-right: 1px solid rgba(0,0,0,0.1);
}
#header ul.menu-main li > a {
  color: rgba(0,0,0,.7);
}
#header ul.menu-main li:hover {
  background-color: #DADDE0;
}
#header ul.menu-main li:hover > a {
  color: #222;
}
#header ul.menu-main li.active-trail {
  background-color: #FFFEF9;
}
#header ul.menu-main li.active-trail > a {
  color: #000;
}
#main-menu-more-button .btn:focus {
  background-color: #FFF  !important;
  color: #000 !important;
}
.more-menu-popover {
  min-width: 390px;
  width: 390px;
}
.more-menu-popover .btn {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  opacity: .8;
  transition: none;
}
.more-menu-popover .btn:hover {
  background-color: #FBFBFD;
  border-color: #DDD;
  opacity: 1;
}

#main-menu-add-workout-button {
  background-color: rgba(0, 148, 255, 0.15);
  border-color: rgba(0, 148, 255, 0.1);
}
#main-menu-add-workout-button:hover {
  background-color: rgba(0, 148, 255, 0.3);
  border-color: rgba(0, 0, 0, 0.1);
}

#main-menu-user-menu-button .bell-icon {
  opacity: 0 !important;
}
#main-menu-user-menu-button.new-notifications {
  background-color: #FF5432;
  background-image: none !important;
  border-color: #FF5432;
}
#main-menu-user-menu-button.new-notifications:hover {
  background-color: #c82333;
  border-color: #bd2130;
}

#main-menu-user-menu-button.new-notifications .bell-icon {
  background-image: url(../images/dark-img16@2x.png?v20200723.1) !important;
  left: 1px;
  opacity: 1 !important;
  top: -1px;
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 4000ms;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
}
@-webkit-keyframes wiggle {
  75% {-webkit-transform: rotate(0deg)  scale(1);}
  80% {-webkit-transform: rotate(10deg) scale(1.4);}
  85% {-webkit-transform: rotate(-10deg)  scale(1.4);}
  90% {-webkit-transform: rotate(20deg)  scale(1.35);}
  95% {-webkit-transform: rotate(-5deg)  scale(1.3);}
  100% {-webkit-transform: rotate(0deg)  scale(1);}
}
@-ms-keyframes wiggle {
  75% {-ms-transform: rotate(0deg)  scale(1);}
  80% {-ms-transform: rotate(1deg) scale(1.4);}
  85% {-ms-transform: rotate(-1deg) scale(1.4);}
  90% {-ms-transform: rotate(1.5deg)  scale(1.35);}
  95% {-ms-transform: rotate(-5deg)  scale(1.3);}
  100% {-ms-transform: rotate(0deg)  scale(1);}
}
@keyframes wiggle {
  75% {transform: rotate(0deg)  scale(1);}
  80% {transform: rotate(10deg) scale(1.4);}
  85% {transform: rotate(-10deg) scale(1.4);}
  90% {transform: rotate(20deg)  scale(1.35);}
  95% {transform: rotate(-5deg)  scale(1.3);}
  100% {transform: rotate(0deg)  scale(1);}
}

/* Map */
.gmap .map-control {
  background-color: #FFF;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  color: #777;
  cursor: pointer;
}
.gmap .map-control:hover {
  color: #222;
  background-color: #EBEBEB;
}
.gmap .map-control .icon {
  opacity: .5;
}
.gmap .map-control .weather-icon {
  opacity: .7;
}
.gmap .map-control:hover .icon {
  opacity: 1;
}
.gmap .map-control.expand-collapse .icon {
  background-position: -253px -1px;
}
.gmap .map-control.customize .icon {
  background-position: -54px -1px;
}
.gmap .map-control-container.zoom .map-control.zoom-in {
  border-bottom: 1px solid #EEE;
}
.gmap .map-control.map-type {
  color: #555;
}
.gmap .map-control:hover {
  color: #000;
}

/* Notification dialog */
.ui-dialog.notifications .items .notification {
  border-bottom: 2px solid #EEF;
  padding: 4px 10px 16px 10px;
}
.ui-dialog.notifications .items .notification.not-read {
  background-color: #F8F8FA;
}
.ui-dialog.notifications .notification h1 {
  color: #222;
}

.ui-dialog.notifications .notification .date {
  color: #AAA;
  font-size: 0.9em;
  font-weight: bold;
}
.ui-dialog.notifications .notification.not-read .date {
  color: #3A3;
}

/* Header messages */
.messages.status {
  background-color: #CDF4AD;
  background-image: url(../images/message-24-ok.png?v20140304.1);
  border-color: #82EA75;
  color: #0D7200;
}
.messages.error {
  background-color: #FFCFBF;
  background-image: url(../images/message-24-error.png?v20140304.1);
  border-color: #FF998C;
  color: #BF1600;
}
.messages.help,
.messages.warning {
  background-color: #B8D2F9;
  border-color: #7FA9E8;
  color: #092C5B;
}
.messages.help {
  padding-left: 16px;
}
.messages.warning {
  background-image: url(../images/message-24-warning.png?v20140304.1);
}
.messages.nopanel {
  background-color: transparent;
  border: none;
}

/* Body */
body,
#page-wrapper,
#main {
  background-color: #FFFEF9;
}

/* Footer */
#footer {
  background-color: #F0F1F2;
  border-top: 5px solid #CCC;
  color: #000;
}
#footer a {
  color: #000;
}
#footer .block.left .block:first-child ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer .block.left ul {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#footer .social a {
  border: 1px solid rgba(0, 0, 0, .8);
}
#footer .social a:hover {
  background-color: #FFF;
}

/* Primary tabs */
ul.primary {
  border-bottom: 0;
}
.content-page #content .tabs ul.primary li a,
ul.primary li a:not(.btn),
ul.primary li.active a:not(.btn),
ul.primary li a:not(.btn):hover,
.ui-dialog ul.primary li a:not(.btn),
.ui-dialog ul.primary li.active a:not(.btn),
.ui-dialog ul.primary li a:not(.btn):hover {
  background-color: transparent;
  border: 0;
  color: #888;
}
.content-page #content .tabs ul.primary li.active a,
.content-page #content .tabs ul.primary li a:hover,
ul.primary li.active a:not(.btn),
ul.primary li a:not(.btn):hover,
.ui-dialog ul.primary li.active a:not(.btn),
.ui-dialog ul.primary li a:not(.btn):hover {
  color: #444;
}

/* Header block */
.page-main-icon {
  background-image: url("../images/page-icons@2x.png?v20160520.1");
  background-size: 374px 34px;
  opacity: 0.85;
}

/* Content pages */
.content-page #header {
  background-color: #F8F9FA;
}
.content-page #page-wrapper {
  background-color: #EEE;
}
.cke_panel_list h2,
.content-page h2 {
  background-color: transparent;
  color: #444;
}
.content-page #content a:not(.btn) {
  color: #1565B5;
}
.content-page #content a:hover:not(.btn) {
  color: #0094FF;
}

/* Item panels */
.item-panel,
.field-panels .field-wrap {
  background-color: #F8F9FA;
  border: 1px solid #E3E6E8;
  color: #333;
}

.item-panel a, .item-panel a:hover,
.field-panels .field-wrap a, .field-panels .field-wrap a:hover {
  color: #333;
  text-decoration: none;
}
.item-panel.selectable,
.field-panels .selectable .field-wrap {
}
.item-panel.selectable:hover,
.field-panels .selectable .field-wrap:hover {
  border-color: #8ED5FF;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}

/* Configured panels */
.configured-panels-view .fpanel .region {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.configured-panels-view .fpanel .region:hover {
  border-color: rgba(0, 0, 0, .2);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,.1);
}
.configured-panels-view .config-panel .header {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.configured-panels-view .config-panel .header {
  background-color: rgba(0, 148, 255, 0.8);
  color: #FFF;
}
.configured-panels-view .config-panel .header .icon16 {
  background-image: url("../images/dark-img16@2x.png?v20200723.1");
}

/* Item lists */
.item-list .item-img {
  opacity: 0.75;
}
.item-list li:hover .item-img {
  opacity: 0.9;
}
.select-list.list-type-select {
  background-color: #FAFAFA;
  border: 1px solid #DDE;
}
.ui-dialog .select-list.list-type-select li:hover {
  background-color: #EAEAFF;
}
.select-list.list-type-checked li:hover .item-img,
.select-list.list-type-checked .item-img {
  background-position: -505px -1px;
  opacity: 0;
}
.select-list.list-type-checked li.item-selected .item-img {
  opacity: 0.75;
}

.item-list.sortable .column-item {
  background-color: #FFF;
  border: 1px solid #F8F8FA;
  cursor: n-resize;
}
.item-list.sortable .column-item:hover {
  background-color: #F7F8F9;
  border-color: #F0F0F8;
}
.item-list.sortable .column-item.visible {
  font-weight: bold;
}
.item-list.sortable .column-item.hidden * {
  opacity: 0.7;
}
.item-list.sortable .column-item.hidden .icon16 {
  opacity: 0.2;
}
.item-list.sortable .column-item.hidden:hover input.column-list-checkbox {
  opacity: 1;
}
.item-list.sortable .column-item.ui-sortable-helper {
  background-color: #E6F4FF;
  border-color: #B4DFFF;
}
.item-list.sortable .column-item > * {
  vertical-align: middle;
}
.item-list.sortable .column-item .icon16 {
  background-position: -810px -1px;
  opacity: 0.2;
}
.item-list.sortable .column-item.ui-sortable-helper .icon16 {
  opacity: 0.5;
}
.item-list.sortable .column-item .move-buttons {
  float: right;
}
.item-list.sortable .column-item .move-buttons .icon16 {
  border: 3px solid #FFF;
  cursor: pointer;
  opacity: 0.6;
}
.item-list.sortable .column-item .move-buttons .moveup {
  background-position: -433px -1px;
}
.item-list.sortable .column-item .move-buttons .movedown {
  background-position: -469px -1px;
}
.item-list.sortable .column-item.ui-sortable-helper .icon16 {
  opacity: 0.8;
}

/* Tables */
tbody {
  border-top: 0;
}
th {
  border-bottom: 2px solid #EEE;
  background-color: #F5F5F5;
}
tr, tr.even, tr.odd {
  background-color: transparent;
  border-bottom: 0;
}
tr.even {
  background-color: #F7F8F9;
}
.table-border-bottom,
.data-table tr:last-child {
  border-bottom: 2px solid #EEE;
}
.table-border-bottom.jspScrollable tr:last-child,
.chart-canvas-container .legend tr:last-child {
    border-bottom: 0 none;
}
table.selectable, .notextselect, .chart-canvas-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}
table.selectable tr:hover td {
  background-color: rgba(120,120,120,.1);
  color: #000;
}
table.selectable tr:hover td:first-child {
  box-shadow: 3px 0 0 0 #0094FF inset;
}
table.selectable tr.selected td {
  background-color: rgba(0,148,255,.8);
  border-left: none;
  border-right: none;
  color: #FFF;
}
table.selectable tr.selected:hover td {
  background-color: rgba(0,148,255,1);
}
table.selectable tr.selected td a {
  color: #FFF;
}
table th .sort-dir-asc, table th .sort-dir-desc {
  margin-left: 4px;
  opacity: .3;
}
table th.sorted {
  background-color: #E8E8E8;
  border-bottom-color: #AAA;
  color: #666;
  font-weight: bold;
}
table th.col-sortable:hover .sort-dir-asc, table th.col-sortable:hover .sort-dir-desc {
  opacity: .7;
}
table th.col-sortable:hover,
table th.selectable:hover {
  background-color: #EEE;
  border-bottom-color: #0094FF;
}
table.row-links tr td a {
  color: #333 !important;
}
table.row-links tr td a:active,
table.row-links tr td a:focus {
  outline: none;
}
table .btn {
  padding: 4px 8px;
}
table .btn.muted-except-hover .icon16 {
  opacity: .3;
}
table tr:hover .btn.muted-except-hover .icon16 {
  opacity: .7;
}

/* Forms */
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 1px solid #FBB;
  background-color: #FEFAFA;
}
.input-units-wrap input[type="text"], 
.input-units-wrap input[type="password"] {
  background-color: transparent;
}
.input-units-wrap .units {
  opacity: .6;
}
.input-units-wrap .icon16 { 
  opacity: .3;
}

.overlay-panel {
  border: 2px solid #D0D9E0;
  border-radius: 6px;
}
.overlay-panel .title {
  background-color: rgba(0, 148, 255, 0.8);
  color: #FFF;
}

fieldset {
  border: 0;
}
fieldset legend {
  border-bottom: 1px solid rgba(0,0,0,.4);
}
fieldset .fieldset-legend {
  background-position: right bottom !important;
}
fieldset.collapsible .fieldset-legend {
  background-image: url(../images/menu-expanded.png?v20140228) !important;
}
fieldset.collapsed .fieldset-legend {
  background-image: url(../images/menu-collapsed.png?v20140228) !important;
}
fieldset legend a,
fieldset legend a:hover,
fieldset legend a:visited {
  color: #333;
}
label {
  color: #222;
}
.input-units-wrap,
.content-page text, .content-page textarea, .content-page select, 
.content-page input[type="text"], .content-page input[type="password"],
text, textarea, select, 
input[type="text"], input[type="password"] {
  background-color: #FAFAFA;
  border: 1px solid #DDE;
  color: #222;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
::-webkit-input-placeholder { color: #BBB; }
::-moz-placeholder { color: #BBB; opacity: 1;} /* firefox 19+ */
input[type="text"]:-ms-input-placeholder { color: #BBB; } /* ie */
input[type="password"]:-ms-input-placeholder { color: #BBB; } /* ie */

.autocomplete-popup.popup-outer .popup-wrap .popup,
.ui-dialog .autocomplete-popup.popup-outer .popup-wrap .popup {
  background-color: #FFF;
  border: 1px solid #DDE;
  color: #333;
}
.autocomplete-popup.popup-outer .popup li:hover {
background-color: #EAEAFF;
}

.vertical-tabs-panes fieldset {
  clear: none;
}

.vertical-tabs ul.vertical-tabs-list,
.vertical-tabs .vertical-page-selector {
  border-right: 2px solid #F0F0F0;
  border-top: 0;
}
.vertical-tabs ul.vertical-tabs-list li,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default {
  background-color: #F6F6F6;
  border: 1px solid rgba(0,0,0,.1);
}
.vertical-tabs ul.vertical-tabs-list li:hover,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default:hover {
  background-color: #EEE;
}

.vertical-tabs ul.vertical-tabs-list li.selected, 
.vertical-tabs ul.vertical-tabs-list li.selected:hover,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default.ui-tabs-selected,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default.ui-tabs-selected:hover {
  background-color: rgba(0, 148, 255, 0.8);
}

.vertical-tabs ul.vertical-tabs-list li a,
.vertical-tabs ul.vertical-tabs-list strong {
  color: #333;
}

.vertical-tabs ul.vertical-tabs-list li.selected a,
.vertical-tabs ul.vertical-tabs-list .selected strong,
.vertical-tabs .vertical-page-selector .ui-tabs li.ui-state-default.ui-tabs-selected a {
  color: #FFF;
}
.vertical-tabs ul.vertical-tabs-list li a:focus, 
.vertical-tabs ul.vertical-tabs-list li a:active, 
.vertical-tabs ul.vertical-tabs-list li a:hover {
  outline: none;
 }
.vertical-tabs ul.vertical-tabs-list li a:focus strong, 
.vertical-tabs ul.vertical-tabs-list li a:active strong, 
.vertical-tabs ul.vertical-tabs-list li a:hover strong {
  text-decoration: none;
}
div.vertical-tabs {
  border: 0;
}
.vertical-tabs .vertical-tab-button .summary {
  color: rgba(0, 0, 0, 0.7);
  font-size: 80%;
}
.vertical-tabs .vertical-tab-button.selected .summary {
  color: rgba(255, 255, 255, 0.7);
}
.resizable-textarea .grippie {
  background-color: rgba(150, 200, 255, 0.3);
  border-width: 0;
}

table .sort-dir-asc, table .sort-dir-desc {
  display: inline-block;
}
.item-list li .item-img,
table th .sort-dir-asc, table th .sort-dir-desc, table th .select-arrow {
  background-image: url(../images/img16@2x.png?v20200723.1);
  background-size: 900px 18px;
  height: 16px;
  width: 16px;
}

/* Icons */
.btn .icon16, .btn .icon24, .btn .icon32 {
  opacity: .7;
}
.btn:not([disabled]):hover .icon16, 
.btn:not([disabled]):hover .icon24, 
.btn:not([disabled]):hover .icon32 {
  opacity: 1 !important;
}
.icon16 {
  background-image: url(../images/img16@2x.png?v20200723.1);
  background-size: 900px 18px;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.icon24 {
  background-image: url(../images/img24@2x.png?v20141213.1);
  background-size: 200px 100px;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.icon32 {
  background-image: url("../images/img32@2x.png?v20170831.1");
  background-size: 340px 34px;
  display: inline-block;
  height: 32px;
  width: 32px;
}
.icon32.icon-speed { background-position: -137px -1px; }
.icon32.icon-heartrate { background-position: -170px -1px; }
.icon32.icon-cadence { background-position: -204px -1px; }
.icon32.icon-power { background-position: -238px -1px; }
.icon32.icon-settings { background-position: -1px -1px; }

.icon32.page-icon {
  background-image: url("../images/page-icons@2x.png?v20160520.1");
  background-size: 374px 34px;
}
.icon32.page-icon.icon-calendar { background-position: -1px -1px; }
.icon32.page-icon.icon-workouts { background-position: -35px -1px; }
.icon32.page-icon.icon-analysis { background-position: -69px -1px; }
.icon32.page-icon.icon-personal-records { background-position: -103px -1px; }
.icon32.page-icon.icon-gear { background-position: -137px -1px; }
.icon32.page-icon.icon-health { background-position: -171px -1px; }
.icon32.page-icon.icon-user { background-position: -239px -1px; }
.icon32.page-icon.icon-dashboard { background-position: -273px -1px; }
.icon32.page-icon.icon-connections { background-position: -307px -1px; }
.icon32.page-icon.icon-goals { background-position: -341px -1px; }

.btn .icon16 {
  position: relative;
  top: -.1rem;
  vertical-align: middle;
}
.btn-success .icon16, .btn-danger .icon16,
.btn-hover-danger:hover .icon16,
.dropdown-item.active .icon16, 
.dropdown-item:active .icon16 {
  background-image: url(../images/dark-img16@2x.png?v20200723.1) !important;
}

table th .sort-dir-asc { background-position: -433px -1px; }

/* Table button icons */
table th .sort-dir-asc { background-position: -433px -1px; }
table th .select-arrow { background-position: -451px -1px; }
table th .sort-dir-desc { background-position: -469px -1px; }

.blank-icon { 
background-image: none !important;
}

.icon16.add-icon { background-position: -1px -1px; }
.icon16.edit-icon { background-position: -19px -1px; }
.icon16.delete-icon { background-position: -37px -1px; }
.icon16.settings-icon { background-position: -55px -1px; }
.icon16.import-icon { background-position: -73px -1px; }
.icon16.export-icon { background-position: -91px -1px; }
.icon16.share-icon { background-position: -109px -1px; }
.icon16.save-icon { background-position: -127px -1px; }
.icon16.close-icon { background-position: -145px -1px; }
.icon16.undo-icon { background-position: -163px -1px; }
.icon16.redo-icon { background-position: -181px -1px; }
.icon16.search-icon { background-position: -199px -1px; }
.icon16.comment-icon { background-position: -217px -1px; }
.icon16.note-icon { background-position: -235px -1px; }
.icon16.zoom-out-icon { background-position: -253px -1px; }
.icon16.compare-icon { background-position: -271px -1px; }
.icon16.menu-icon { background-position: -289px -1px; }
.icon16.checklist-icon { background-position: -307px -1px; }
.icon16.user-icon { background-position: -325px -1px; }
.icon16.private-icon { background-position: -343px -1px; }
.icon16.friends-icon { background-position: -361px -1px; }
.icon16.public-icon { background-position: -379px -1px; }
.icon16.watch-icon { background-position: -397px -1px; }
.icon16.check-icon { background-position: -415px -1px; }
.icon16.up-icon { background-position: -433px -1px; }
.icon16.next-icon { background-position: -451px -1px; }
.icon16.down-icon { background-position: -469px -1px; }
.icon16.prev-icon { background-position: -487px -1px; }
.icon16.check-icon { background-position: -505px -1px; }
.icon16.email-icon { background-position: -523px -1px; }
.icon16.facebook-icon { background-position: -541px -1px; }
.icon16.twitter-icon { background-position: -559px -1px; }
.icon16.smoothing-icon { background-position: -577px -1px; }
.icon16.zoom-restore-icon { background-position:-595px -1px; }
.icon16.trim-icon { background-position: -613px -1px; }
.icon16.pause { background-position: -631px -1px; }
.icon16.flag-icon { background-position: -649px -1px; }
.icon16.clock { background-position: -667px -1px; }
.icon16.calendar-icon { background-position: -685px -1px; }
.icon16.segment-icon { background-position: -703px -1px; }
.icon16.return-back-icon { background-position: -721px -1px; }
.icon16.up-arrow-icon { background-position: -739px -1px; }
.icon16.down-arrow-icon { background-position: -757px -1px; }
.icon16.horizontal-lines-icon { background-position: -775px -1px; }
.icon16.bell-icon { background-position: -793px -1px; }
.icon16.drag-handle-icon { background-position: -811px -1px; }
.icon16.calculate-icon { background-position: -829px -1px; }
.icon16.map-icon { background-position: -847px -1px; }
.icon16.coach-icon { background-position: -865px -1px; }
.icon16.join-icon { background-position: -883px -1px; }

.icon24.feed-icon { background-position: -175.5px -50.5px; }
.icon24.check-icon { background-position: -100.5px -50.5px; }

/* User photo */
.user-picture,
.content-page #content .user-picture {
  background-position: center top;
  background-size: cover;
  border: 0px solid #FFF;
  border-radius: 50%;
}

/* Charts */
.chart-canvas-container {
  color: #333;
}
.flot-tick-label {
  color: #444;
}
.chart-canvas-container .legend .legendColorBox > div > div {
  border-radius: 10px;
  width: 0 !important;
}
/* Minichart */
.mini-chart .bar-item.bar {
  background-color: rgba(89, 180, 247, 0.7);
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 0 2px rgb(89, 180, 247) inset;
}
.mini-chart .bar-col.selected .bar-item.bar {
  background-color: rgba(0, 115, 216, 0.7);
  box-shadow: 0 0 0 2px rgb(0, 115, 216) inset;
}
.mini-chart .bar-col.selected .bar-planned .bar-item.bar,
.mini-chart .bar-planned .bar-item.bar {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: none;
}
.mini-chart .bar-col.selectable:hover .bar-wrap .bar-planned .bar-item.bar {
  opacity: .8;
}

.mini-chart .legend td {
  border-top: 1px solid rgba(0,0,0,.3);
}
.mini-chart .bar-col.selectable .bar-wrap {
  opacity: 0.8;
}
.mini-chart .bar-col.selectable.hovering,
.mini-chart .bar-col.selectable:hover {
  background-color: #F0F1F2;
  color: #000;
}
.mini-chart .bar-col.selectable:hover .bar-wrap {
  opacity: 1;
}
/* Workout charts */
.chart .info-flag .flag-body {
  background-color: #FFF;
  border: 1px solid #DDD;
  color: #222;
}
.chart .marker-hover-line {
  background-color:rgba(0,0,0,0.3);
}
.chart .range-hover {
  background-color: rgba(250,255,100,0.2);
  border-left: 1px solid rgba(0,0,0,.2);
}
.chart .range-selection {
  background-color: rgba(150,200,255,.3);
}
.chart .range-handle {
  background-color: #0094FF;
}
.chart .bottom-toolbar-container .btn:active,
.chart .bottom-toolbar-container .btn:focus,
.chart .bottom-toolbar-container .btn:active:focus {
  box-shadow: none !important;
}
.chart .bottom-toolbar-container .btn.active,
.chart .bottom-toolbar-container .btn.active:active,
.chart .bottom-toolbar-container .btn.active:focus {
  background-color: rgba(255,255,255,0.9) !important;
  box-shadow: inset 0 -3px 0 0 #0094FF !important;
  border-color: #EEE !important;
  border-radius: 1px;
}
.chart .bottom-toolbar-container .btn.active:hover {
  background-color: #EBF7FF !important;
  box-shadow: inset 0 -3px 0 0 #007ED8 !important;
  border-color: #99D9E9 !important;
}
.chart .bottom-toolbar-container .btn.active .icon16 {
  opacity: 1;
}

/* Spinners */
.busy-spinner-wrap {
  background-color: #FFF;
  border: 1px solid #DDE;
  border-radius: 6px;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
}
.busy-spinner-img,
.ui-dialog .busy-spinner-img {
  background-image: url(../images/spinner-ring-FFFFFF-24.gif);
  background-repeat: no-repeat;
}
.icon16.spinner-icon,
.busy-spinner-img.small {
  background-image: url(../images/spinner-ring-FFFFFF-16.gif);
  background-size: auto;
}
.busy-spinner-img.busy-error {
  background-image: url(../images/img24@2x.png);
  background-position: -50.5px -25.5px;
  background-size: 200px 100px;
  opacity: .5;
}

/* Banner */
.subject-banner {
  background-color: rgba(100, 148, 255, 0.1);
  border-bottom: 3px solid rgba(0, 148, 255, 0.7);
}
.subject-banner .user-name {
  color: #444;
}

/* Slider */
.ui-slider {
  background: none;
  border: 1px solid rgba(0,20,50,.15);
}
.ui-slider .ui-slider-range {
  background: rgba(0,148,255,.3);
}

.ui-slider.range-slider .ui-slider-range {
  box-shadow: 2px 0 0 0 #0094FF inset, -2px 0 0 0 #0094FF inset;
}
.ui-slider.left-slider .ui-slider-range {
  box-shadow: 2px 0 0 0 #0094FF inset;
}
.ui-slider.right-slider .ui-slider-range {
  box-shadow: -2px 0 0 0 #0094FF inset;
}

.ui-slider .ui-slider-handle {
  background: #0094FF;
  border: none;
}
.ui-slider .ui-slider-handle:hover {
  background-color: #007ED8;
}

/* Category icons - general */
.category-icon {
  background-image: url(../images/category-icons@2x.png?v20180226.1);
  background-size: 740px 400px;
  box-sizing: content-box;
  height: 38px;
  opacity: .8;
  width: 38px;
}
.category-icon.icon-medium {
  height: 28px;
  opacity: .8;
  width: 28px;
}
.category-icon.icon-style-badge,
.category-icon.icon-style-badge.icon-medium {
  background-image: url(../images/dark-category-icons@2x.png?v20180226.1);
  opacity: 1;
}
.category-icon.icon-small {
  height: 18px;
  width: 18px;
}

/* Category icons - styled icons */
.category-icon.icon-style-badge {
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 2px;
}
.category-icon.icon-style-shadow {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0,.2);
}
.category-icon.icon-small.icon-style-shadow {
  box-shadow: none !important;
}

/* Category icons - subcategory separator */
.category-separator {
  background-image: url(../images/img24@2x.png?v20150625.1);
  background-position: -1px -76px;
  background-size: 200px 100px;
  height: 24px;
  opacity: .85;
  width: 24px;
}
.category-separator.ui-disabled {
  opacity: .35;
}

/* Category icons - badge colors */
.category-icon.icon-style-badge.category-1 { background-color: #ABABAD; }
.category-icon.icon-style-badge.category-2 { background-color: #3F6FCF; }
.category-icon.icon-style-badge.category-3 { background-color: #B51717; }
.category-icon.icon-style-badge.category-4 { background-color: #9E3A97; }
.category-icon.icon-style-badge.category-5 { background-color: #28B45D; }
.category-icon.icon-style-badge.category-7 { background-color: #DB8D0D; }
.category-icon.icon-style-badge.category-8 { background-color: #1BC1C1; }
.category-icon.icon-style-badge.category-9 { background-color: #984C4A; }
.category-icon.icon-style-badge.category-12 { background-color: #000000; }

/* Category icons - images*/
.category-icon { background-position: -1px -1px; }
.category-icon.category-2 { background-position: -41px -1px; }
.category-icon.category-3 { background-position: -81px -1px; }
.category-icon.category-4 { background-position: -121px -1px; }
.category-icon.category-5 { background-position: -161px -1px; }
.category-icon.category-6 { background-position: -201px -1px; }
.category-icon.category-7 { background-position: -241px -1px; }
.category-icon.category-8 { background-position: -281px -1px; }
.category-icon.category-9 { background-position: -321px -1px; }
.category-icon.category-12 { background-position: -41px -41px; }
.category-icon.category-10 { background-position: -361px -1px; }
.category-icon.category-11 { background-position: -1px -41px; }
.category-icon.category-13 { background-position: -81px -41px; }
.category-icon.category-14 { background-position: -121px -41px; }
.category-icon.category-15 { background-position: -161px -41px; }
.category-icon.category-16 { background-position: -201px -41px; }
.category-icon.category-17 { background-position: -241px -41px; }
.category-icon.category-19 { background-position: -281px -41px; }
.category-icon.category-20 { background-position: -321px -41px; }
.category-icon.category-21 { background-position: -1px -81px; }
.category-icon.category-22 { background-position: -41px -81px; }
.category-icon.category-23 { background-position: -81px -81px; }
.category-icon.category-24 { background-position: -121px -81px; }
.category-icon.category-25 { background-position: -81px -41px; }
.category-icon.category-26 { background-position: -121px -41px; }
.category-icon.category-27 { background-position: -161px -41px; }
.category-icon.category-28 { background-position: -201px -41px; }
.category-icon.category-29 { background-position: -81px -1px; }
.category-icon.category-30 { background-position: -281px -41px; }
.category-icon.category-31 { background-position: -161px -81px; }
.category-icon.category-33 { background-position: -201px -81px; }
.category-icon.category-34 { background-position: -161px -41px; }
.category-icon.category-35 { background-position: -241px -81px; }
.category-icon.category-36 { background-position: -281px -81px; }
.category-icon.category-37 { background-position: -321px -81px; }
.category-icon.category-39 { background-position: -361px -41px; }
.category-icon.category-40 { background-position: -361px -81px; }
.category-icon.category-41 { background-position: -1px -121px; }
.category-icon.category-43 { background-position: -81px -121px; }
.category-icon.category-44 { background-position: -121px -121px; }
.category-icon.category-45 { background-position: -161px -41px; }
.category-icon.category-46 { background-position: -281px -41px; }
.category-icon.category-47 { background-position: -161px -121px; }
.category-icon.category-48 { background-position: -201px -121px; }
.category-icon.category-49 { background-position: -241px -41px; }
.category-icon.category-50 { background-position: -161px -81px; }
.category-icon.category-51 { background-position: -241px -121px; }
.category-icon.category-52 { background-position: -281px -121px; }
.category-icon.category-53 { background-position: -321px -121px; }
.category-icon.category-54 { background-position: -361px -121px; }
.category-icon.category-56 { background-position: -1px -161px; }
.category-icon.category-57 { background-position: -1px -161px; }
.category-icon.category-58 { background-position: -41px -161px; }
.category-icon.category-59 { background-position: -81px -161px; }
.category-icon.category-60 { background-position: -121px -161px; }
.category-icon.category-61 { background-position: -161px -161px; }
.category-icon.category-62 { background-position: -321px -121px; }
.category-icon.category-63 { background-position: -1px -201px; }
.category-icon.category-64 { background-position: -41px -201px; }
.category-icon.category-65 { background-position: -81px -201px; }
.category-icon.category-66 { background-position: -121px -201px; }
.category-icon.category-67 { background-position: -161px -201px; }
.category-icon.category-68 { background-position: -201px -201px; }
.category-icon.category-69 { background-position: -241px -201px; }
.category-icon.category-70 { background-position: -281px -201px; }
.category-icon.category-71 { background-position: -321px -201px; }
.category-icon.category-72 { background-position: -361px -201px; }
.category-icon.category-73 { background-position: -241px -41px; }
.category-icon.category-74 { background-position: -41px -121px; }
.category-icon.category-75 { background-position: -241px -161px; }
.category-icon.category-76 { background-position: -281px -161px; }
.category-icon.category-77 { background-position: -321px -161px; }
.category-icon.category-78 { background-position: -201px -161px; }
.category-icon.category-79 { background-position: -361px -161px; }
.category-icon.category-80 { background-position: -81px -161px; }
.category-icon.category-81 { background-position: -121px -161px; }
.category-icon.category-82 { background-position: -161px -161px; }
.category-icon.category-83 { background-position: -1px -241px; }
.category-icon.category-84 { background-position: -41px -241px; }
.category-icon.category-85 { background-position: -81px -241px; }
.category-icon.category-86 { background-position: -121px -241px; }
.category-icon.category-87 { background-position: -161px -241px; }
.category-icon.category-88 { background-position: -201px -241px; }
.category-icon.category-89 { background-position: -41px -1px; }
.category-icon.category-90 { background-position: -321px -41px; }
.category-icon.category-91 { background-position: -241px -241px; }
.category-icon.category-92 { background-position: -281px -241px; }
.category-icon.category-93 { background-position: -321px -241px; }
.category-icon.category-94 { background-position: -361px -241px; }
.category-icon.category-95 { background-position: -1px -281px; }
.category-icon.category-96 { background-position: -41px -281px; }
.category-icon.category-97 { background-position: -81px -281px; }
.category-icon.category-98 { background-position: -121px -281px; }
.category-icon.category-99 { background-position: -201px -281px; }
.category-icon.category-100 { background-position: -161px -41px; }
.category-icon.category-103 { background-position: -161px -281px; }
.category-icon.category-104 { background-position: -321px -281px; }
.category-icon.category-105 { background-position: -241px -281px; }
.category-icon.category-106 { background-position: -281px -281px; }
.category-icon.category-107 { background-position: -201px -281px; }
.category-icon.category-108 { background-position: -361px -281px; }
.category-icon.category-109 { background-position: -1px -321px; }
.category-icon.category-110 { background-position: -41px -321px; }
.category-icon.category-111 { background-position: -161px -41px; }

.category-icon.icon-medium { background-position: -401px -1px; }
.category-icon.icon-medium.category-2 { background-position: -431px -1px; }
.category-icon.icon-medium.category-3 { background-position: -461px -1px; }
.category-icon.icon-medium.category-4 { background-position: -491px -1px; }
.category-icon.icon-medium.category-5 { background-position: -521px -1px; }
.category-icon.icon-medium.category-6 { background-position: -551px -1px; }
.category-icon.icon-medium.category-7 { background-position: -581px -1px; }
.category-icon.icon-medium.category-8 { background-position: -611px -1px; }
.category-icon.icon-medium.category-9 { background-position: -401px -31px; }
.category-icon.icon-medium.category-12 { background-position: -491px -31px; }
.category-icon.icon-medium.category-10 { background-position: -431px -31px; }
.category-icon.icon-medium.category-11 { background-position: -461px -31px; }
.category-icon.icon-medium.category-13 { background-position: -521px -31px; }
.category-icon.icon-medium.category-14 { background-position: -551px -31px; }
.category-icon.icon-medium.category-15 { background-position: -581px -31px; }
.category-icon.icon-medium.category-16 { background-position: -611px -31px; }
.category-icon.icon-medium.category-17 { background-position: -401px -61px; }
.category-icon.icon-medium.category-19 { background-position: -431px -61px; }
.category-icon.icon-medium.category-20 { background-position: -461px -61px; }
.category-icon.icon-medium.category-21 { background-position: -521px -61px; }
.category-icon.icon-medium.category-22 { background-position: -551px -61px; }
.category-icon.icon-medium.category-23 { background-position: -581px -61px; }
.category-icon.icon-medium.category-24 { background-position: -611px -61px; }
.category-icon.icon-medium.category-25 { background-position: -521px -31px; }
.category-icon.icon-medium.category-26 { background-position: -551px -31px; }
.category-icon.icon-medium.category-27 { background-position: -581px -31px; }
.category-icon.icon-medium.category-28 { background-position: -611px -31px; }
.category-icon.icon-medium.category-29 { background-position: -461px -1px; }
.category-icon.icon-medium.category-30 { background-position: -431px -61px; }
.category-icon.icon-medium.category-31 { background-position: -401px -91px; }
.category-icon.icon-medium.category-33 { background-position: -431px -91px; }
.category-icon.icon-medium.category-34 { background-position: -581px -31px; }
.category-icon.icon-medium.category-35 { background-position: -461px -91px; }
.category-icon.icon-medium.category-36 { background-position: -491px -91px; }
.category-icon.icon-medium.category-37 { background-position: -521px -91px; }
.category-icon.icon-medium.category-39 { background-position: -491px -61px; }
.category-icon.icon-medium.category-40 { background-position: -551px -91px; }
.category-icon.icon-medium.category-41 { background-position: -581px -91px; }
.category-icon.icon-medium.category-43 { background-position: -401px -121px; }
.category-icon.icon-medium.category-44 { background-position: -431px -121px; }
.category-icon.icon-medium.category-45 { background-position: -581px -31px; }
.category-icon.icon-medium.category-46 { background-position: -431px -61px; }
.category-icon.icon-medium.category-47 { background-position: -461px -121px; }
.category-icon.icon-medium.category-48 { background-position: -491px -121px; }
.category-icon.icon-medium.category-49 { background-position: -401px -61px; }
.category-icon.icon-medium.category-50 { background-position: -401px -91px; }
.category-icon.icon-medium.category-51 { background-position: -521px -121px; }
.category-icon.icon-medium.category-52 { background-position: -551px -121px; }
.category-icon.icon-medium.category-53 { background-position: -581px -121px; }
.category-icon.icon-medium.category-54 { background-position: -611px -121px; }
.category-icon.icon-medium.category-56 { background-position: -401px -151px; }
.category-icon.icon-medium.category-57 { background-position: -401px -151px; }
.category-icon.icon-medium.category-58 { background-position: -431px -151px; }
.category-icon.icon-medium.category-59 { background-position: -461px -151px; }
.category-icon.icon-medium.category-60 { background-position: -491px -151px; }
.category-icon.icon-medium.category-61 { background-position: -521px -151px; }
.category-icon.icon-medium.category-62 { background-position: -581px -121px; }
.category-icon.icon-medium.category-63 { background-position: -461px -181px; }
.category-icon.icon-medium.category-64 { background-position: -491px -181px; }
.category-icon.icon-medium.category-65 { background-position: -521px -181px; }
.category-icon.icon-medium.category-66 { background-position: -551px -181px; }
.category-icon.icon-medium.category-67 { background-position: -581px -181px; }
.category-icon.icon-medium.category-68 { background-position: -611px -181px; }
.category-icon.icon-medium.category-69 { background-position: -401px -211px; }
.category-icon.icon-medium.category-70 { background-position: -431px -211px; }
.category-icon.icon-medium.category-71 { background-position: -461px -211px; }
.category-icon.icon-medium.category-72 { background-position: -491px -211px; }
.category-icon.icon-medium.category-73 { background-position: -401px -61px; }
.category-icon.icon-medium.category-74 { background-position: -611px -91px; }
.category-icon.icon-medium.category-75 { background-position: -581px -151px; }
.category-icon.icon-medium.category-76 { background-position: -611px -151px; }
.category-icon.icon-medium.category-77 { background-position: -401px -181px; }
.category-icon.icon-medium.category-78 { background-position: -551px -151px; }
.category-icon.icon-medium.category-79 { background-position: -431px -181px; }
.category-icon.icon-medium.category-80 { background-position: -461px -151px; }
.category-icon.icon-medium.category-81 { background-position: -491px -151px; }
.category-icon.icon-medium.category-82 { background-position: -521px -151px; }
.category-icon.icon-medium.category-83 { background-position: -521px -211px; }
.category-icon.icon-medium.category-84 { background-position: -551px -211px; }
.category-icon.icon-medium.category-85 { background-position: -581px -211px; }
.category-icon.icon-medium.category-86 { background-position: -611px -211px; }
.category-icon.icon-medium.category-87 { background-position: -401px -241px; }
.category-icon.icon-medium.category-88 { background-position: -431px -241px; }
.category-icon.icon-medium.category-89 { background-position: -431px -1px; }
.category-icon.icon-medium.category-90 { background-position: -461px -61px; }
.category-icon.icon-medium.category-91 { background-position: -461px -241px; }
.category-icon.icon-medium.category-92 { background-position: -491px -241px; }
.category-icon.icon-medium.category-93 { background-position: -521px -241px; }
.category-icon.icon-medium.category-94 { background-position: -551px -241px; }
.category-icon.icon-medium.category-95 { background-position: -581px -241px; }
.category-icon.icon-medium.category-96 { background-position: -611px -241px; }
.category-icon.icon-medium.category-97 { background-position: -401px -271px; }
.category-icon.icon-medium.category-98 { background-position: -431px -271px; }
.category-icon.icon-medium.category-99 { background-position: -491px -271px; }
.category-icon.icon-medium.category-100 { background-position: -581px -31px; }
.category-icon.icon-medium.category-103 { background-position: -461px -271px; }
.category-icon.icon-medium.category-104 { background-position: -581px -271px; }
.category-icon.icon-medium.category-105 { background-position: -521px -271px; }
.category-icon.icon-medium.category-106 { background-position: -551px -271px; }
.category-icon.icon-medium.category-107 { background-position: -491px -271px; }
.category-icon.icon-medium.category-108 { background-position: -611px -271px; }
.category-icon.icon-medium.category-109 { background-position: -401px -301px; }
.category-icon.icon-medium.category-110 { background-position: -431px -301px; }
.category-icon.icon-medium.category-111 { background-position: -581px -31px; }

.category-icon.icon-small { background-position: -641px -1px; }
.category-icon.icon-small.category-2 { background-position: -661px -1px; }
.category-icon.icon-small.category-3 { background-position: -681px -1px; }
.category-icon.icon-small.category-4 { background-position: -701px -1px; }
.category-icon.icon-small.category-5 { background-position: -721px -1px; }
.category-icon.icon-small.category-6 { background-position: -641px -21px; }
.category-icon.icon-small.category-7 { background-position: -661px -21px; }
.category-icon.icon-small.category-8 { background-position: -681px -21px; }
.category-icon.icon-small.category-9 { background-position: -701px -21px; }
.category-icon.icon-small.category-12 { background-position: -661px -41px; }
.category-icon.icon-small.category-10 { background-position: -721px -21px; }
.category-icon.icon-small.category-11 { background-position: -641px -41px; }
.category-icon.icon-small.category-13 { background-position: -681px -41px; }
.category-icon.icon-small.category-14 { background-position: -701px -41px; }
.category-icon.icon-small.category-15 { background-position: -721px -41px; }
.category-icon.icon-small.category-16 { background-position: -641px -61px; }
.category-icon.icon-small.category-17 { background-position: -661px -61px; }
.category-icon.icon-small.category-19 { background-position: -681px -61px; }
.category-icon.icon-small.category-20 { background-position: -701px -61px; }
.category-icon.icon-small.category-21 { background-position: -641px -81px; }
.category-icon.icon-small.category-22 { background-position: -661px -81px; }
.category-icon.icon-small.category-23 { background-position: -681px -81px; }
.category-icon.icon-small.category-24 { background-position: -701px -81px; }
.category-icon.icon-small.category-25 { background-position: -681px -41px; }
.category-icon.icon-small.category-26 { background-position: -701px -41px; }
.category-icon.icon-small.category-27 { background-position: -721px -41px; }
.category-icon.icon-small.category-28 { background-position: -641px -61px; }
.category-icon.icon-small.category-29 { background-position: -681px -1px; }
.category-icon.icon-small.category-30 { background-position: -681px -61px; }
.category-icon.icon-small.category-31 { background-position: -721px -81px; }
.category-icon.icon-small.category-33 { background-position: -641px -101px; }
.category-icon.icon-small.category-34 { background-position: -721px -41px; }
.category-icon.icon-small.category-35 { background-position: -661px -101px; }
.category-icon.icon-small.category-36 { background-position: -681px -101px; }
.category-icon.icon-small.category-37 { background-position: -701px -101px; }
.category-icon.icon-small.category-39 { background-position: -721px -61px; }
.category-icon.icon-small.category-40 { background-position: -721px -101px; }
.category-icon.icon-small.category-41 { background-position: -641px -121px; }
.category-icon.icon-small.category-43 { background-position: -681px -121px; }
.category-icon.icon-small.category-44 { background-position: -701px -121px; }
.category-icon.icon-small.category-45 { background-position: -721px -41px; }
.category-icon.icon-small.category-46 { background-position: -681px -61px; }
.category-icon.icon-small.category-47 { background-position: -721px -121px; }
.category-icon.icon-small.category-48 { background-position: -641px -141px; }
.category-icon.icon-small.category-49 { background-position: -661px -61px; }
.category-icon.icon-small.category-50 { background-position: -721px -81px; }
.category-icon.icon-small.category-51 { background-position: -661px -141px; }
.category-icon.icon-small.category-52 { background-position: -681px -141px; }
.category-icon.icon-small.category-53 { background-position: -701px -141px; }
.category-icon.icon-small.category-54 { background-position: -721px -141px; }
.category-icon.icon-small.category-56 { background-position: -641px -161px; }
.category-icon.icon-small.category-57 { background-position: -641px -161px; }
.category-icon.icon-small.category-58 { background-position: -661px -161px; }
.category-icon.icon-small.category-59 { background-position: -681px -161px; }
.category-icon.icon-small.category-60 { background-position: -701px -161px; }
.category-icon.icon-small.category-61 { background-position: -721px -161px; }
.category-icon.icon-small.category-62 { background-position: -701px -141px; }
.category-icon.icon-small.category-63 { background-position: -641px -201px; }
.category-icon.icon-small.category-64 { background-position: -661px -201px; }
.category-icon.icon-small.category-65 { background-position: -681px -201px; }
.category-icon.icon-small.category-66 { background-position: -701px -201px; }
.category-icon.icon-small.category-67 { background-position: -721px -201px; }
.category-icon.icon-small.category-68 { background-position: -641px -221px; }
.category-icon.icon-small.category-69 { background-position: -661px -221px; }
.category-icon.icon-small.category-70 { background-position: -681px -221px; }
.category-icon.icon-small.category-71 { background-position: -701px -221px; }
.category-icon.icon-small.category-72 { background-position: -721px -221px; }
.category-icon.icon-small.category-73 { background-position: -661px -61px; }
.category-icon.icon-small.category-74 { background-position: -661px -121px; }
.category-icon.icon-small.category-75 { background-position: -661px -181px; }
.category-icon.icon-small.category-76 { background-position: -681px -181px; }
.category-icon.icon-small.category-77 { background-position: -701px -181px; }
.category-icon.icon-small.category-78 { background-position: -641px -181px; }
.category-icon.icon-small.category-79 { background-position: -721px -181px; }
.category-icon.icon-small.category-80 { background-position: -681px -161px; }
.category-icon.icon-small.category-81 { background-position: -701px -161px; }
.category-icon.icon-small.category-82 { background-position: -721px -161px; }
.category-icon.icon-small.category-83 { background-position: -641px -241px; }
.category-icon.icon-small.category-84 { background-position: -661px -241px; }
.category-icon.icon-small.category-85 { background-position: -681px -241px; }
.category-icon.icon-small.category-86 { background-position: -701px -241px; }
.category-icon.icon-small.category-87 { background-position: -721px -241px; }
.category-icon.icon-small.category-88 { background-position: -641px -261px; }
.category-icon.icon-small.category-89 { background-position: -661px -1px; }
.category-icon.icon-small.category-90 { background-position: -701px -61px; }
.category-icon.icon-small.category-91 { background-position: -661px -261px; }
.category-icon.icon-small.category-92 { background-position: -681px -261px; }
.category-icon.icon-small.category-93 { background-position: -701px -261px; }
.category-icon.icon-small.category-94 { background-position: -721px -261px; }
.category-icon.icon-small.category-95 { background-position: -641px -281px; }
.category-icon.icon-small.category-96 { background-position: -661px -281px; }
.category-icon.icon-small.category-97 { background-position: -681px -281px; }
.category-icon.icon-small.category-98 { background-position: -701px -281px; }
.category-icon.icon-small.category-99 { background-position: -641px -301px; }
.category-icon.icon-small.category-100 { background-position: -721px -41px; }
.category-icon.icon-small.category-103 { background-position: -721px -281px; }
.category-icon.icon-small.category-104 { background-position: -701px -301px; }
.category-icon.icon-small.category-105 { background-position: -661px -301px; }
.category-icon.icon-small.category-106 { background-position: -681px -301px; }
.category-icon.icon-small.category-107 { background-position: -641px -301px; }
.category-icon.icon-small.category-108 { background-position: -721px -301px; }
.category-icon.icon-small.category-109 { background-position: -641px -321px; }
.category-icon.icon-small.category-110 { background-position: -661px -321px; }
.category-icon.icon-small.category-111 { background-position: -721px -41px; }

@media only screen and (max-width:624px) {
  .category-icon.icon-resize {
    height: 28px;
    width: 28px;
  }
  .category-icon.icon-resize { background-position: -401px -1px; }
  .category-icon.icon-resize.category-2 { background-position: -431px -1px; }
  .category-icon.icon-resize.category-3 { background-position: -461px -1px; }
  .category-icon.icon-resize.category-4 { background-position: -491px -1px; }
  .category-icon.icon-resize.category-5 { background-position: -521px -1px; }
  .category-icon.icon-resize.category-6 { background-position: -551px -1px; }
  .category-icon.icon-resize.category-7 { background-position: -581px -1px; }
  .category-icon.icon-resize.category-8 { background-position: -611px -1px; }
  .category-icon.icon-resize.category-9 { background-position: -401px -31px; }
  .category-icon.icon-resize.category-12 { background-position: -491px -31px; }
  .category-icon.icon-resize.category-10 { background-position: -431px -31px; }
  .category-icon.icon-resize.category-11 { background-position: -461px -31px; }
  .category-icon.icon-resize.category-13 { background-position: -521px -31px; }
  .category-icon.icon-resize.category-14 { background-position: -551px -31px; }
  .category-icon.icon-resize.category-15 { background-position: -581px -31px; }
  .category-icon.icon-resize.category-16 { background-position: -611px -31px; }
  .category-icon.icon-resize.category-17 { background-position: -401px -61px; }
  .category-icon.icon-resize.category-19 { background-position: -431px -61px; }
  .category-icon.icon-resize.category-20 { background-position: -461px -61px; }
  .category-icon.icon-resize.category-21 { background-position: -521px -61px; }
  .category-icon.icon-resize.category-22 { background-position: -551px -61px; }
  .category-icon.icon-resize.category-23 { background-position: -581px -61px; }
  .category-icon.icon-resize.category-24 { background-position: -611px -61px; }
  .category-icon.icon-resize.category-25 { background-position: -521px -31px; }
  .category-icon.icon-resize.category-26 { background-position: -551px -31px; }
  .category-icon.icon-resize.category-27 { background-position: -581px -31px; }
  .category-icon.icon-resize.category-28 { background-position: -611px -31px; }
  .category-icon.icon-resize.category-29 { background-position: -461px -1px; }
  .category-icon.icon-resize.category-30 { background-position: -431px -61px; }
  .category-icon.icon-resize.category-31 { background-position: -401px -91px; }
  .category-icon.icon-resize.category-33 { background-position: -431px -91px; }
  .category-icon.icon-resize.category-34 { background-position: -581px -31px; }
  .category-icon.icon-resize.category-35 { background-position: -461px -91px; }
  .category-icon.icon-resize.category-36 { background-position: -491px -91px; }
  .category-icon.icon-resize.category-37 { background-position: -521px -91px; }
  .category-icon.icon-resize.category-39 { background-position: -491px -61px; }
  .category-icon.icon-resize.category-40 { background-position: -551px -91px; }
  .category-icon.icon-resize.category-41 { background-position: -581px -91px; }
  .category-icon.icon-resize.category-43 { background-position: -401px -121px; }
  .category-icon.icon-resize.category-44 { background-position: -431px -121px; }
  .category-icon.icon-resize.category-45 { background-position: -581px -31px; }
  .category-icon.icon-resize.category-46 { background-position: -431px -61px; }
  .category-icon.icon-resize.category-47 { background-position: -461px -121px; }
  .category-icon.icon-resize.category-48 { background-position: -491px -121px; }
  .category-icon.icon-resize.category-49 { background-position: -401px -61px; }
  .category-icon.icon-resize.category-50 { background-position: -401px -91px; }
  .category-icon.icon-resize.category-51 { background-position: -521px -121px; }
  .category-icon.icon-resize.category-52 { background-position: -551px -121px; }
  .category-icon.icon-resize.category-53 { background-position: -581px -121px; }
  .category-icon.icon-resize.category-54 { background-position: -611px -121px; }
  .category-icon.icon-resize.category-56 { background-position: -401px -151px; }
  .category-icon.icon-resize.category-57 { background-position: -401px -151px; }
  .category-icon.icon-resize.category-58 { background-position: -431px -151px; }
  .category-icon.icon-resize.category-59 { background-position: -461px -151px; }
  .category-icon.icon-resize.category-60 { background-position: -491px -151px; }
  .category-icon.icon-resize.category-61 { background-position: -521px -151px; }
  .category-icon.icon-resize.category-62 { background-position: -581px -121px; }
  .category-icon.icon-resize.category-63 { background-position: -461px -181px; }
  .category-icon.icon-resize.category-64 { background-position: -491px -181px; }
  .category-icon.icon-resize.category-65 { background-position: -521px -181px; }
  .category-icon.icon-resize.category-66 { background-position: -551px -181px; }
  .category-icon.icon-resize.category-67 { background-position: -581px -181px; }
  .category-icon.icon-resize.category-68 { background-position: -611px -181px; }
  .category-icon.icon-resize.category-69 { background-position: -401px -211px; }
  .category-icon.icon-resize.category-70 { background-position: -431px -211px; }
  .category-icon.icon-resize.category-71 { background-position: -461px -211px; }
  .category-icon.icon-resize.category-72 { background-position: -491px -211px; }
  .category-icon.icon-resize.category-73 { background-position: -401px -61px; }
  .category-icon.icon-resize.category-74 { background-position: -611px -91px; }
  .category-icon.icon-resize.category-75 { background-position: -581px -151px; }
  .category-icon.icon-resize.category-76 { background-position: -611px -151px; }
  .category-icon.icon-resize.category-77 { background-position: -401px -181px; }
  .category-icon.icon-resize.category-78 { background-position: -551px -151px; }
  .category-icon.icon-resize.category-79 { background-position: -431px -181px; }
  .category-icon.icon-resize.category-80 { background-position: -461px -151px; }
  .category-icon.icon-resize.category-81 { background-position: -491px -151px; }
  .category-icon.icon-resize.category-82 { background-position: -521px -151px; }
  .category-icon.icon-resize.category-83 { background-position: -521px -211px; }
  .category-icon.icon-resize.category-84 { background-position: -551px -211px; }
  .category-icon.icon-resize.category-85 { background-position: -581px -211px; }
  .category-icon.icon-resize.category-86 { background-position: -611px -211px; }
  .category-icon.icon-resize.category-87 { background-position: -401px -241px; }
  .category-icon.icon-resize.category-88 { background-position: -431px -241px; }
  .category-icon.icon-resize.category-89 { background-position: -431px -1px; }
  .category-icon.icon-resize.category-90 { background-position: -461px -61px; }
  .category-icon.icon-resize.category-91 { background-position: -461px -241px; }
  .category-icon.icon-resize.category-92 { background-position: -491px -241px; }
  .category-icon.icon-resize.category-93 { background-position: -521px -241px; }
  .category-icon.icon-resize.category-94 { background-position: -551px -241px; }
  .category-icon.icon-resize.category-95 { background-position: -581px -241px; }
  .category-icon.icon-resize.category-96 { background-position: -611px -241px; }
  .category-icon.icon-resize.category-97 { background-position: -401px -271px; }
  .category-icon.icon-resize.category-98 { background-position: -431px -271px; }
  .category-icon.icon-resize.category-99 { background-position: -491px -271px; }
  .category-icon.icon-resize.category-100 { background-position: -581px -31px; }
  .category-icon.icon-resize.category-103 { background-position: -461px -271px; }
  .category-icon.icon-resize.category-104 { background-position: -581px -271px; }
  .category-icon.icon-resize.category-105 { background-position: -521px -271px; }
  .category-icon.icon-resize.category-106 { background-position: -551px -271px; }
  .category-icon.icon-resize.category-107 { background-position: -491px -271px; }
  .category-icon.icon-resize.category-108 { background-position: -611px -271px; }
  .category-icon.icon-resize.category-109 { background-position: -401px -301px; }
  .category-icon.icon-resize.category-110 { background-position: -431px -301px; }
  .category-icon.icon-resize.category-111 { background-position: -581px -31px; }
}

/* Pie chart icons */
.pie-chart.pie-style-small {
  background-image: url(../images/pie-charts-sm@2x.png?v20140308.1);
  background-position: -1px -1px;
  background-size: 838px 38px;
  height: 36px;
  width: 36px;
}
.pie-chart.pie-style-small.percent-1 { background-position: -799px -1px; }
.pie-chart.pie-style-small.percent-5 { background-position: -39px -1px; }
.pie-chart.pie-style-small.percent-10 { background-position: -77px -1px; }
.pie-chart.pie-style-small.percent-15 { background-position: -115px -1px; }
.pie-chart.pie-style-small.percent-20 { background-position: -153px -1px; }
.pie-chart.pie-style-small.percent-25 { background-position: -191px -1px; }
.pie-chart.pie-style-small.percent-30 { background-position: -229px -1px; }
.pie-chart.pie-style-small.percent-35 { background-position: -267px -1px; }
.pie-chart.pie-style-small.percent-40 { background-position: -305px -1px; }
.pie-chart.pie-style-small.percent-45 { background-position: -343px -1px; }
.pie-chart.pie-style-small.percent-50 { background-position: -381px -1px; }
.pie-chart.pie-style-small.percent-55 { background-position: -419px -1px; }
.pie-chart.pie-style-small.percent-60 { background-position: -457px -1px; }
.pie-chart.pie-style-small.percent-65 { background-position: -495px -1px; }
.pie-chart.pie-style-small.percent-70 { background-position: -533px -1px; }
.pie-chart.pie-style-small.percent-75 { background-position: -571px -1px; }
.pie-chart.pie-style-small.percent-80 { background-position: -609px -1px; }
.pie-chart.pie-style-small.percent-85 { background-position: -647px -1px; }
.pie-chart.pie-style-small.percent-90 { background-position: -685px -1px; }
.pie-chart.pie-style-small.percent-95 { background-position: -723px -1px; }
.pie-chart.pie-style-small.percent-100 { background-position: -761px -1px; }

/* General nodes */
.node-unpublished,
.node-preview,
.preview .node {
  background-color: transparent;
}

/* Workout teaser */
.node-activity.node-teaser {
  border-bottom: 1px solid rgba(0,20,50,.1);
}
.node-activity.node-teaser a {
  color: #444;
}
.node-activity.node-teaser a:hover {
  background-color: #F4F5F6;
  box-shadow: inset 5px 0 0 0 #0094FF;
}
.node-activity.node-teaser .field-label {
  color: #888;
}


/* Comments */
.comment {
  border-bottom: 1px solid rgba(0,20,50,.1);
}
.comment.comment-unpublished {
  background-color: rgba(0, 148, 255, 0.4);
  padding: 10px;
}

/* Google maps */
.gmap, .gmap-static {
  background-color: #F0EDE5;
  border: 1px solid #CCC;
}
.content-page #content .gm-style img {
  border: none;
  box-shadow: none;
}
.gm-style label {
  color: #000;
}
.gmap .flag-body,
.flag-body {
  background-color: #377AEB;
  border-radius: 1px 1px 0 1px;
  color: #FFF;
}
.flag-body.with-stem:after {
  border-top: 7px solid #377AEB; 
  border-left: 7px solid transparent;
}

.gmap-static {
  background-size: cover;
  background-position: center;
}

/* Global dialogs */
/* Workouts */
.ui-dialog .category-select-list .item-panel .select-more {
  border-left: 1px solid transparent;
}
.ui-dialog .category-select-list .item-panel.selectable:hover .select-more {
  border-left-color: #DDE;
}
.ui-dialog .category-select-list .item-panel .select-more:hover {
  border-left-color: #AAC;
}
.ui-dialog .category-select-list .category-icon {
  border-radius: 3px;
}
.ui-dialog .category-select-list .sport-name {
  font-size: 110%;
  font-weight: bold;
}
.category-button:hover .category-icon {
  opacity: 1;
}

/* Planned workout dialog */
.planned-workout-dialog .link-status .icon {
  background-image: url(../images/img24@2x.png?v20140226.1);
  background-size: 200px 100px;
  background-position: -75px -25px;
  height: 25px;
  margin-right: 6px;
  opacity: .7;
  width: 25px;
}
.planned-workout-dialog .link-status.status-linked .icon {
  background-position: -100px -50px;
}
.planned-workout-dialog .flag {
  background-position: -504px 0;
  background-size: 900px 18px;
  height: 18px;
  width: 18px;
}
.planned-workout-dialog .flag.selected {
  background-image: url(../images/dark-img16@2x.png?v20200723.1);
}
.planned-workout-dialog .flag.flag0.selected {
  background-image: url(../images/img16@2x.png?v20200723.1);
  opacity: .5;
}
.planned-workout-dialog .flag.flag0 {
  box-shadow: inset 0 0 0 1px #444;
}
.planned-workout-dialog .flag:hover {
  box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4);
}
.planned-workout-dialog .flag1 { background-color: #5484ED; }
.planned-activity.flag1 { border-left: 5px solid #5484ED; }
.planned-workout-dialog .flag2 { background-color: #46D6DB; }
.planned-activity.flag2 { border-left: 5px solid #46D6DB; }
.planned-workout-dialog .flag3 { background-color: #51B749; }
.planned-activity.flag3 { border-left: 5px solid #51B749; }
.planned-workout-dialog .flag4 { background-color: #FBD75B; }
.planned-activity.flag4 { border-left: 5px solid #FBD75B; }
.planned-workout-dialog .flag5 { background-color: #FF8330; }
.planned-activity.flag5 { border-left: 5px solid #FF8330; }
.planned-workout-dialog .flag6 { background-color: #DC2127; }
.planned-activity.flag6 { border-left: 5px solid #DC2127; }

.planned-workout-dialog .progress-bar {
  background-color: #0094FF;
}