/* line 25, ../client/app/global/views/styles/_colors.scss */
.progress-green {
  color: #3aba75;
}

/* @group Tracks */
/* @group Track Banner */
/* line 8, tracks.scss */
.course-track-banner {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  line-height: 40px;
  padding: 10px 0px;
  background-image: url(../img/catalog/maps/images/map-bg.jpg);
}

/* line 17, tracks.scss */
.course-track-banner h1 {
  font-size: 1em;
  margin: 0px;
  line-height: 40px;
  float: left;
  padding-left: 20px;
  margin-right: 10px;
  color: #84827f;
  font-weight: bold;
}

/* line 28, tracks.scss */
.course-track-banner img.track {
  width: 70px;
  height: 70px;
  float: left;
  vertical-align: middle;
}

/* line 35, tracks.scss */
.course-track-banner img.track.default {
  padding: 0px;
  border-radius: 500px;
}

/* line 40, tracks.scss */
div.track-banner-course-image {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-top: 3px;
  float: left;
  background-position: center center;
  background-size: 100%;
  opacity: .3;
  border: 2px solid #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* line 53, tracks.scss */
div.track-banner-course-image.active {
  opacity: 1;
}

/* @end */
/* line 59, tracks.scss */
#catalog-pages #tracks > h1 {
  margin-top: 40px;
  display: block;
  text-align: center;
  color: #333;
}

/* line 66, tracks.scss */
#catalog-pages #tracks > p {
  color: #666;
  text-align: center;
  margin-bottom: 50px;
}

/* line 72, tracks.scss */
div.track {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #c3c3c3;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* line 81, tracks.scss */
div.track-map-collapsed-courses {
  min-height: 40px;
  text-align: center;
}

/* Boostrap Popover Overrides */
/* line 88, tracks.scss */
.popover {
  width: 200px;
  border-color: #b6b6b6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 95, tracks.scss */
div.popover h3.popover-title {
  display: none;
}

/* line 100, tracks.scss */
.popover-content p {
  text-align: left;
}

/* line 104, tracks.scss */
.popover.bottom .arrow:after {
  border-bottom-color: #0d71fb;
}

/* line 108, tracks.scss */
.popover.right .arrow:after {
  border-right-color: #0d71fb;
}

/* line 113, tracks.scss */
div.popover-content {
  color: #333;
}

/* line 117, tracks.scss */
div.course-small {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #fff;
  background-size: 100%;
}

/* line 128, tracks.scss */
a.show-map-toggle {
  position: absolute;
  display: block;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}

/* line 137, tracks.scss */
a.show-map-toggle.open {
  background-position: right -425px;
}

/* line 141, tracks.scss */
div#tracks {
  padding: 30px;
  position: relative;
  background-color: #e9e8e8;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 153, tracks.scss */
div.track-map-expander {
  padding-left: 140px;
  height: 30px;
  line-height: 30px;
}

/* line 159, tracks.scss */
a.show-tracks {
  padding-left: 20px;
  text-decoration: none;
  background: url(../img/global/arrow-sprite.png) no-repeat 2px -12px;
}

/* line 165, tracks.scss */
a.show-tracks.open {
  background: url(../img/global/arrow-sprite.png) no-repeat 2px -53px;
}

/* line 169, tracks.scss */
div.track-header-left {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 180px;
  background: url(../img/catalog/maps/images/map-head-left.png) no-repeat;
}

/* line 179, tracks.scss */
div.track-header-right {
  display: none;
  right: 0px;
  top: 0px;
  position: absolute;
  width: 20px;
  height: 180px;
  float: left;
  background: url(../img/catalog/maps/images/map-header-right.png) no-repeat 0 0;
}

/* line 190, tracks.scss */
div.track-header {
  position: relative;
  margin: 0px;
  min-height: 120px;
  background-color: #fff;
  padding: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c3c3c3;
  overflow: auto;
  cursor: pointer;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* line 209, tracks.scss */
div.track-map-left {
  left: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  width: 20px;
  background: url(../img/catalog/maps/images/map-bg-left.png) repeat-y;
}

/* line 218, tracks.scss */
div.track-map-right {
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  width: 20px;
  min-height: 100px;
  background: url(../img/catalog/maps/images/map-bg-right.png) repeat-y;
}

/* line 229, tracks.scss */
div.track-map-inner {
  margin: 0px;
  background-image: url(../img/catalog/maps/images/map-bg.jpg);
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 240, tracks.scss */
div.track-header img {
  float: left;
  width: 114px;
}

/* line 245, tracks.scss */
div.track-header img.default {
  width: 100px;
  height: 100px;
  border-radius: 114px;
  -moz-border-radius: 114px;
  -webkit-border-radius: 114px;
}

/* line 254, tracks.scss */
div.track-header .track-info {
  margin-left: 40px;
  margin-top: 10px;
  float: left;
  max-width: 75%;
}
/* line 260, tracks.scss */
div.track-header .track-info h1 {
  font-size: 2em;
}

/* line 265, tracks.scss */
div.track-footer {
  height: 20px;
  position: relative;
}

/* line 270, tracks.scss */
div.track-footer-left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
  width: 20px;
  background: url(../img/catalog/maps/images/map-footer-left.png) no-repeat;
}

/* line 279, tracks.scss */
div.track-footer-right {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 20px;
  width: 20px;
  background: url(../img/catalog/maps/images/map-footer-right.png) no-repeat;
}

/* line 288, tracks.scss */
div.track-footer-center {
  margin: 0px 20px;
  height: 20px;
  background: url(../img/catalog/maps/images/map-footer-center.png) repeat-x;
}

/* line 294, tracks.scss */
div.track-course {
  position: absolute;
  min-height: 140px;
  width: 120px;
  text-align: center;
  z-index: 999;
}

/* line 308, tracks.scss */
div.track-map-full-courses.closed div.track-course {
  width: auto;
  min-height: 0px;
}

/* line 313, tracks.scss */
div.track-map-full-courses.closed div.track-courses {
  position: relative;
  height: 50px;
  float: left;
}

/* line 319, tracks.scss */
div.track-map-full-courses.closed .endpoint {
  visibility: hidden;
}

/* line 323, tracks.scss */
div.track-courses-label {
  float: left;
  line-height: 45px;
  padding: 0px 20px;
  color: #84827f;
  font-weight: normal;
}

/* line 332, tracks.scss */
div.track-map-full-courses.closed div.track-course .pin {
  position: relative;
  width: 48px;
  height: 48px;
}

/* line 338, tracks.scss */
div.track-map-full-courses.closed div.track-course-image {
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
}

/* line 345, tracks.scss */
div.track-map-full-courses.closed div.track-badge-image {
  width: 45px;
  height: 45px;
  left: 0px;
  top: 2px;
}

/* line 352, tracks.scss */
div.track-map-full-courses.closed div.track-badge-image.default {
  border-radius: 45px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
}

/* line 359, tracks.scss */
div.track-map-full-courses.closed div.track-path {
  display: none;
}

/* line 363, tracks.scss */
div.track-map-full-courses.closed {
  padding: 0px;
  text-align: center;
  min-height: 20px;
  overflow: hidden;
  padding-top: 5px;
}

/* line 372, tracks.scss */
div.track-map-full-courses.closed div.course-pin,
div.track-map-full-courses.closed div.info {
  display: none;
}

/* line 376, tracks.scss */
div.track-map-full-courses {
  position: relative;
  padding: 0px 40px;
  padding-top: 140px;
  border: 1px solid #fff;
  border-top: 0px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 390, tracks.scss */
div.pull-down a {
  color: #666;
  text-decoration: none;
}

/* line 395, tracks.scss */
div.path-row {
  margin-bottom: -5px;
  position: relative;
  height: 162px;
  z-index: 1;
}

/* line 402, tracks.scss */
div.path-row div.row-mask div.path-row.progress {
  position: absolute;
  top: 0px;
  z-index: 999;
  background: transparent;
  box-shadow: none;
}

/* line 410, tracks.scss */
div.row-mask {
  position: absolute;
  overflow: hidden;
  width: 0px;
  height: 0px;
  margin-top: -162px;
}

/* line 419, tracks.scss */
div.row-mask div.path-row.progress {
  position: absolute;
}

/* line 423, tracks.scss */
div.row-mask.right {
  left: 0px;
}

/* line 427, tracks.scss */
div.row-mask.left {
  right: 0px;
}

/* line 431, tracks.scss */
div.path-row.end {
  overflow: hidden;
}

/* line 435, tracks.scss */
div.path-row.curve-left.end div.path-line {
  width: 100px;
  float: right;
}

/* line 440, tracks.scss */
div.path-row.curve-left.end div.path-curve {
  display: none;
}

/* line 444, tracks.scss */
div.path-line {
  height: 162px;
  margin: 0px 81px;
  background: url(../img/catalog/maps/path-line.png?v1) repeat-x 0 0;
}

/* line 450, tracks.scss */
div.path-row.progress div.path-line {
  background: url(../img/catalog/maps/path-line-progress.png) repeat-x 0 0;
}

/* line 454, tracks.scss */
div.path-row.progress.curve-right .path-curve {
  right: 0;
  background: url(../img/catalog/maps/path-curve-sprite-progress.png) -81px 0;
}

/* line 459, tracks.scss */
div.path-row.progress.curve-left .path-curve {
  left: 0px;
  background: url(../img/catalog/maps/path-curve-sprite-progress.png) 0px 0;
}

/* line 465, tracks.scss */
div.track-path {
  width: 100%;
  min-height: 162px;
}

/* line 470, tracks.scss */
div.track-path-progress {
  position: absolute;
  padding-top: 140px;
  top: 0px;
  left: 40px;
  border: 1px solid blue;
}

/* line 478, tracks.scss */
div.track-path-user-progress {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 36px;
  height: 36px;
  z-index: 999;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  border: 2px solid #fff;
}

/* line 491, tracks.scss */
div.track-path-user-progress img {
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

/* line 497, tracks.scss */
div.path-row.curve-right .path-curve {
  right: 0;
  background: url(../img/catalog/maps/path-curve-sprite.png?v1) -81px 0;
}

/* line 502, tracks.scss */
div.path-row.curve-left .path-curve {
  left: 0px;
  background: url(../img/catalog/maps/path-curve-sprite.png?v1) 0px 0;
}

/* line 509, tracks.scss */
div.path-row.end.curve-right .path-curve,
div.track-path-progress div.path-row.end.curve-left .path-curve {
  background: none;
}

/* line 514, tracks.scss */
.path-curve {
  top: 0px;
  z-index: 999;
  position: absolute;
  width: 81px;
  height: 162px;
}

/* line 523, tracks.scss */
div.track-course .pin {
  position: relative;
  height: 111px;
  width: 100%;
}

/* line 529, tracks.scss */
div.course-pin {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../img/catalog/maps/course-pin.png?v1) no-repeat 0 0;
}

/* line 538, tracks.scss */
div.track-map-full-courses.open div.course-pin {
  cursor: pointer;
}

/* line 542, tracks.scss */
div.track-map-full-courses.open {
  overflow: visible !important;
}

/* line 549, tracks.scss */
div.track-course-image {
  position: absolute;
  left: 22px;
  top: 3px;
  height: 75px;
  width: 75px;
  z-index: 100000000000000;
  background-position: center center;
  background-size: 100%;
  background-repeat: repeat;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -ms-border-radius: 75px;
  -o-border-radius: 75px;
  border-radius: 75px;
}

/* line 564, tracks.scss */
div.track-badge-image {
  position: absolute;
  left: 20px;
  top: 1px;
  height: 75px;
  width: 75px;
  background-position: center center;
  background-size: 100%;
}

/* line 575, tracks.scss */
div.track-badge-image.default {
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

/* line 582, tracks.scss */
div.track-course .info span {
  font-size: .8em;
  text-align: center;
}

/* line 587, tracks.scss */
div.track-course span.icon.complete {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px auto;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../images/checked.png) no-repeat center center;
}

/* line 597, tracks.scss */
div.track-course a.button {
  padding: 2px 10px;
  margin: 0px;
  margin-top: 5px;
  font-size: .9em;
}

/* line 604, tracks.scss */
.popover-content a.button {
  width: 130px;
  text-align: center;
  margin: 0px;
}

/* line 610, tracks.scss */
div.track-header a.button {
  padding: 5px 20px;
}

/* @end */