ps-media-player {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  ps-media-player:-moz-full-screen {
    height: 100%;
    width: 100%; }
  ps-media-player:-ms-fullscreen {
    height: 100%;
    width: 100%; }
  ps-media-player:fullscreen {
    height: 100%;
    width: 100%; }
    ps-media-player:-moz-full-screen ps-activities-player-control {
      display: none; }
    ps-media-player:-ms-fullscreen ps-activities-player-control {
      display: none; }
    ps-media-player:fullscreen ps-activities-player-control {
      display: none; }
  ps-media-player .media-player-container {
    cursor: default;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    ps-media-player .media-player-container.native-controls > *:not(ps-media-element) {
      display: none !important; }
    ps-media-player .media-player-container.cursor-hidden {
      cursor: none !important; }
      ps-media-player .media-player-container.cursor-hidden * {
        cursor: none !important; }
    ps-media-player .media-player-container .controls-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      left: 0;
      position: absolute;
      width: 100%; }
      ps-media-player .media-player-container .controls-container.controls-container-top {
        -ms-flex-pack: start;
            justify-content: flex-start;
        top: 0; }
      ps-media-player .media-player-container .controls-container.controls-container-bottom {
        bottom: 0;
        -ms-flex-pack: end;
            justify-content: flex-end; }
        ps-media-player .media-player-container .controls-container.controls-container-bottom .controls-group {
          padding: 15px 17px; }
          ps-media-player .media-player-container .controls-container.controls-container-bottom .controls-group:last-of-type {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); }
      ps-media-player .media-player-container .controls-container .controls-group {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        font-size: 10px;
        font-family: "Roboto", Helvetica, Arial, sans-serif; }
        ps-media-player .media-player-container .controls-container .controls-group.events {
          -ms-flex-align: end;
              align-items: flex-end;
          position: relative; }
        ps-media-player .media-player-container .controls-container .controls-group .control {
          -ms-flex-align: center;
              align-items: center;
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          -ms-flex-pack: center;
              justify-content: center;
          min-width: 44px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
        ps-media-player .media-player-container .controls-container .controls-group [class^='icon'] {
          font-size: 16px; }
      ps-media-player .media-player-container .controls-container .buttons-group {
        -ms-flex-align: center;
            align-items: center;
        border-radius: 2px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end;
        padding: 10px; }
        ps-media-player .media-player-container .controls-container .buttons-group button {
          -ms-flex-align: center;
              align-items: center;
          background-color: rgba(0, 0, 0, 0.25);
          border: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.15);
          font-size: 12px;
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          border-top: 1px solid rgba(255, 255, 255, 0.15);
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          -ms-flex-pack: center;
              justify-content: center;
          min-width: 40px;
          transition: background 80ms ease, color 200ms ease; }
          ps-media-player .media-player-container .controls-container .buttons-group button:first-of-type {
            border-bottom-left-radius: 2px;
            border-left: 1px solid rgba(255, 255, 255, 0.15);
            border-top-left-radius: 2px; }
          ps-media-player .media-player-container .controls-container .buttons-group button:last-of-type {
            border-bottom-right-radius: 2px;
            border-right: 1px solid rgba(255, 255, 255, 0.15);
            border-top-right-radius: 2px; }
          ps-media-player .media-player-container .controls-container .buttons-group button:focus {
            outline: none; }
          ps-media-player .media-player-container .controls-container .buttons-group button:active {
            background-color: rgba(0, 0, 0, 0.85); }
          ps-media-player .media-player-container .controls-container .buttons-group button:hover {
            color: #3399dd; }
          ps-media-player .media-player-container .controls-container .buttons-group button span[class^='icon'] {
            font-size: 20px; }
            ps-media-player .media-player-container .controls-container .buttons-group button span[class^='icon'] + * {
              margin-left: 5px; }
  ps-media-player ps-ui-spin-kit {
    color: #ffffff; }
    ps-media-player ps-ui-spin-kit .sk-overlay {
      z-index: 3; }
  ps-media-player .control {
    cursor: pointer; }
ps-media-element {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111111; }
  ps-media-element .zoomable-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    ps-media-element .zoomable-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      transform-origin: 0 0; }
ps-control-full-screen {
  cursor: pointer; }
ps-control-play {
  cursor: pointer; }
ps-control-progress {
  -ms-flex: 1 0 auto !important;
      flex: 1 0 auto !important;
  position: relative; }

@keyframes fading {
  0% {
    background: #ee4433;
    opacity: 1; }
  50% {
    background: #ad1d0e;
    opacity: .5; }
  100% {
    background: #ee4433;
    opacity: 1; } }
  ps-control-progress .indicator-container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    -ms-flex-pack: center;
        justify-content: center; }
    ps-control-progress .indicator-container.actual .ui-slider-range {
      width: 100% !important; }
    ps-control-progress .indicator-container.actual .ui-slider-handle {
      left: 100% !important; }
    ps-control-progress .indicator-container .time {
      font-size: 12px; }
      ps-control-progress .indicator-container .time.current-time, ps-control-progress .indicator-container .time.live {
        padding-right: 15px; }
      ps-control-progress .indicator-container .time.total-time {
        padding-left: 15px; }
      ps-control-progress .indicator-container .time.live {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-control-progress .indicator-container .time.live .live-dot {
          width: 5px;
          height: 5px;
          border-radius: 100%;
          margin-right: 3px;
          background: #ee4433;
          animation: fading 1500ms infinite; }
          ps-control-progress .indicator-container .time.live .live-dot.dvr {
            background: #999999;
            animation: none; }
    ps-control-progress .indicator-container .progress-bar-container {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
      ps-control-progress .indicator-container .progress-bar-container .media-progress-bar,
      ps-control-progress .indicator-container .progress-bar-container .current-progress {
        display: block;
        height: 6px;
        width: 100%; }
        ps-control-progress .indicator-container .progress-bar-container .media-progress-bar .current-progress,
        ps-control-progress .indicator-container .progress-bar-container .current-progress .current-progress {
          -ms-flex-align: center;
              align-items: center;
          background-color: #3399dd;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
              justify-content: flex-end;
          min-width: 15px; }
          ps-control-progress .indicator-container .progress-bar-container .media-progress-bar .current-progress .pin,
          ps-control-progress .indicator-container .progress-bar-container .current-progress .current-progress .pin {
            background-color: white;
            border-radius: 100%;
            cursor: pointer;
            height: 15px;
            width: 15px; }
      ps-control-progress .indicator-container .progress-bar-container .media-progress-bar {
        position: relative; }
      ps-control-progress .indicator-container .progress-bar-container .progress-bar {
        cursor: pointer; }
  ps-control-progress .thumbnail {
    -ms-flex-align: end;
        align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute; }
    ps-control-progress .thumbnail span {
      background: rgba(0, 0, 0, 0.6);
      border-radius: 2px;
      padding: 6px; }
ps-control-quality {
  border-radius: 0 0 2px 2px; }
  ps-control-quality:hover {
    background-color: black; }
    ps-control-quality:hover .indicator-container .indicator-popup {
      display: block; }
  ps-control-quality .indicator-container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative; }
    ps-control-quality .indicator-container .indicator-popup {
      background-color: black;
      border-radius: 2px 2px 0 0;
      bottom: 100%;
      display: none;
      min-width: 60px;
      position: absolute; }
      ps-control-quality .indicator-container .indicator-popup ul {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 5px 0; }
        ps-control-quality .indicator-container .indicator-popup ul li {
          padding: 1px 5px;
          text-align: center; }
    ps-control-quality .indicator-container .indicator-value {
      min-width: 60px;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap; }
  ps-control-quality .processing {
    color: #999999;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    cursor: not-allowed; }
    ps-control-quality .processing:hover {
      text-decoration: none;
      color: inherit; }
    ps-control-quality .processing:after {
      content: ' processing'; }
ps-control-rate {
  border-radius: 0 0 2px 2px;
  display: -ms-flexbox;
  display: flex; }
  ps-control-rate:hover {
    background-color: black; }
    ps-control-rate:hover .indicator-container .indicator-popup {
      display: block; }
  ps-control-rate .indicator-container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    width: 100%; }
    ps-control-rate .indicator-container .indicator-popup {
      background-color: black;
      border-radius: 2px 2px 0 0;
      bottom: 100%;
      display: none;
      position: absolute;
      width: 100%; }
      ps-control-rate .indicator-container .indicator-popup ul {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 5px 0; }
        ps-control-rate .indicator-container .indicator-popup ul li {
          padding: 1px 5px;
          text-align: center; }
ps-control-seek {
  display: block;
  cursor: pointer; }
  ps-control-seek .arrow-container .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 18px;
    height: 18px;
    background: transparent no-repeat center;
    font-size: 10px;
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
    ps-control-seek .arrow-container .arrow.backward {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAA9ElEQVQ4y6WTMUpDQRCGP7cIeAWLV4gRMe8USsDCQgsbb5GbpEjAziOkDZgq1nYWCiEgqCewCspnM8GXkBef68AU8+/Mt7M7u7DB1Ct1XhfXmrqnjvyxlbgJ4NlVm63Fx3/t4FC9r8Rf6o26WwdI4RvvQD1R39SJ2vr1SDWbFOqrOsgCBKSrfqqdnX9ApsBDym4DRsBZUq/VdgZgBuwn4BY4yuxikYA5cJBR3AZeEjAGLjMAF8AEtYyRdJtWVsZYLoWh+q4WDYqLyB1WxZZ6FwunW4rrn3JABvFhpmpPPQ/vhbb9MwWoo/bVJ3WhfqiPoZXr+d8IVU18m1Re+QAAAABJRU5ErkJggg==); }
    ps-control-seek .arrow-container .arrow.forward {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAA90lEQVQ4y52TMUpDQRCGPxYJeAWLFMGImNd6gYSAhYUWHiQn0cIHeoq0glqoV1CwURE0J7ASw2ezwfWRl5e3P2wxs/P9DLOzsETqm3pSFzfKP03VrWrcBO/5X8+V+KkO7Kjn6jwpflB3GjuI8LX6qY7qZqAGNSwzKNUPtbv2oBJ4oP6o49ZwNDhV77JgIAAHwDTXYAPoAS8ZnfeB/dAWTLQLXAbgFdjOMOgD7wG4Ao4zDI6AG9Si7TOq48gUi0SpztZZJLUba8s0uVjlmTpaAQ/jut+qnepl+pnu1Yl6GM8k5ubqhbq5qsWBeha/8bf6pT7GXFGt/wWrtUwRhMVuXgAAAABJRU5ErkJggg==); }
ps-control-volume {
  display: block; }
  ps-control-volume .indicator-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative; }
    ps-control-volume .indicator-container:hover .indicator-popup {
      display: block; }
    ps-control-volume .indicator-container .current-volume, ps-control-volume .indicator-container [class^='icon'] {
      cursor: pointer; }
    ps-control-volume .indicator-container .indicator-popup {
      position: absolute;
      bottom: 100%;
      padding: 15px;
      display: none; }
      ps-control-volume .indicator-container .indicator-popup .volume-bar {
        height: 100px;
        border-radius: 2px;
        background-color: rgba(255, 255, 255, 0.3);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end; }
ps-control-volume-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 6px;
  height: 90px; }
  ps-control-volume-slider .ui-slider-range {
    width: 6px;
    position: absolute;
    bottom: 0;
    background-color: #0a7ac1;
    border-radius: 2px; }
  ps-control-volume-slider .ui-slider-handle {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 100%; }
ps-control-zoom {
  -ms-flex-align: end !important;
      align-items: flex-end !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: auto;
  cursor: default !important; }
  ps-control-zoom:hover {
    opacity: 1; }
  ps-control-zoom .viewport-container, ps-control-zoom .zoom-container {
    border: 1px solid rgba(255, 255, 255, 0.15); }
  ps-control-zoom .viewport-container {
    margin-right: 10px;
    transition: opacity 500ms linear; }
    ps-control-zoom .viewport-container.invisible-viewport {
      opacity: 0;
      z-index: 0;
      pointer-events: none; }
  ps-control-zoom .zoom-container {
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 6px 15px; }
    ps-control-zoom .zoom-container ps-control-slider {
      margin: 10px 0 6px 0; }
    ps-control-zoom .zoom-container .sign {
      font-size: 16px;
      font-weight: bold;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer; }
ps-control-viewport {
  display: block;
  background-color: rgba(0, 0, 0, 0.25);
  padding: 5px;
  border-radius: 2px; }
  ps-control-viewport .viewport {
    position: relative;
    width: 150px;
    height: 84.375px; }
  ps-control-viewport .camera {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border-radius: 2px;
    width: 150px;
    height: 84.375px;
    transition: background 200ms ease;
    box-shadow: 0 0 0 2px #3399dd;
    cursor: move;
    cursor: grab; }
    ps-control-viewport .camera:hover {
      background-color: #3399dd; }
    ps-control-viewport .camera:focus {
      background: #3399dd; }
    ps-control-viewport .camera:active {
      cursor: grabbing; }
ps-control-events {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 500px; }
ps-control-events-list {
  display: block;
  position: relative; }
  ps-control-events-list .events-list .expand, ps-control-events-list .events-list .events {
    padding: 10px; }
  ps-control-events-list .close-button-container .close-button, ps-control-events-list .events-list .expand, ps-control-events-list .events-list .events {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2px; }
  ps-control-events-list .close-button-container {
    position: absolute;
    right: -32px; }
    ps-control-events-list .close-button-container .close-button {
      padding: 3px 5px; }
      ps-control-events-list .close-button-container .close-button:active {
        color: #dddddd; }
      ps-control-events-list .close-button-container .close-button:focus {
        outline: none; }
  ps-control-events-list .events-list {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px; }
    ps-control-events-list .events-list .expand {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-size: 12px;
      font-family: 'Roboto', Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer; }
      ps-control-events-list .events-list .expand.ng-leave {
        transition: none;
        animation: none; }
      ps-control-events-list .events-list .expand span[class^='icon'] {
        margin-right: 6px;
        position: relative;
        top: 0;
        transition: top 200ms ease; }
    ps-control-events-list .events-list .events {
      min-height: 300px;
      height: 300px;
      width: 100%; }
      ps-control-events-list .events-list .events.ng-enter {
        animation: fadeInLeft 200ms; }
      ps-control-events-list .events-list .events .events-row {
        padding: 10px 0;
        border-bottom: 1px solid #aaaaaa; }
        ps-control-events-list .events-list .events .events-row:first-of-type {
          padding-top: 0; }
      ps-control-events-list .events-list .events .events-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        font-size: 20px;
        font-family: 'Lato', Helvetica, Arial, sans-serif; }
        ps-control-events-list .events-list .events .events-header .events-header-column {
          text-shadow: 1px 1px 1px #444444; }
          ps-control-events-list .events-list .events .events-header .events-header-column button {
            height: 30px; }
        ps-control-events-list .events-list .events .events-header .events-header-column-title {
          color: #88bb44;
          font-weight: 700; }
      ps-control-events-list .events-list .events .events-filter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
        ps-control-events-list .events-list .events .events-filter .events-filter-button {
          border: none;
          background: none;
          height: 30px;
          line-height: 30px;
          text-transform: uppercase;
          font-size: 12px;
          font-family: 'Lato', Helvetica, Arial, sans-serif;
          padding: 0 9px;
          border-radius: 2px;
          transition: color 200ms linear;
          text-shadow: 1px 1px 1px #444444;
          margin-right: 4px; }
          ps-control-events-list .events-list .events .events-filter .events-filter-button.active {
            background-color: #3399dd;
            color: white; }
          ps-control-events-list .events-list .events .events-filter .events-filter-button:hover:not(.active) {
            color: #3399dd; }
      ps-control-events-list .events-list .events .events-table {
        height: 190px;
        max-height: 190px;
        overflow: hidden; }
        ps-control-events-list .events-list .events .events-table table {
          width: 100%; }
          ps-control-events-list .events-list .events .events-table table tr {
            cursor: pointer; }
            ps-control-events-list .events-list .events .events-table table tr.current {
              background: #3399dd; }
            ps-control-events-list .events-list .events .events-table table tr th, ps-control-events-list .events-list .events .events-table table tr td {
              color: #88bb44;
              text-transform: uppercase;
              text-shadow: 1px 1px 1px #444444;
              font-size: 12px;
              font-family: 'Lato', Helvetica, Arial, sans-serif;
              padding: 5px; }
            ps-control-events-list .events-list .events .events-table table tr td {
              color: white;
              border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
              ps-control-events-list .events-list .events .events-table table tr td .rect {
                width: 18px;
                height: 18px;
                border: 1px solid white;
                border-radius: 2px;
                background: #88bb44;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                font-size: 7px;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
                cursor: default; }
ps-control-events-current-event {
  display: block; }
  ps-control-events-current-event .current-event .action-info,
  ps-control-events-current-event .current-event .ball-speed,
  ps-control-events-current-event .current-event .spin-rate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  ps-control-events-current-event .current-event .action, ps-control-events-current-event .current-event .action-info,
  ps-control-events-current-event .current-event .ball-speed,
  ps-control-events-current-event .current-event .spin-rate {
    padding: 10px 20px; }
  ps-control-events-current-event .current-event {
    color: white;
    font-size: 12px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2px; }
    ps-control-events-current-event .current-event .animation-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      overflow: hidden; }
      ps-control-events-current-event .current-event .animation-container.ng-enter {
        animation: flipInX 500ms; }
    ps-control-events-current-event .current-event .action .action-rectangle {
      width: 62px;
      height: 62px;
      font-size: 20.66667px;
      border: 1px solid white;
      border-radius: 2px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: #cccccc;
      text-shadow: 1px 1px 1px #aaaaaa;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: default; }
    ps-control-events-current-event .current-event .action-info,
    ps-control-events-current-event .current-event .ball-speed {
      border-right: 1px solid #666666; }
ps-control-progress-hint {
  display: block;
  position: relative; }
  ps-control-progress-hint .time {
    position: absolute;
    top: -45px;
    background: rgba(0, 0, 0, 0.3);
    padding: 3px 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    transform: translateX(-50%); }
    ps-control-progress-hint .time.ng-enter {
      animation: fadeIn 200ms; }
    ps-control-progress-hint .time.ng-leave {
      animation: fadeOut 200ms; }
ps-control-progress-thumbnail {
  display: block;
  position: relative; }
  ps-control-progress-thumbnail .media-thumbnail {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    transform: translateX(-50%); }
    ps-control-progress-thumbnail .media-thumbnail.ng-enter {
      animation: fadeIn 200ms; }
    ps-control-progress-thumbnail .media-thumbnail.ng-leave {
      animation: fadeOut 200ms; }
ps-control-state {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  ps-control-state .state-background {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100px;
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 100%;
    cursor: pointer; }
    ps-control-state .state-background.ng-enter {
      animation: fadeInUp 200ms; }
    ps-control-state .state-background.ng-leave {
      animation: fadeOutDown 200ms; }
    ps-control-state .state-background [class^='icon'] {
      display: inline-block;
      font-size: 41.66667px; }
    ps-control-state .state-background .icon-control-play {
      margin-left: 9px; }
ps-control-progress-milestone .milestone {
  top: 0;
  left: 0;
  min-width: 8px;
  position: absolute;
  height: 100%;
  background-color: #88bb44;
  border-radius: 2px; }
  ps-control-progress-milestone .milestone:hover .hint {
    display: block; }
  ps-control-progress-milestone .milestone .hint {
    position: absolute;
    border-radius: 2px;
    background-color: #111111;
    white-space: nowrap;
    padding: 8px 12px;
    line-height: 100%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
    display: none;
    animation: fadeIn 200ms;
    left: 50%;
    text-transform: uppercase;
    font-size: 12px; }
    ps-control-progress-milestone .milestone .hint:before {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #111111; }
ps-media-player-buttons {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  margin: 10px; }
ps-media-player-button {
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px 13px;
  transition: color 200ms ease, background 200ms ease; }
  ps-media-player-button:first-of-type {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }
  ps-media-player-button:last-of-type {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px; }
  ps-media-player-button:hover {
    color: #3399dd; }
  ps-media-player-button:active {
    background-color: rgba(0, 0, 0, 0.5); }
  ps-media-player-button > span {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center; }
    ps-media-player-button > span:focus {
      outline: none; }
ps-multi-select .multi-select.visible {
  background: white; }
  ps-multi-select .multi-select.visible .placeholder-container {
    border-color: white; }

ps-multi-select .multi-select .placeholder-container {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #3399dd;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
  position: relative; }
  ps-multi-select .multi-select .placeholder-container .placeholder {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #111111; }
  ps-multi-select .multi-select .placeholder-container .arrow {
    position: absolute;
    right: 10px;
    top: 20px; }
    ps-multi-select .multi-select .placeholder-container .arrow span {
      color: #3399dd;
      display: inline-block; }
      ps-multi-select .multi-select .placeholder-container .arrow span.ng-enter {
        animation: rotateIn 200ms; }

ps-multi-select .selected-items {
  font-size: 11px;
  line-height: 1.36;
  color: #595959;
  margin-top: 9px;
  min-height: 30px; }
  ps-multi-select .selected-items .more {
    color: #3399dd !important;
    cursor: help; }

.multi-select-dropdown {
  background: white;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 0 10px 10px 10px;
  position: absolute !important;
  width: 100%;
  z-index: 1000000;
  max-height: 100px;
  overflow-y: auto; }
  .multi-select-dropdown .nano-content {
    padding: 10px;
    bottom: initial !important; }
  .multi-select-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .multi-select-dropdown ul li .checkbox {
      margin: 7px 0; }
      .multi-select-dropdown ul li .checkbox span {
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        color: #111111;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .multi-select-dropdown ul li .checkbox span:before {
        border: 2px solid #3399dd;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 2px;
        content: '';
        display: inline-block;
        height: 18px;
        margin-right: 10px;
        position: relative;
        top: 5px;
        width: 18px; }
      .multi-select-dropdown ul li .checkbox.checked span:before {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA89pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RTFBMzI3OUU1NTNBRTMxMTlFQjJDMjVBQUEzNkIxOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjVCNjY2QzczMTZBMTFFNjk5RkNCMzVGMjBGREUwMDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjVCNjY2QzYzMTZBMTFFNjk5RkNCMzVGMjBGREUwMDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTI1MTQxNzQtMWQ1ZC02MzQ2LWFiNDgtMmJmN2IxMjY5OWNkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Yjg4ZjNlMWEtZWNlNi0xMWU0LThmNDEtYzEyYjkxM2ZjMzJlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xlqtFgAAAOtJREFUeNpiVJr5zpOBgWEuEEsykAeeA3EyI9CgZxQYAjeMiQqGgIAkEwOVALkG/QHiHEoN+gjE3kA8FZ9BrUD8H48hd4HYEoh3EfJaDRBHAvF3LIYcAmILIL5ObBitBGJbIH6CJLYAiF2B+A2Uzw4VgwNQOkL2CiMSWwKI1wDxRiDuRhIXAeL1QGyDz6AuIK4C4r9IBiPLawPxZiBWJOS1MqgL+KB8ZENAWekoNkNwhREoao8DsQqSWB7UJfy4ohPda8jgHRBHA7E/EGcQSlz4DKJLFsFq0HMqmPMCZFAKiEGBIU9BBRtAgAEALAU0CrGxyvcAAAAASUVORK5CYII=");
        border: none; }
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  animation: noty_modal_out .3s ease-out;
  animation-fill-mode: forwards; }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__light.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__light.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__light.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__light.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__light.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__light.noty_type__error {
  background-color: #ED7000;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__light.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__light.noty_type__info .noty_buttons,
  .noty_theme__light.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__light.noty_type__success {
  background-color: #57C880;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__light.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_layout .noty_bar {
  font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
  border-radius: 0; }
  .noty_layout .noty_bar.noty_type__alert {
    background-color: #999999; }
  .noty_layout .noty_bar.noty_type__success {
    background-color: #88bb44; }
  .noty_layout .noty_bar.noty_type__warning {
    background-color: #ff9911; }
  .noty_layout .noty_bar.noty_type__error {
    background-color: #ee4433; }
  .noty_layout .noty_bar.noty_type__info {
    background-color: #3399dd; }
ps-events-ui-list {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 15px 2px 0 15px;
  margin-bottom: 2px;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  visibility: visible; }
  ps-events-ui-list.hidden-list {
    visibility: hidden; }

@keyframes fade_in_down {
  0% {
    opacity: 0;
    transform: translateY(-15px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  ps-events-ui-list .list-header, ps-events-ui-list .list-filter {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    width: 100%; }
  ps-events-ui-list .close-button {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 10px;
    left: 50%;
    margin-left: -15px;
    top: 0; }
  ps-events-ui-list .list-header {
    width: calc(100% - 13px);
    color: white;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    ps-events-ui-list .list-header .info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      ps-events-ui-list .list-header .info .list-title {
        color: #88bb44;
        margin: 0 15px 0 0;
        padding: 0; }
      ps-events-ui-list .list-header .info .events-number.ng-enter {
        animation: flipInY 200ms; }
    ps-events-ui-list .list-header .full-filter-btn {
      width: 80px;
      height: 30px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 0; }
    ps-events-ui-list .list-header .privacy-filter {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin-right: 15px; }
      ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn {
        color: #00AAEE;
        background: none;
        padding: 6px 0;
        width: auto;
        min-width: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn:hover {
          color: #00AAEE;
          background: none;
          opacity: 0.7; }
        ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn:focus {
          outline: none; }
        ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-label {
          color: #00AAEE;
          font-size: 12px;
          line-height: 16px;
          font-family: "Lato", sans-serif, sans-serif;
          text-transform: uppercase; }
        ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-icon {
          width: 16px;
          height: 16px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          filter: invert(56%) sepia(48%) saturate(4262%) hue-rotate(163deg) brightness(96%) contrast(102%); }
          ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-icon.public {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYyMiAzLjE2NmMuMDktLjM2NC4zNzYtLjcyOC43ODgtMS4wMDZhMi42NiAyLjY2IDAgMDExLjQ1OS0uNDZjLjUxOCAwIDEuMDQyLjE3OCAxLjQ2LjQ2LjQxMS4yNzguNjk4LjY0Mi43ODcgMS4wMDZ2Mi4wMjJsLS4wMDIuMDUyYTQuMTM4IDQuMTM4IDAgMDEtLjE1Ljg3Yy0uMTUxLjUzLS40NSAxLjE1OC0xLjAzNCAxLjYwNS0uMzA4LjE5LS4zMzQuNTYtLjIzMS44MWEuNjU3LjY1NyAwIDAwLjI3OS4zNGwzLjU3OCAyLjc2OEg1LjE4MWwzLjYzNi0yLjgyMWMuMjYyLS4xOTYuNDA2LS41OTQuMTk3LS45MzhsLS4wMDUtLjAxLS4wMDctLjAwOGEuNzU1Ljc1NSAwIDAwLS4zMjUtLjI0M2MtLjUxNS0uNDMyLS43ODEtMS4wMy0uOTE3LTEuNTM2YTQuMjE2IDQuMjE2IDAgMDEtLjEzOC0uODl2LTIuMDJ6bS0uMzMzIDQuOTc5Yy0xLjA1LTEuNDk3LTEuMDUyLTIuODc4LTEuMDUyLTIuOTcxVjIuOTgybC4wMDItLjAxNmMwLS40MzMuNDM0LTEuMDU0LjQzNC0xLjA1NHMuMDAyLS4yMTItLjU5MS0uMjEyYy0uNTE4IDAtMS4wNDIuMTc4LTEuNDYuNDYtLjQxMS4yNzgtLjY5OC42NDItLjc4NyAxLjAwNnYyLjAyMmwuMDAyLjA1MmE0LjIxNiA0LjIxNiAwIDAwLjE0My44NjVjLjE0NS41MjQuNDMgMS4xMzguOTgxIDEuNTY1LjEwNi4wNTYuMTk4LjE0LjI2Ni4yNTIuMjEuMzQ0LjA2NS43NDMtLjE5OC45MzhsLTMuNjMzIDIuNzczaDIuMzl2LS4zOGMwLS4yNjcuMTM5LS40NjguMzI4LS41OTZMNy4yOSA4LjE0NXpNMS4wMzYgMTNDLjQyNiAxMyAwIDEyLjUxNiAwIDExLjk3OHYtLjcyNWMwLS4yNjcuMTM4LS40NjguMzI3LS41OTZsMy4xNzUtMi41MTJDMi40NSA2LjU5NSAyLjQ1IDUuMjY3IDIuNDUgNS4xNzRWMi45NzlsLjAwMy0uMDE5Yy4xNi0uODE0LjcwMy0xLjQ3MiAxLjM3OC0xLjkyMkM0LjUwNS41ODggNS4zMy4zMzMgNi4wODIuMzMzaC4wMmMuMTc2IDAgLjM5LjAxNi41NzEuMDU1LjY3OC4xNDUgMS4wODcuNTQgMS4wODcuNTRTOC42NzcuMzM0IDkuODY5LjMzNGMuNzU2IDAgMS41NzkuMjY5IDIuMjUyLjcyNC42NzMuNDU1IDEuMzc2IDEuMzgyIDEuMzc2IDEuOTAybC4wMDQuMDJ2Mi4xOTRjMCAuMDk0LS4wNjkgMS42OTMtMS4wNjIgMi45ODVsMy4yMzMgMi41NDdjLjE5LjEyOC4zMjguMzMuMzI4LjU5NnYuNzM4bC0uMDAyLjAxMmExLjA5NSAxLjA5NSAwIDAxLS4zNTcuNjU0Yy0uMTkuMTcyLS40NDUuMjk1LS43MjYuMjk1SDEuMDM1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); }
          ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-icon.private {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42NjcgMTZIMi4zMzNjLTEuMTAyIDAtMi0uODk3LTItMlY3LjMzM2MwLTEuMTAyLjg5OC0yIDItMkgzVjRjMC0yLjIwNSAxLjc5NC00IDQtNHM0IDEuNzk1IDQgNHYxLjMzM2guNjY3YzEuMTAyIDAgMiAuODk4IDIgMlYxNGMwIDEuMTAzLS44OTggMi0yIDJ6TTcgMS4zMzNBMi42NyAyLjY3IDAgMDA0LjMzMyA0djEuMzMzaDUuMzM0VjRBMi42NyAyLjY3IDAgMDA3IDEuMzMzem01LjMzMyA2YzAtLjM2OC0uMy0uNjY2LS42NjYtLjY2NkgyLjMzM2EuNjY3LjY2NyAwIDAwLS42NjYuNjY2VjE0YzAgLjM2Ny4yOTkuNjY3LjY2Ni42NjdoOS4zMzRjLjM2NyAwIC42NjYtLjMuNjY2LS42NjdWNy4zMzN6bS00LjY2NiAzLjE0OFYxMmEuNjY3LjY2NyAwIDAxLTEuMzM0IDB2LTEuNTE5QTEuMzI5IDEuMzI5IDAgMDE3IDhhMS4zMjkgMS4zMjkgMCAwMS42NjcgMi40ODF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); }
          ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-icon.coach {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNDQgNS4wNjdoLS40NjVjLS45MyAwLTEuNjYtLjczNC0xLjY2LTEuNjY3cy43My0xLjY2NyAxLjY2LTEuNjY3aC40NjVjLjM5OCAwIC42NjQuMjY3LjY2NC42NjdzLS4yNjYuNjY3LS42NjQuNjY3aC0uNDY1Yy0uMiAwLS4zMzIuMi0uMzMyLjMzMyAwIC4yNjcuMi4zMzMuMzMyLjMzM2guNDY1Yy4zOTggMCAuNjY0LjI2Ny42NjQuNjY3cy0uMjY2LjY2Ny0uNjY0LjY2N3oiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjIxNyA3Ljg2N2MuMDY3LjMzMyAwIC42LS4xMzMuOTMzLjMzMi42LjMzMiAxLjMzMyAwIDIuMi0uMDY2IDAtLjA2Ni4wNjctLjA2Ni4wNjdhMi43MDMgMi43MDMgMCAwMS0uOTMgMUMxMS4zNTggMTQuNiA5LjYzMSAxNS45MzMgNy4wNDIgMTZjLTIuNTktLjA2Ny00LjMxNy0xLjQ2Ny01LjE4LTMuOTMzLS4zOTgtLjItLjY2NC0uNTM0LS45My0xIDAtLjAzNC0uMDE2LS4wNS0uMDMzLS4wNjctLjAxNi0uMDE3LS4wMzMtLjAzMy0uMDMzLS4wNjdDLjYgMTAuMDY3LjYgOS40Ljg2NiA4Ljg2N2ExLjY4MiAxLjY4MiAwIDAxLS4xMzMtMWMuMDM4LS4wMzkuMDU1LS4wNTUuMDYxLS4wNzVDLjggNy43NzguOCA3Ljc2Mi44IDcuNzMzbC40NjQtMS4wNjZ2LS40YzAtLjYuMTMzLTIuMjY3Ljk5Ni0zLjczNEMzLjE5LjkzMyA0Ljc4NC4wNjcgNi45NzUgMGMyLjE5Mi4wNjcgMy43ODUuOTMzIDQuNzgxIDIuNTMzLjg2NCAxLjQ2Ny45MyAzLjA2Ny45MyAzLjczNHYuNGwuNDY1IDEuMDY2Yy4wMzguMDM5LjA1NC4wNTUuMDYxLjA3NS4wMDUuMDE0LjAwNS4wMy4wMDUuMDU5ek0yLjMyNyA3LjZjLjg2My0uMTMzIDIuMzktLjMzMyA0LjY0OC0uMzMzIDIuMzI0IDAgMy43ODUuMiA0LjcxNS40bC0uMjY2LS41MzRjLS4zMzItLjEzMy0xLjQ2LS40NjYtNC40NDktLjQ2Ni0yLjk4OCAwLTQuMDUuMjY2LTQuMzgzLjRsLS4yNjUuNTMzem00LjY0OC02LjI2N0M1LjMxNSAxLjQgNC4xMiAyIDMuMzkgMy4yNjdjLS41My44LS42NjQgMS43MzMtLjczIDIuNC43OTctLjIgMi4xMjUtLjMzNCA0LjMxNi0uMzM0IDIuMjU4IDAgMy41ODYuMTM0IDQuMzgzLjMzNC0uMDY3LS42NjctLjItMS42LS43My0yLjQ2N0M5Ljg5NiAyIDguNzAxIDEuNCA2Ljk3NCAxLjMzM3pNMTEuMjI1IDExYy4yLS4wNjcuMzk5LS4yNjcuNTk4LS42LjE5OS0uNTMzLjE5OS0uODY3IDAtMS0uMTMzLS4wNjctLjI2Ni0uMjY3LS4yNjYtLjQtLjczLS4yLTIuMTkxLS40LTQuNTgyLS40LTIuMzkgMC0zLjc4NS4yLTQuNTgyLjQgMCAuMTMzLS4xMzMuMzMzLS4yNjUuNCAwIC4wMTEtLjAwNC4wMy0uMDEuMDU3LS4wMjYuMTMtLjA5LjQ0NS4wNzYuOTQzLjIuMzMzLjM5OC40NjcuNTk4LjYuMTMzLjA2Ny4yNjUuMi4zMzIuNC41OTcgMi4xMzMgMS44NTkgMy4yIDMuOTE4IDMuMjY3IDIuMDU4LS4wNjcgMy4yNTMtMS4xMzQgMy44NTEtMy4yNjcgMC0uMTMzLjEzMy0uMzMzLjMzMi0uNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); }
        ps-events-ui-list .list-header .privacy-filter .privacy-filter-btn .privacy-filter-arrow {
          margin-left: 8px;
          font-size: 10px !important; }
    ps-events-ui-list .list-header button {
      font-size: 12px;
      text-transform: uppercase;
      padding: 10px 15px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 2px;
      background-color: #88bb44;
      border: none;
      line-height: 100%;
      transition: all 0.2s linear; }
      ps-events-ui-list .list-header button:hover {
        background: #111111;
        color: #88bb44; }
      ps-events-ui-list .list-header button .icon {
        margin-right: 10px; }
  ps-events-ui-list .list-filter {
    width: calc(100% - 13px);
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-bottom: 10px; }
    ps-events-ui-list .list-filter .filter-item {
      background: transparent;
      border: none;
      border-radius: 2px;
      font-family: "Lato", sans-serif;
      font-size: 12px;
      line-height: 30px;
      padding: 0 10px;
      text-transform: uppercase;
      transition: all 0.2s linear;
      outline: none;
      white-space: nowrap; }
      ps-events-ui-list .list-filter .filter-item:hover {
        color: #d7d7d7; }
      ps-events-ui-list .list-filter .filter-item.active {
        background: #3399dd; }
      ps-events-ui-list .list-filter .filter-item.reset-btn {
        text-decoration: underline; }
        ps-events-ui-list .list-filter .filter-item.reset-btn:disabled {
          opacity: 0.4; }
          ps-events-ui-list .list-filter .filter-item.reset-btn:disabled:hover {
            color: #fff; }
  ps-events-ui-list .list-table {
    height: 275px !important;
    min-height: 275px !important;
    padding-top: 10px;
    width: 100%; }
    ps-events-ui-list .list-table .nano-content {
      padding-right: 13px; }
      ps-events-ui-list .list-table .nano-content button {
        background: none;
        padding: 0;
        border: none; }
      ps-events-ui-list .list-table .nano-content table {
        position: relative; }
      ps-events-ui-list .list-table .nano-content table td:first-child {
        width: 60px; }
        ps-events-ui-list .list-table .nano-content table td:first-child .playsight-error {
          font-weight: bold;
          color: #EE3333;
          font-size: 16px;
          top: 2px;
          position: relative; }
  ps-events-ui-list .fill-space {
    -ms-flex: 1;
        flex: 1; }
  ps-events-ui-list .edit-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    padding: 4px 0; }
    ps-events-ui-list .edit-buttons button {
      font-size: 12px;
      line-height: 30px;
      padding: 0 10px;
      font-family: "Lato", sans-serif; }
      ps-events-ui-list .edit-buttons button:focus {
        outline: none; }
    ps-events-ui-list .edit-buttons .btn-edit {
      background: #3399dd;
      border: none;
      border-radius: 2px;
      text-transform: uppercase;
      transition: all 0.2s linear;
      outline: none;
      white-space: nowrap; }
      ps-events-ui-list .edit-buttons .btn-edit:hover {
        color: #d7d7d7;
        background: #3399dd; }
    ps-events-ui-list .edit-buttons .btn-done {
      color: #3399DD;
      background: none; }
      ps-events-ui-list .edit-buttons .btn-done:hover {
        background: none;
        color: #3399DD; }
  ps-events-ui-list .edit-actions button {
    outline: none; }
    ps-events-ui-list .edit-actions button:hover {
      opacity: 0.7; }
    ps-events-ui-list .edit-actions button:first-child {
      padding-right: 2px; }
    ps-events-ui-list .edit-actions button:disabled {
      opacity: 0.4; }
  ps-events-ui-list .edit-actions.active-tag .replace-tag-action {
    color: #00AAEE; }
  ps-events-ui-list .events-dropdown {
    position: absolute;
    left: 185px;
    top: 0;
    bottom: auto;
    right: auto;
    width: 0;
    height: 0;
    overflow: unset;
    cursor: default; }
    ps-events-ui-list .events-dropdown .ngdialog-overlay {
      cursor: default; }
    ps-events-ui-list .events-dropdown.fully-dark .ngdialog-content, ps-events-ui-list .events-dropdown.fully-dark .player-control-pop-up-close {
      background-color: #000000 !important; }
    ps-events-ui-list .events-dropdown .ngdialog-content {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(0, 0, 0, 0.8);
      box-shadow: none !important;
      border-radius: 2px !important;
      overflow: unset !important; }
      ps-events-ui-list .events-dropdown .ngdialog-content .player-control-pop-up-close {
        cursor: pointer;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: -30px;
        left: auto;
        bottom: auto;
        background-image: url("/Content/images/web/assets/icon/close-popup.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
    ps-events-ui-list .events-dropdown.transparent-overlay .ngdialog-overlay {
      background-color: transparent !important; }
    ps-events-ui-list .events-dropdown.transparent-overlay .ngdialog-content {
      position: absolute; }
      ps-events-ui-list .events-dropdown.transparent-overlay .ngdialog-content .player-control-pop-up-close {
        background-color: rgba(0, 0, 0, 0.8); }
  ps-events-ui-list .ng-hide.ng-hide-animate {
    display: none !important; }
  ps-events-ui-list .list-table .confirm-delete-dialog .ngdialog-content {
    overflow: hidden !important;
    border-radius: 4px !important; }
  ps-events-ui-list .flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    ps-events-ui-list .flex-container .data {
      -ms-flex: 1;
          flex: 1; }
  ps-events-ui-list .bookmark-wrap {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex; }
    ps-events-ui-list .bookmark-wrap .bookmark-name {
      display: block;
      width: 100px;
      -ms-flex: 1;
          flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      ps-events-ui-list .bookmark-wrap .bookmark-name.hidden {
        display: none; }
    ps-events-ui-list .bookmark-wrap .bookmark-input {
      caret-color: #00AAEE;
      display: none;
      background: none;
      border: none;
      border-bottom: 1px solid #00AAEE;
      width: 100%;
      outline: none;
      text-transform: uppercase; }
      ps-events-ui-list .bookmark-wrap .bookmark-input.visible {
        display: inline; }
ps-events {
  display: block; }
  ps-events section {
    position: relative; }
    ps-events section.ng-enter {
      animation: fadeInDown 200ms; }
    ps-events section.ng-leave {
      animation: fadeOut 200ms; }
    ps-events section > * {
      width: 600px; }
    ps-events section ps-events-ui-current-event {
      width: 652px; }
    ps-events section table {
      width: 100%; }
      ps-events section table tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        width: 100%;
        background: transparent;
        height: 30px;
        padding: 0 10px;
        text-transform: uppercase; }
        ps-events section table tr > span {
          margin-right: 10px; }
          ps-events section table tr > span:last-of-type {
            margin-right: 0; }
        ps-events section table tr [class^='icon'] {
          font-size: 12px;
          margin: 0 3px;
          position: relative;
          top: 2px; }
        ps-events section table tr [class='icon-arrow-down'],
        ps-events section table tr [class='icon-close'] {
          color: #ee4433; }
        ps-events section table tr [class='icon-arrow-up'],
        ps-events section table tr [class='icon-check'] {
          color: #88bb44; }
        ps-events section table tr [class='icon-timeout'] {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA9klEQVQokZXRvUpDQRCG4efEgwEtAkGwMK2nsbBLIXgN4g0otoKV12BpYWkhWIq9lWIndiJiKf4UIipCQhohRC2yRVg2OceBZXdmv/fbGTbrdHs1rGAdqyjQMD5ec9xhaYIojoUch+jjGs/IMBvMmkH4He4K9LNOtxc7bWAPLfzgAru4D203Y6iBL7zjGEd4jF1rUd7FIpYD/JYaKobgCZvYx0xVCNbwEF6rBE2jjdsxhkmoQB2fIW9jvgxqjZzncIntMmgq7HXsGH70+aggT3cNtvCLF1xVhbKwTgM8sb04TuJCGXSGm/9CB6liaqYPDAznGaSgP1X9MUeijfFeAAAAAElFTkSuQmCC) no-repeat center;
          background-size: contain;
          display: inline-block;
          height: 14px;
          width: 14px; }
        ps-events section table tr [class='icon-yellow-card'],
        ps-events section table tr [class='icon-red-card'] {
          background: #ffcc11;
          border-radius: 2px;
          display: inline-block;
          height: 18px;
          width: 14px; }
        ps-events section table tr [class='icon-red-card'] {
          background: #ee4433; }
        ps-events section table tr td {
          padding: 0 5px; }
          ps-events section table tr td .flex-container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
          ps-events section table tr td .team-rect {
            -ms-flex-align: center;
                align-items: center;
            display: -ms-flexbox;
            display: flex;
            height: 20px;
            -ms-flex-pack: center;
                justify-content: center;
            width: 20px;
            font-family: "Gilroy";
            font-weight: 800;
            font-size: 8px; }
          ps-events section table tr td .bookmark {
            display: -ms-flexbox;
            display: flex;
            height: 20px;
            width: 20px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAeFBMVEUzmd0zmd0zmd0zmd0zmd0zmd00md01mt1FouBGo+BVquNWq+NrteZsteZwt+dzueh1uuh4u+h8vemHw+uJxOuMxeyOx+yo0/C53PO63fTC4fXF4vXJ5PbL5fbY6/jZ7Pnk8frn8/vp9Pvs9fzt9vzw9/z1+v3////5Dw6SAAAABXRSTlNJSuTm5/uA3x0AAABwSURBVBjTndBHCoBADAXQsWTsvffu3P+GKhZ0Igh+yOaR/EUIkYCLRLBtCi/ZcW6PzDdk5w77xCv/ztfxfYzpNGUITcYshG6SeLhTobjTaGqdQyXubKeP6AOrXAXQivKOY7AVAg2HHV+eLBNB5k0UFuP1D8v1epM8AAAAAElFTkSuQmCC);
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 2px; }
          ps-events section table tr td .visibility-type {
            width: 16px;
            height: 16px;
            background-size: contain;
            margin-right: 8px;
            background-repeat: no-repeat;
            background-position: center; }
            ps-events section table tr td .visibility-type.public {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYyMiAzLjE2NmMuMDktLjM2NC4zNzYtLjcyOC43ODgtMS4wMDZhMi42NiAyLjY2IDAgMDExLjQ1OS0uNDZjLjUxOCAwIDEuMDQyLjE3OCAxLjQ2LjQ2LjQxMS4yNzguNjk4LjY0Mi43ODcgMS4wMDZ2Mi4wMjJsLS4wMDIuMDUyYTQuMTM4IDQuMTM4IDAgMDEtLjE1Ljg3Yy0uMTUxLjUzLS40NSAxLjE1OC0xLjAzNCAxLjYwNS0uMzA4LjE5LS4zMzQuNTYtLjIzMS44MWEuNjU3LjY1NyAwIDAwLjI3OS4zNGwzLjU3OCAyLjc2OEg1LjE4MWwzLjYzNi0yLjgyMWMuMjYyLS4xOTYuNDA2LS41OTQuMTk3LS45MzhsLS4wMDUtLjAxLS4wMDctLjAwOGEuNzU1Ljc1NSAwIDAwLS4zMjUtLjI0M2MtLjUxNS0uNDMyLS43ODEtMS4wMy0uOTE3LTEuNTM2YTQuMjE2IDQuMjE2IDAgMDEtLjEzOC0uODl2LTIuMDJ6bS0uMzMzIDQuOTc5Yy0xLjA1LTEuNDk3LTEuMDUyLTIuODc4LTEuMDUyLTIuOTcxVjIuOTgybC4wMDItLjAxNmMwLS40MzMuNDM0LTEuMDU0LjQzNC0xLjA1NHMuMDAyLS4yMTItLjU5MS0uMjEyYy0uNTE4IDAtMS4wNDIuMTc4LTEuNDYuNDYtLjQxMS4yNzgtLjY5OC42NDItLjc4NyAxLjAwNnYyLjAyMmwuMDAyLjA1MmE0LjIxNiA0LjIxNiAwIDAwLjE0My44NjVjLjE0NS41MjQuNDMgMS4xMzguOTgxIDEuNTY1LjEwNi4wNTYuMTk4LjE0LjI2Ni4yNTIuMjEuMzQ0LjA2NS43NDMtLjE5OC45MzhsLTMuNjMzIDIuNzczaDIuMzl2LS4zOGMwLS4yNjcuMTM5LS40NjguMzI4LS41OTZMNy4yOSA4LjE0NXpNMS4wMzYgMTNDLjQyNiAxMyAwIDEyLjUxNiAwIDExLjk3OHYtLjcyNWMwLS4yNjcuMTM4LS40NjguMzI3LS41OTZsMy4xNzUtMi41MTJDMi40NSA2LjU5NSAyLjQ1IDUuMjY3IDIuNDUgNS4xNzRWMi45NzlsLjAwMy0uMDE5Yy4xNi0uODE0LjcwMy0xLjQ3MiAxLjM3OC0xLjkyMkM0LjUwNS41ODggNS4zMy4zMzMgNi4wODIuMzMzaC4wMmMuMTc2IDAgLjM5LjAxNi41NzEuMDU1LjY3OC4xNDUgMS4wODcuNTQgMS4wODcuNTRTOC42NzcuMzM0IDkuODY5LjMzNGMuNzU2IDAgMS41NzkuMjY5IDIuMjUyLjcyNC42NzMuNDU1IDEuMzc2IDEuMzgyIDEuMzc2IDEuOTAybC4wMDQuMDJ2Mi4xOTRjMCAuMDk0LS4wNjkgMS42OTMtMS4wNjIgMi45ODVsMy4yMzMgMi41NDdjLjE5LjEyOC4zMjguMzMuMzI4LjU5NnYuNzM4bC0uMDAyLjAxMmExLjA5NSAxLjA5NSAwIDAxLS4zNTcuNjU0Yy0uMTkuMTcyLS40NDUuMjk1LS43MjYuMjk1SDEuMDM1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); }
            ps-events section table tr td .visibility-type.private {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42NjcgMTZIMi4zMzNjLTEuMTAyIDAtMi0uODk3LTItMlY3LjMzM2MwLTEuMTAyLjg5OC0yIDItMkgzVjRjMC0yLjIwNSAxLjc5NC00IDQtNHM0IDEuNzk1IDQgNHYxLjMzM2guNjY3YzEuMTAyIDAgMiAuODk4IDIgMlYxNGMwIDEuMTAzLS44OTggMi0yIDJ6TTcgMS4zMzNBMi42NyAyLjY3IDAgMDA0LjMzMyA0djEuMzMzaDUuMzM0VjRBMi42NyAyLjY3IDAgMDA3IDEuMzMzem01LjMzMyA2YzAtLjM2OC0uMy0uNjY2LS42NjYtLjY2NkgyLjMzM2EuNjY3LjY2NyAwIDAwLS42NjYuNjY2VjE0YzAgLjM2Ny4yOTkuNjY3LjY2Ni42NjdoOS4zMzRjLjM2NyAwIC42NjYtLjMuNjY2LS42NjdWNy4zMzN6bS00LjY2NiAzLjE0OFYxMmEuNjY3LjY2NyAwIDAxLTEuMzM0IDB2LTEuNTE5QTEuMzI5IDEuMzI5IDAgMDE3IDhhMS4zMjkgMS4zMjkgMCAwMS42NjcgMi40ODF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); }
            ps-events section table tr td .visibility-type.coach {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNDQgNS4wNjdoLS40NjVjLS45MyAwLTEuNjYtLjczNC0xLjY2LTEuNjY3cy43My0xLjY2NyAxLjY2LTEuNjY3aC40NjVjLjM5OCAwIC42NjQuMjY3LjY2NC42NjdzLS4yNjYuNjY3LS42NjQuNjY3aC0uNDY1Yy0uMiAwLS4zMzIuMi0uMzMyLjMzMyAwIC4yNjcuMi4zMzMuMzMyLjMzM2guNDY1Yy4zOTggMCAuNjY0LjI2Ny42NjQuNjY3cy0uMjY2LjY2Ny0uNjY0LjY2N3oiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjIxNyA3Ljg2N2MuMDY3LjMzMyAwIC42LS4xMzMuOTMzLjMzMi42LjMzMiAxLjMzMyAwIDIuMi0uMDY2IDAtLjA2Ni4wNjctLjA2Ni4wNjdhMi43MDMgMi43MDMgMCAwMS0uOTMgMUMxMS4zNTggMTQuNiA5LjYzMSAxNS45MzMgNy4wNDIgMTZjLTIuNTktLjA2Ny00LjMxNy0xLjQ2Ny01LjE4LTMuOTMzLS4zOTgtLjItLjY2NC0uNTM0LS45My0xIDAtLjAzNC0uMDE2LS4wNS0uMDMzLS4wNjctLjAxNi0uMDE3LS4wMzMtLjAzMy0uMDMzLS4wNjdDLjYgMTAuMDY3LjYgOS40Ljg2NiA4Ljg2N2ExLjY4MiAxLjY4MiAwIDAxLS4xMzMtMWMuMDM4LS4wMzkuMDU1LS4wNTUuMDYxLS4wNzVDLjggNy43NzguOCA3Ljc2Mi44IDcuNzMzbC40NjQtMS4wNjZ2LS40YzAtLjYuMTMzLTIuMjY3Ljk5Ni0zLjczNEMzLjE5LjkzMyA0Ljc4NC4wNjcgNi45NzUgMGMyLjE5Mi4wNjcgMy43ODUuOTMzIDQuNzgxIDIuNTMzLjg2NCAxLjQ2Ny45MyAzLjA2Ny45MyAzLjczNHYuNGwuNDY1IDEuMDY2Yy4wMzguMDM5LjA1NC4wNTUuMDYxLjA3NS4wMDUuMDE0LjAwNS4wMy4wMDUuMDU5ek0yLjMyNyA3LjZjLjg2My0uMTMzIDIuMzktLjMzMyA0LjY0OC0uMzMzIDIuMzI0IDAgMy43ODUuMiA0LjcxNS40bC0uMjY2LS41MzRjLS4zMzItLjEzMy0xLjQ2LS40NjYtNC40NDktLjQ2Ni0yLjk4OCAwLTQuMDUuMjY2LTQuMzgzLjRsLS4yNjUuNTMzem00LjY0OC02LjI2N0M1LjMxNSAxLjQgNC4xMiAyIDMuMzkgMy4yNjdjLS41My44LS42NjQgMS43MzMtLjczIDIuNC43OTctLjIgMi4xMjUtLjMzNCA0LjMxNi0uMzM0IDIuMjU4IDAgMy41ODYuMTM0IDQuMzgzLjMzNC0uMDY3LS42NjctLjItMS42LS43My0yLjQ2N0M5Ljg5NiAyIDguNzAxIDEuNCA2Ljk3NCAxLjMzM3pNMTEuMjI1IDExYy4yLS4wNjcuMzk5LS4yNjcuNTk4LS42LjE5OS0uNTMzLjE5OS0uODY3IDAtMS0uMTMzLS4wNjctLjI2Ni0uMjY3LS4yNjYtLjQtLjczLS4yLTIuMTkxLS40LTQuNTgyLS40LTIuMzkgMC0zLjc4NS4yLTQuNTgyLjQgMCAuMTMzLS4xMzMuMzMzLS4yNjUuNCAwIC4wMTEtLjAwNC4wMy0uMDEuMDU3LS4wMjYuMTMtLjA5LjQ0NS4wNzYuOTQzLjIuMzMzLjM5OC40NjcuNTk4LjYuMTMzLjA2Ny4yNjUuMi4zMzIuNC41OTcgMi4xMzMgMS44NTkgMy4yIDMuOTE4IDMuMjY3IDIuMDU4LS4wNjcgMy4yNTMtMS4xMzQgMy44NTEtMy4yNjcgMC0uMTMzLjEzMy0uMzMzLjMzMi0uNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); }
      ps-events section table thead tr {
        color: #88bb44; }
        ps-events section table thead tr td {
          cursor: pointer;
          transition: color 0.2s linear; }
          ps-events section table thead tr td:hover {
            color: #709c3d; }
          ps-events section table thead tr td:last-child {
            text-align: right;
            padding-right: 10px; }
          ps-events section table thead tr td img {
            width: 19px; }
      ps-events section table tbody tr {
        cursor: pointer;
        transition: all 0.2s linear; }
        ps-events section table tbody tr.disabled {
          cursor: default; }
        ps-events section table tbody tr.current, ps-events section table tbody tr.list-item:hover:not(.disabled) {
          background: #00aaee !important;
          color: white; }
          ps-events section table tbody tr.current.green, ps-events section table tbody tr.green.list-item:hover:not(.disabled) {
            background: #88bb44 !important; }
          ps-events section table tbody tr.current.white, ps-events section table tbody tr.white.list-item:hover:not(.disabled) {
            background: rgba(255, 255, 255, 0.6) !important; }
        ps-events section table tbody tr.green {
          background: rgba(136, 187, 68, 0.4); }
        ps-events section table tbody tr.white {
          background: rgba(255, 255, 255, 0.2);
          font-weight: 800; }
        ps-events section table tbody tr td:last-child {
          text-align: right;
          padding-right: 10px; }
        ps-events section table tbody tr td .checkbox-wrap > input:checked + span:before {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGIiBkPSJNMiAwaDE0YTIgMiAwIDAxMiAydjE0YTIgMiAwIDAxLTIgMkgyYTIgMiAwIDAxLTItMlYyYTIgMiAwIDAxMi0yem0uOTk5IDYuMTAzdjMuOTQ4bDQuOCAzLjk0NyA3LjItNi4wNTJWMy45OThsLTcuMiA2LjA1My00LjgtMy45NDh6Ii8+PC9zdmc+); }
        ps-events section table tbody tr td .checkbox-wrap span {
          position: relative; }
          ps-events section table tbody tr td .checkbox-wrap span:before {
            border: none;
            margin-right: 0 !important;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAFVBMVEX///////////////////////////9nSIHRAAAABnRSTlMASUrk5udXTd49AAAAL0lEQVQI12MQSYMARwY3KCuFIY0BAtJwstLwsNiAZiSgsfDrwGcbzFWpDKpQlhEAf5Md5nKodyIAAAAASUVORK5CYII=); }
          ps-events section table tbody tr td .checkbox-wrap span:hover .tooltip-checkbox {
            animation: fadeInTooltip 0.2s;
            animation-delay: 2s;
            animation-fill-mode: forwards; }
          ps-events section table tbody tr td .checkbox-wrap span .tooltip-checkbox {
            z-index: 1000;
            position: absolute;
            bottom: -10px;
            left: 0;
            margin-left: 18px;
            transform: translate(-100%, 100%);
            visibility: hidden;
            opacity: 0; }
            ps-events section table tbody tr td .checkbox-wrap span .tooltip-checkbox:before {
              content: '';
              position: absolute;
              right: 2px;
              margin-left: -8px;
              top: -8px;
              width: 16px;
              height: 8px;
              border-left: 8px solid transparent;
              border-right: 8px solid transparent;
              border-bottom: 8px solid #3399dd; }
            ps-events section table tbody tr td .checkbox-wrap span .tooltip-checkbox .text {
              background: white;
              padding: 10px;
              border-radius: 2px;
              text-align: center;
              overflow: hidden;
              font-size: 12px;
              text-transform: uppercase;
              font-family: "Lato", sans-serif;
              color: #111111;
              border-top: 3px solid #3399dd;
              box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.75); }

@keyframes fadeInTooltip {
  0% {
    visibility: hidden;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }
    ps-events section .tutorial {
      position: absolute;
      right: -10px;
      bottom: 1px;
      transform: translateX(100%);
      display: -ms-flexbox;
      display: flex; }
      ps-events section .tutorial img {
        height: 14px; }
      ps-events section .tutorial div {
        font-size: 16px;
        font-family: "Lato", sans-serif;
        font-weight: bold;
        margin-left: 10px; }
  ps-events .bold {
    font-weight: bold; }
  ps-events .bookmark-name {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.tennis-current-event {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  font-size: 12px; }
  .tennis-current-event .column {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .tennis-current-event .column:last-of-type {
      border: none; }
  .tennis-current-event .player-name {
    font-size: 16px; }
ps-events-ui-current-event {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  visibility: visible;
  -ms-flex-direction: row;
      flex-direction: row; }
  ps-events-ui-current-event.hidden-list {
    visibility: hidden; }
  ps-events-ui-current-event .expand {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 10px;
    left: 50%;
    margin-left: -15px;
    transform: rotate(180deg);
    top: -10px; }
  ps-events-ui-current-event .event-container {
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: calc(100% - 52px);
    background: transparent;
    text-transform: uppercase;
    padding: 0 15px; }
    ps-events-ui-current-event .event-container > span {
      margin-right: 10px; }
      ps-events-ui-current-event .event-container > span:last-of-type {
        margin-right: 0; }
    ps-events-ui-current-event .event-container [class^='icon'] {
      font-size: 12px;
      margin: 0 3px;
      position: relative;
      top: 2px; }
    ps-events-ui-current-event .event-container [class='icon-arrow-down'],
    ps-events-ui-current-event .event-container [class='icon-close'] {
      color: #ee4433; }
    ps-events-ui-current-event .event-container [class='icon-arrow-up'],
    ps-events-ui-current-event .event-container [class='icon-check'] {
      color: #88bb44; }
    ps-events-ui-current-event .event-container [class='icon-timeout'] {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA9klEQVQokZXRvUpDQRCG4efEgwEtAkGwMK2nsbBLIXgN4g0otoKV12BpYWkhWIq9lWIndiJiKf4UIipCQhohRC2yRVg2OceBZXdmv/fbGTbrdHs1rGAdqyjQMD5ec9xhaYIojoUch+jjGs/IMBvMmkH4He4K9LNOtxc7bWAPLfzgAru4D203Y6iBL7zjGEd4jF1rUd7FIpYD/JYaKobgCZvYx0xVCNbwEF6rBE2jjdsxhkmoQB2fIW9jvgxqjZzncIntMmgq7HXsGH70+aggT3cNtvCLF1xVhbKwTgM8sb04TuJCGXSGm/9CB6liaqYPDAznGaSgP1X9MUeijfFeAAAAAElFTkSuQmCC) no-repeat center;
      background-size: contain;
      display: inline-block;
      height: 14px;
      width: 14px; }
    ps-events-ui-current-event .event-container [class='icon-yellow-card'],
    ps-events-ui-current-event .event-container [class='icon-red-card'] {
      background: #ffcc11;
      border-radius: 2px;
      display: inline-block;
      height: 18px;
      width: 14px; }
    ps-events-ui-current-event .event-container [class='icon-red-card'] {
      background: #ee4433; }
    ps-events-ui-current-event .event-container .event-cell {
      padding: 0 5px;
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex; }
      ps-events-ui-current-event .event-container .event-cell.bookmark .visibility-type {
        display: none; }
      ps-events-ui-current-event .event-container .event-cell:first-child {
        padding-left: 5px; }
      ps-events-ui-current-event .event-container .event-cell:last-child {
        margin-left: auto; }
      ps-events-ui-current-event .event-container .event-cell.ng-enter {
        animation: fadeInUpEvent 200ms linear; }
      ps-events-ui-current-event .event-container .event-cell .flex-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      ps-events-ui-current-event .event-container .event-cell .team-rect {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 20px;
        -ms-flex-pack: center;
            justify-content: center;
        width: 20px;
        font-family: "Gilroy";
        font-weight: 800;
        font-size: 8px; }
      ps-events-ui-current-event .event-container .event-cell .bookmark {
        display: -ms-flexbox;
        display: flex;
        height: 20px;
        width: 20px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAeFBMVEUzmd0zmd0zmd0zmd0zmd0zmd00md01mt1FouBGo+BVquNWq+NrteZsteZwt+dzueh1uuh4u+h8vemHw+uJxOuMxeyOx+yo0/C53PO63fTC4fXF4vXJ5PbL5fbY6/jZ7Pnk8frn8/vp9Pvs9fzt9vzw9/z1+v3////5Dw6SAAAABXRSTlNJSuTm5/uA3x0AAABwSURBVBjTndBHCoBADAXQsWTsvffu3P+GKhZ0Igh+yOaR/EUIkYCLRLBtCi/ZcW6PzDdk5w77xCv/ztfxfYzpNGUITcYshG6SeLhTobjTaGqdQyXubKeP6AOrXAXQivKOY7AVAg2HHV+eLBNB5k0UFuP1D8v1epM8AAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2px; }
      ps-events-ui-current-event .event-container .event-cell .visibility-type {
        width: 16px;
        height: 16px;
        background-size: contain;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-position: center; }
        ps-events-ui-current-event .event-container .event-cell .visibility-type.public {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYyMiAzLjE2NmMuMDktLjM2NC4zNzYtLjcyOC43ODgtMS4wMDZhMi42NiAyLjY2IDAgMDExLjQ1OS0uNDZjLjUxOCAwIDEuMDQyLjE3OCAxLjQ2LjQ2LjQxMS4yNzguNjk4LjY0Mi43ODcgMS4wMDZ2Mi4wMjJsLS4wMDIuMDUyYTQuMTM4IDQuMTM4IDAgMDEtLjE1Ljg3Yy0uMTUxLjUzLS40NSAxLjE1OC0xLjAzNCAxLjYwNS0uMzA4LjE5LS4zMzQuNTYtLjIzMS44MWEuNjU3LjY1NyAwIDAwLjI3OS4zNGwzLjU3OCAyLjc2OEg1LjE4MWwzLjYzNi0yLjgyMWMuMjYyLS4xOTYuNDA2LS41OTQuMTk3LS45MzhsLS4wMDUtLjAxLS4wMDctLjAwOGEuNzU1Ljc1NSAwIDAwLS4zMjUtLjI0M2MtLjUxNS0uNDMyLS43ODEtMS4wMy0uOTE3LTEuNTM2YTQuMjE2IDQuMjE2IDAgMDEtLjEzOC0uODl2LTIuMDJ6bS0uMzMzIDQuOTc5Yy0xLjA1LTEuNDk3LTEuMDUyLTIuODc4LTEuMDUyLTIuOTcxVjIuOTgybC4wMDItLjAxNmMwLS40MzMuNDM0LTEuMDU0LjQzNC0xLjA1NHMuMDAyLS4yMTItLjU5MS0uMjEyYy0uNTE4IDAtMS4wNDIuMTc4LTEuNDYuNDYtLjQxMS4yNzgtLjY5OC42NDItLjc4NyAxLjAwNnYyLjAyMmwuMDAyLjA1MmE0LjIxNiA0LjIxNiAwIDAwLjE0My44NjVjLjE0NS41MjQuNDMgMS4xMzguOTgxIDEuNTY1LjEwNi4wNTYuMTk4LjE0LjI2Ni4yNTIuMjEuMzQ0LjA2NS43NDMtLjE5OC45MzhsLTMuNjMzIDIuNzczaDIuMzl2LS4zOGMwLS4yNjcuMTM5LS40NjguMzI4LS41OTZMNy4yOSA4LjE0NXpNMS4wMzYgMTNDLjQyNiAxMyAwIDEyLjUxNiAwIDExLjk3OHYtLjcyNWMwLS4yNjcuMTM4LS40NjguMzI3LS41OTZsMy4xNzUtMi41MTJDMi40NSA2LjU5NSAyLjQ1IDUuMjY3IDIuNDUgNS4xNzRWMi45NzlsLjAwMy0uMDE5Yy4xNi0uODE0LjcwMy0xLjQ3MiAxLjM3OC0xLjkyMkM0LjUwNS41ODggNS4zMy4zMzMgNi4wODIuMzMzaC4wMmMuMTc2IDAgLjM5LjAxNi41NzEuMDU1LjY3OC4xNDUgMS4wODcuNTQgMS4wODcuNTRTOC42NzcuMzM0IDkuODY5LjMzNGMuNzU2IDAgMS41NzkuMjY5IDIuMjUyLjcyNC42NzMuNDU1IDEuMzc2IDEuMzgyIDEuMzc2IDEuOTAybC4wMDQuMDJ2Mi4xOTRjMCAuMDk0LS4wNjkgMS42OTMtMS4wNjIgMi45ODVsMy4yMzMgMi41NDdjLjE5LjEyOC4zMjguMzMuMzI4LjU5NnYuNzM4bC0uMDAyLjAxMmExLjA5NSAxLjA5NSAwIDAxLS4zNTcuNjU0Yy0uMTkuMTcyLS40NDUuMjk1LS43MjYuMjk1SDEuMDM1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); }
        ps-events-ui-current-event .event-container .event-cell .visibility-type.private {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42NjcgMTZIMi4zMzNjLTEuMTAyIDAtMi0uODk3LTItMlY3LjMzM2MwLTEuMTAyLjg5OC0yIDItMkgzVjRjMC0yLjIwNSAxLjc5NC00IDQtNHM0IDEuNzk1IDQgNHYxLjMzM2guNjY3YzEuMTAyIDAgMiAuODk4IDIgMlYxNGMwIDEuMTAzLS44OTggMi0yIDJ6TTcgMS4zMzNBMi42NyAyLjY3IDAgMDA0LjMzMyA0djEuMzMzaDUuMzM0VjRBMi42NyAyLjY3IDAgMDA3IDEuMzMzem01LjMzMyA2YzAtLjM2OC0uMy0uNjY2LS42NjYtLjY2NkgyLjMzM2EuNjY3LjY2NyAwIDAwLS42NjYuNjY2VjE0YzAgLjM2Ny4yOTkuNjY3LjY2Ni42NjdoOS4zMzRjLjM2NyAwIC42NjYtLjMuNjY2LS42NjdWNy4zMzN6bS00LjY2NiAzLjE0OFYxMmEuNjY3LjY2NyAwIDAxLTEuMzM0IDB2LTEuNTE5QTEuMzI5IDEuMzI5IDAgMDE3IDhhMS4zMjkgMS4zMjkgMCAwMS42NjcgMi40ODF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); }
        ps-events-ui-current-event .event-container .event-cell .visibility-type.coach {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNDQgNS4wNjdoLS40NjVjLS45MyAwLTEuNjYtLjczNC0xLjY2LTEuNjY3cy43My0xLjY2NyAxLjY2LTEuNjY3aC40NjVjLjM5OCAwIC42NjQuMjY3LjY2NC42NjdzLS4yNjYuNjY3LS42NjQuNjY3aC0uNDY1Yy0uMiAwLS4zMzIuMi0uMzMyLjMzMyAwIC4yNjcuMi4zMzMuMzMyLjMzM2guNDY1Yy4zOTggMCAuNjY0LjI2Ny42NjQuNjY3cy0uMjY2LjY2Ny0uNjY0LjY2N3oiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjIxNyA3Ljg2N2MuMDY3LjMzMyAwIC42LS4xMzMuOTMzLjMzMi42LjMzMiAxLjMzMyAwIDIuMi0uMDY2IDAtLjA2Ni4wNjctLjA2Ni4wNjdhMi43MDMgMi43MDMgMCAwMS0uOTMgMUMxMS4zNTggMTQuNiA5LjYzMSAxNS45MzMgNy4wNDIgMTZjLTIuNTktLjA2Ny00LjMxNy0xLjQ2Ny01LjE4LTMuOTMzLS4zOTgtLjItLjY2NC0uNTM0LS45My0xIDAtLjAzNC0uMDE2LS4wNS0uMDMzLS4wNjctLjAxNi0uMDE3LS4wMzMtLjAzMy0uMDMzLS4wNjdDLjYgMTAuMDY3LjYgOS40Ljg2NiA4Ljg2N2ExLjY4MiAxLjY4MiAwIDAxLS4xMzMtMWMuMDM4LS4wMzkuMDU1LS4wNTUuMDYxLS4wNzVDLjggNy43NzguOCA3Ljc2Mi44IDcuNzMzbC40NjQtMS4wNjZ2LS40YzAtLjYuMTMzLTIuMjY3Ljk5Ni0zLjczNEMzLjE5LjkzMyA0Ljc4NC4wNjcgNi45NzUgMGMyLjE5Mi4wNjcgMy43ODUuOTMzIDQuNzgxIDIuNTMzLjg2NCAxLjQ2Ny45MyAzLjA2Ny45MyAzLjczNHYuNGwuNDY1IDEuMDY2Yy4wMzguMDM5LjA1NC4wNTUuMDYxLjA3NS4wMDUuMDE0LjAwNS4wMy4wMDUuMDU5ek0yLjMyNyA3LjZjLjg2My0uMTMzIDIuMzktLjMzMyA0LjY0OC0uMzMzIDIuMzI0IDAgMy43ODUuMiA0LjcxNS40bC0uMjY2LS41MzRjLS4zMzItLjEzMy0xLjQ2LS40NjYtNC40NDktLjQ2Ni0yLjk4OCAwLTQuMDUuMjY2LTQuMzgzLjRsLS4yNjUuNTMzem00LjY0OC02LjI2N0M1LjMxNSAxLjQgNC4xMiAyIDMuMzkgMy4yNjdjLS41My44LS42NjQgMS43MzMtLjczIDIuNC43OTctLjIgMi4xMjUtLjMzNCA0LjMxNi0uMzM0IDIuMjU4IDAgMy41ODYuMTM0IDQuMzgzLjMzNC0uMDY3LS42NjctLjItMS42LS43My0yLjQ2N0M5Ljg5NiAyIDguNzAxIDEuNCA2Ljk3NCAxLjMzM3pNMTEuMjI1IDExYy4yLS4wNjcuMzk5LS4yNjcuNTk4LS42LjE5OS0uNTMzLjE5OS0uODY3IDAtMS0uMTMzLS4wNjctLjI2Ni0uMjY3LS4yNjYtLjQtLjczLS4yLTIuMTkxLS40LTQuNTgyLS40LTIuMzkgMC0zLjc4NS4yLTQuNTgyLjQgMCAuMTMzLS4xMzMuMzMzLS4yNjUuNCAwIC4wMTEtLjAwNC4wMy0uMDEuMDU3LS4wMjYuMTMtLjA5LjQ0NS4wNzYuOTQzLjIuMzMzLjM5OC40NjcuNTk4LjYuMTMzLjA2Ny4yNjUuMi4zMzIuNC41OTcgMi4xMzMgMS44NTkgMy4yIDMuOTE4IDMuMjY3IDIuMDU4LS4wNjcgMy4yNTMtMS4xMzQgMy44NTEtMy4yNjcgMC0uMTMzLjEzMy0uMzMzLjMzMi0uNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); }
      ps-events-ui-current-event .event-container .event-cell .checkbox-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-events-ui-current-event .event-container .event-cell .checkbox-wrap.ng-enter {
          animation: fadeIn 200ms; }
        ps-events-ui-current-event .event-container .event-cell .checkbox-wrap > input:checked + span:before {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGIiBkPSJNMiAwaDE0YTIgMiAwIDAxMiAydjE0YTIgMiAwIDAxLTIgMkgyYTIgMiAwIDAxLTItMlYyYTIgMiAwIDAxMi0yem0uOTk5IDYuMTAzdjMuOTQ4bDQuOCAzLjk0NyA3LjItNi4wNTJWMy45OThsLTcuMiA2LjA1My00LjgtMy45NDh6Ii8+PC9zdmc+); }
        ps-events-ui-current-event .event-container .event-cell .checkbox-wrap span {
          position: relative; }
          ps-events-ui-current-event .event-container .event-cell .checkbox-wrap span .tooltip-checkbox {
            visibility: hidden; }
          ps-events-ui-current-event .event-container .event-cell .checkbox-wrap span:before {
            border: none;
            margin-right: 0 !important;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAFVBMVEX///////////////////////////9nSIHRAAAABnRSTlMASUrk5udXTd49AAAAL0lEQVQI12MQSYMARwY3KCuFIY0BAtJwstLwsNiAZiSgsfDrwGcbzFWpDKpQlhEAf5Md5nKodyIAAAAASUVORK5CYII=); }
          ps-events-ui-current-event .event-container .event-cell .checkbox-wrap span:hover .tooltip-checkbox {
            animation: fadeInTooltip 0.2s;
            animation-delay: 2s;
            animation-fill-mode: forwards; }
      ps-events-ui-current-event .event-container .event-cell:last-of-type {
        margin-right: 5px; }

@keyframes fadeInUpEvent {
  from {
    opacity: 0;
    transform: translateY(5px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
    ps-events-ui-current-event .event-container .bookmark-wrap .bookmark-input {
      display: none; }
  ps-events-ui-current-event .controls {
    width: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 30px;
    z-index: 3; }
    ps-events-ui-current-event .controls .button-wrap {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 100%; }
      ps-events-ui-current-event .controls .button-wrap:hover .tooltip-button {
        animation: fadeInTooltipEventButton 0.2s;
        animation-delay: 2s;
        animation-fill-mode: forwards;
        display: block; }
      ps-events-ui-current-event .controls .button-wrap .tooltip-button {
        width: 120px;
        width: -moz-max-content;
        width: max-content;
        display: none; }
    ps-events-ui-current-event .controls button {
      border: none;
      box-shadow: none;
      width: 16px;
      height: 16px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      outline: none;
      z-index: 4; }
      ps-events-ui-current-event .controls button:disabled {
        opacity: 0.4; }
      ps-events-ui-current-event .controls button.prev {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECAwQFBgb3B/gI+Qn6Cvv8/f7xHFuM0AAAB1SURBVBjTXdBLFoMwDENRxU1ToB+C/fa/1k5oiKvhnUhHKt515RFeZDCgdqBNZDtETFTWgG79orvDUaVBtUMs0qDyBF5FEwX029lxElHHjh9x2B9twJpJ5uAtkdQc3pZI9gFfEknVwS2RtAGRSbYDTfnC5m5fAEEKbiRibTAAAAAASUVORK5CYII=); }
      ps-events-ui-current-event .controls button.next {
        transform: scaleX(-1);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECAwQFBgb3B/gI+Qn6Cvv8/f7xHFuM0AAAB1SURBVBjTXdBLFoMwDENRxU1ToB+C/fa/1k5oiKvhnUhHKt515RFeZDCgdqBNZDtETFTWgG79orvDUaVBtUMs0qDyBF5FEwX029lxElHHjh9x2B9twJpJ5uAtkdQc3pZI9gFfEknVwS2RtAGRSbYDTfnC5m5fAEEKbiRibTAAAAAASUVORK5CYII=); }

.tooltip-checkbox,
.tooltip-button {
  z-index: 1000;
  position: absolute;
  bottom: -10px;
  left: 0;
  margin-left: 18px;
  transform: translate(-100%, 100%);
  opacity: 0; }
  .tooltip-checkbox:before,
  .tooltip-button:before {
    content: '';
    position: absolute;
    right: 2px;
    margin-left: -8px;
    top: -8px;
    width: 16px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #3399dd; }
  .tooltip-checkbox .text,
  .tooltip-button .text {
    background: white;
    padding: 10px;
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    color: #111111;
    border-top: 3px solid #3399dd;
    box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.75); }

@keyframes fadeInTooltip {
  0% {
    visibility: hidden;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }

@keyframes fadeInTooltipEventButton {
  0% {
    display: none;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
ps-events-ui-advanced-filter {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: calc(100% - 30px);
  max-width: 950px;
  height: calc(100% + 30px);
  z-index: 100;
  top: 15px;
  left: 15px; }
  ps-events-ui-advanced-filter header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 10px;
    line-height: 100%; }
    ps-events-ui-advanced-filter header .description {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-right: 10px; }
      ps-events-ui-advanced-filter header .description .title {
        font-size: 24px;
        color: #88bb44;
        padding: 10px 20px 10px 10px;
        border-right: 1px solid #999999; }
      ps-events-ui-advanced-filter header .description .text {
        font-size: 12px;
        width: 190px;
        padding-left: 20px;
        line-height: normal;
        font-family: "Roboto", sans-serif; }
    ps-events-ui-advanced-filter header .controls {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-events-ui-advanced-filter header .controls button {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 20px;
        border: none;
        background-color: transparent;
        text-transform: uppercase;
        padding: 10px; }
        ps-events-ui-advanced-filter header .controls button.toggle {
          text-decoration: underline; }
        ps-events-ui-advanced-filter header .controls button.success {
          background-color: #88bb44;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          border-radius: 2px;
          transition: all 0.2s linear;
          width: 64px;
          height: 30px;
          -ms-flex-pack: center;
              justify-content: center;
          margin-left: 10px; }
          ps-events-ui-advanced-filter header .controls button.success .icon {
            font-size: 20px;
            margin-right: 10px; }
          ps-events-ui-advanced-filter header .controls button.success:hover {
            color: #88bb44;
            background-color: #111111; }
  ps-events-ui-advanced-filter.ng-enter {
    animation: fadeIn 200ms; }
  ps-events-ui-advanced-filter.ng-leave {
    animation: fadeOut 200ms; }
  ps-events-ui-advanced-filter section {
    margin: 10px;
    border-top: 1px solid #999999;
    font-family: "Roboto", sans-serif; }
    ps-events-ui-advanced-filter section .title {
      color: #88bb44;
      font-size: 12px;
      text-transform: uppercase;
      line-height: 100%;
      margin: 10px 10px 0 10px; }
    ps-events-ui-advanced-filter section .filters {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 10px;
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      ps-events-ui-advanced-filter section .filters button {
        font-size: 12px;
        line-height: 14px;
        border: 1px solid white;
        border-right: none;
        text-transform: uppercase;
        background-color: transparent;
        transition: all 0.2s linear;
        outline: none;
        margin-bottom: 8px;
        position: relative;
        width: 100px;
        padding: 2px 8px;
        overflow-wrap: break-word;
        white-space: normal;
        height: 42px; }
        ps-events-ui-advanced-filter section .filters button::after {
          width: 1px;
          position: absolute;
          right: -1px;
          top: 0;
          bottom: 0;
          background: white;
          content: ''; }
        ps-events-ui-advanced-filter section .filters button:first-child {
          border-top-left-radius: 2px;
          border-bottom-left-radius: 2px; }
        ps-events-ui-advanced-filter section .filters button:last-child {
          border-right: 1px solid white;
          border-top-right-radius: 2px;
          border-bottom-right-radius: 2px; }
        ps-events-ui-advanced-filter section .filters button.active {
          background-color: #3399dd; }
        ps-events-ui-advanced-filter section .filters button:hover {
          opacity: 0.8; }
  ps-events-ui-advanced-filter .nano {
    height: 410px !important; }
ps-events-dropdown {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  color: rgba(17, 34, 51, 0.6);
  z-index: 2;
  display: block;
  left: 16px;
  width: 160px;
  max-width: 240px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
  ps-events-dropdown .dialog-content {
    max-height: 275px; }
  ps-events-dropdown .dropdown-container ul {
    list-style: none;
    margin: 0;
    padding: 8px 8px 8px 15px;
    width: 100%;
    font-size: 12px; }
    ps-events-dropdown .dropdown-container ul li {
      width: 100%; }
      ps-events-dropdown .dropdown-container ul li button.dropdown-btn {
        color: rgba(17, 34, 51, 0.6);
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        padding: 0;
        border: none;
        outline: none;
        background: none;
        line-height: 30px;
        width: 100%;
        text-align: left;
        text-transform: capitalize; }
        ps-events-dropdown .dropdown-container ul li button.dropdown-btn.active {
          color: #112233; }
        ps-events-dropdown .dropdown-container ul li button.dropdown-btn:hover {
          color: #112233; }
.dialog-container {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 12px; }
  .dialog-container p {
    padding-bottom: 16px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #112233;
    text-align: center; }
  .dialog-container .dialog-btn {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center; }
    .dialog-container .dialog-btn button {
      text-transform: uppercase;
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      line-height: 14px;
      background: none;
      border-radius: 4px;
      text-align: center;
      border: 1px solid #3399DD;
      color: #3399DD;
      padding: 4px 8px; }
      .dialog-container .dialog-btn button:first-child {
        margin-right: 8px; }
      .dialog-container .dialog-btn button.confirm-btn {
        color: #fff;
        background: #3399DD; }
ps-youtube {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  ps-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
ps-rename-session-static .static-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 17px;
  position: relative;
  z-index: 9000; }
  ps-rename-session-static .static-container:hover .name .static span {
    border-color: #3399dd; }
  ps-rename-session-static .static-container:hover .controls .edit span {
    color: #3399dd; }
  ps-rename-session-static .static-container.disable-rename .name .static span {
    cursor: default; }
  ps-rename-session-static .static-container.disable-rename:hover .name .static span {
    border-color: transparent; }
  ps-rename-session-static .static-container .name {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    ps-rename-session-static .static-container .name .static {
      line-height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-rename-session-static .static-container .name .static span {
        cursor: pointer;
        line-height: 100%;
        border-bottom: 1px solid transparent;
        transition: border 0.2s linear;
        height: 25px; }
  ps-rename-session-static .static-container .controls {
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex; }
    ps-rename-session-static .static-container .controls span {
      font-size: 18px;
      cursor: pointer;
      transition: all 0.2s linear; }
    ps-rename-session-static .static-container .controls .edit {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-rename-session-static .static-container .controls .edit span {
        color: #ffffff;
        animation: scaleInSpan 0.2s backwards; }

@keyframes scaleInSpan {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
  ps-rename-session-static .static-container .tutorial {
    position: absolute;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    right: -15px;
    transform: translateX(100%);
    text-align: left;
    width: 175px;
    padding-left: 45px;
    animation: fadeInTutorial 0.2s linear; }
    ps-rename-session-static .static-container .tutorial img {
      width: 35px;
      position: absolute;
      left: 0;
      top: 5px; }
    ps-rename-session-static .static-container .tutorial .text {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    ps-rename-session-static .static-container .tutorial .edit {
      margin-top: 5px;
      cursor: pointer;
      text-transform: uppercase;
      color: #3399dd; }

@keyframes fadeInTutorial {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

ps-rename-session-static .background-layer {
  background: #112233;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 8000;
  animation: fadeInBackground 0.2s linear; }

@keyframes fadeInBackground {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.8; } }
ps-rename-session-edit .edit-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  padding-bottom: 17px; }
  ps-rename-session-edit .edit-container .name {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    ps-rename-session-edit .edit-container .name .edit {
      line-height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      ps-rename-session-edit .edit-container .name .edit input {
        border: none;
        outline: none;
        background: transparent;
        text-align: left;
        border-bottom: 1px solid #3399dd;
        line-height: 100%;
        width: 510px;
        height: 25px;
        padding-right: 45px; }
      ps-rename-session-edit .edit-container .name .edit .characters-counter {
        position: absolute;
        right: 0;
        color: #0a7ac1;
        font-size: 12px;
        width: 35px;
        text-align: right; }
  ps-rename-session-edit .edit-container .controls {
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex; }
    ps-rename-session-edit .edit-container .controls span {
      font-size: 18px;
      cursor: pointer;
      transition: all 0.2s linear; }
    ps-rename-session-edit .edit-container .controls .save {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-rename-session-edit .edit-container .controls .save span {
        color: #88bb44;
        opacity: 0.6;
        animation: scaleInSpan 0.2s backwards; }
        ps-rename-session-edit .edit-container .controls .save span:last-child {
          color: #ee4433;
          margin-left: 10px;
          animation-delay: 0.1s; }
        ps-rename-session-edit .edit-container .controls .save span:hover {
          opacity: 1; }

@keyframes scaleInSpan {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 0.6;
    transform: scale(1); } }
  ps-rename-session-edit .edit-container .name-error {
    font-size: 12px;
    color: #ee4433;
    line-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase; }
    ps-rename-session-edit .edit-container .name-error.ng-enter {
      animation: fadeIn 0.2s; }
    ps-rename-session-edit .edit-container .name-error.ng-leave {
      animation: fadeOut 0.2s; }
ps-rename-session-info {
  line-height: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #3399dd;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase; }
ps-club-admin-vod-status {
  display: -ms-flexbox;
  display: flex; }
  ps-club-admin-vod-status .toogle-status {
    margin-right: 20px; }
  ps-club-admin-vod-status .status-description .title {
    color: #88bb44;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 5px; }
  ps-club-admin-vod-status .status-description .text {
    font-size: 14px; }
ps-club-admin-vod-type .vod-type-container {
  margin-bottom: 30px; }
  ps-club-admin-vod-type .vod-type-container .title {
    margin-bottom: 20px;
    color: #88bb44;
    font-size: 18px; }
  ps-club-admin-vod-type .vod-type-container .vod-type {
    display: -ms-flexbox;
    display: flex; }
    ps-club-admin-vod-type .vod-type-container .vod-type .radio-wrap {
      margin-left: 30px; }
      ps-club-admin-vod-type .vod-type-container .vod-type .radio-wrap:first-child {
        margin-left: 0; }
      ps-club-admin-vod-type .vod-type-container .vod-type .radio-wrap .radio-value {
        font-size: 16px;
        line-height: 100%; }

ps-club-admin-vod-type .permissions-container .checkbox-wrap span {
  white-space: normal !important; }
  ps-club-admin-vod-type .permissions-container .checkbox-wrap span span {
    max-width: 460px;
    font-size: 16px; }
ps-club-admin-vod-passcode .passcode-status-container {
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  ps-club-admin-vod-passcode .passcode-status-container .text {
    color: #88bb44;
    font-size: 18px;
    margin-left: 25px; }

ps-club-admin-vod-passcode .passcode-container .info {
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center; }
  ps-club-admin-vod-passcode .passcode-container .info .text {
    margin-right: 15px; }
  ps-club-admin-vod-passcode .passcode-container .info .code {
    border: 1px solid white;
    padding: 5px 20px;
    line-height: 100%; }

ps-club-admin-vod-passcode .passcode-container .support {
  font-size: 14px; }
  ps-club-admin-vod-passcode .passcode-container .support a {
    color: #3399dd;
    text-decoration: none; }
    ps-club-admin-vod-passcode .passcode-container .support a:hover {
      box-shadow: 0 1px 0 0 #3399dd; }
ps-club-admin-vod-description {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: block; }
  ps-club-admin-vod-description .vod-description-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    background-image: radial-gradient(circle at 0 0, #112233, #004466); }
  ps-club-admin-vod-description .vod-description-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    width: 500px;
    border-radius: 2px;
    background-color: #eeeeee;
    animation: descriptionSlideInDown 0.2s linear; }
    ps-club-admin-vod-description .vod-description-container .close-description {
      cursor: pointer;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 0;
      right: -20px;
      left: auto;
      bottom: auto;
      background-image: url("/Content/images/web/assets/icon/close-popup.png");
      background-repeat: no-repeat;
      background-position: center; }
    ps-club-admin-vod-description .vod-description-container .paragraph {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 18px;
      color: #333333; }
      ps-club-admin-vod-description .vod-description-container .paragraph:last-child {
        margin-bottom: 0; }
      ps-club-admin-vod-description .vod-description-container .paragraph .title {
        color: #3399dd;
        font-size: 18px;
        line-height: 20px; }

@keyframes descriptionSlideInDown {
  0% {
    top: calc(50% - 30px);
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
ps-club-admin-premium .premium-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px; }
  ps-club-admin-premium .premium-container .live {
    width: 50%;
    padding-right: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
  ps-club-admin-premium .premium-container .vod {
    width: 50%;
    padding-left: 30px; }

ps-club-admin-premium ps-preloader .ps-preloader-overlay {
  position: fixed;
  z-index: 10000; }
ps-club-admin-vod {
  display: block; }
  ps-club-admin-vod header {
    margin-bottom: 30px; }
    ps-club-admin-vod header .title {
      font-family: "Lato", sans-serif;
      font-size: 24px;
      color: #88bb44;
      margin-bottom: 15px; }
    ps-club-admin-vod header .description {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      width: 385px; }
      ps-club-admin-vod header .description span {
        color: #3399dd;
        cursor: pointer;
        transition: box-shadow 0.2s linear; }
        ps-club-admin-vod header .description span:hover {
          box-shadow: 0 1px 0 0 #3399dd; }
  ps-club-admin-vod .vod-status-container {
    margin-bottom: 40px; }
  ps-club-admin-vod .vod-type-container {
    margin-bottom: 40px; }
  ps-club-admin-vod .price-container {
    margin-bottom: 40px; }
  ps-club-admin-vod .passcode-container, ps-club-admin-vod .duration-container {
    margin-bottom: 50px; }
  ps-club-admin-vod .managing-container {
    font-size: 16px; }
    ps-club-admin-vod .managing-container a {
      color: #3399dd;
      text-decoration: none; }
      ps-club-admin-vod .managing-container a:hover {
        box-shadow: 0 1px 0 0 #3399dd; }
  ps-club-admin-vod ps-club-admin-vod-description.ng-enter {
    animation: fadeIn 200ms; }
ps-club-admin-live {
  display: block; }
  ps-club-admin-live header {
    margin-bottom: 40px;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    color: #88bb44; }
  ps-club-admin-live .subscriptions-container {
    margin-bottom: 40px; }
    ps-club-admin-live .subscriptions-container .subscription-plan-container {
      margin-bottom: 40px; }
      ps-club-admin-live .subscriptions-container .subscription-plan-container:last-child {
        margin-bottom: 0; }
  ps-club-admin-live .groups-container {
    margin-bottom: 40px; }
    ps-club-admin-live .groups-container .title {
      font-family: "Lato", sans-serif;
      font-size: 18px;
      color: #88bb44;
      margin-bottom: 25px; }
    ps-club-admin-live .groups-container .partners-container .partner {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      ps-club-admin-live .groups-container .partners-container .partner:last-child {
        margin-bottom: 0; }
      ps-club-admin-live .groups-container .partners-container .partner .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        transition: opacity 0.3s linear;
        cursor: pointer; }
        ps-club-admin-live .groups-container .partners-container .partner .item:hover {
          opacity: 0.8; }
        ps-club-admin-live .groups-container .partners-container .partner .item .image {
          width: 60px;
          min-width: 60px;
          height: 60px;
          max-height: 60px;
          margin-right: 20px;
          background-color: #a0a7ad;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          overflow: hidden; }
          ps-club-admin-live .groups-container .partners-container .partner .item .image img {
            max-width: 90%;
            max-height: 90%; }
        ps-club-admin-live .groups-container .partners-container .partner .item .data {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          font-family: "Roboto", sans-serif; }
          ps-club-admin-live .groups-container .partners-container .partner .item .data .name {
            font-size: 20px; }
          ps-club-admin-live .groups-container .partners-container .partner .item .data .description {
            font-size: 16px; }
ps-club-admin-premium-price .current-price {
  font-size: 18px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex; }
  ps-club-admin-premium-price .current-price .title {
    color: #88bb44;
    margin-right: 10px; }

ps-club-admin-premium-price .editing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 15px;
  padding-bottom: 5px; }
  ps-club-admin-premium-price .editing .slider {
    width: 100%;
    padding-right: 30px;
    position: relative; }
    ps-club-admin-premium-price .editing .slider .price-from, ps-club-admin-premium-price .editing .slider .price-to {
      position: absolute;
      font-size: 12px;
      color: #999999; }
    ps-club-admin-premium-price .editing .slider .price-from {
      bottom: -6px;
      left: 0;
      transform: translate(-50%, 100%); }
    ps-club-admin-premium-price .editing .slider .price-to {
      bottom: -6px;
      right: 30px;
      transform: translate(50%, 100%); }
    ps-club-admin-premium-price .editing .slider ps-control-slider {
      position: relative; }
      ps-club-admin-premium-price .editing .slider ps-control-slider:before, ps-club-admin-premium-price .editing .slider ps-control-slider:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 9px;
        z-index: 1;
        border-radius: 50%;
        top: -2.5px; }
      ps-club-admin-premium-price .editing .slider ps-control-slider:before {
        background: #3399dd;
        left: -4.5px; }
      ps-club-admin-premium-price .editing .slider ps-control-slider:after {
        background: white;
        right: -4.5px; }
      ps-club-admin-premium-price .editing .slider ps-control-slider .ui-slider-handle {
        height: 16px;
        width: 16px;
        background-color: #3399dd;
        transform: translate(-50%, -35%);
        z-index: 2; }
  ps-club-admin-premium-price .editing .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    ps-club-admin-premium-price .editing .info .new-price {
      font-size: 16px;
      margin-right: 10px;
      padding: 5px 10px;
      border: 1px solid white;
      min-width: 71px;
      text-align: center; }
    ps-club-admin-premium-price .editing .info button {
      font-size: 14px;
      text-transform: uppercase;
      border: none;
      background-color: #3399dd;
      padding: 7px 20px;
      border-radius: 2px;
      transition: background-color 0.2s linear; }
      ps-club-admin-premium-price .editing .info button:hover {
        background-color: #1c70a8; }
ps-club-admin-vod-duration .title {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }
  ps-club-admin-vod-duration .title .text {
    color: #88bb44;
    margin-right: 10px; }

ps-club-admin-vod-duration .description {
  margin-bottom: 20px;
  font-size: 16px; }

ps-club-admin-vod-duration .editing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  ps-club-admin-vod-duration .editing .input-container {
    margin-right: 10px;
    position: relative; }
    ps-club-admin-vod-duration .editing .input-container input {
      box-shadow: 0 2px 0 0 #3399dd;
      border: none;
      background-color: transparent;
      font-size: 16px;
      height: 40px;
      width: 60px;
      text-align: center;
      transition: all 0.2s;
      padding: 5px;
      outline: none;
      color: white; }
    ps-club-admin-vod-duration .editing .input-container span {
      font-size: 12px;
      color: #ee4433;
      position: absolute;
      white-space: nowrap;
      bottom: -10px;
      transform: translateY(100%); }
      ps-club-admin-vod-duration .editing .input-container span.ng-enter {
        animation: fadeIn 200ms; }
    ps-club-admin-vod-duration .editing .input-container.error input {
      box-shadow: 0 2px 0 0 #ee4433; }
  ps-club-admin-vod-duration .editing span {
    margin-right: 25px;
    font-size: 14px;
    font-family: "Lato", sans-serif; }
  ps-club-admin-vod-duration .editing.ng-enter {
    animation: fadeIn 200ms; }

ps-club-admin-vod-duration button {
  background-color: #3399dd;
  border: none;
  border-radius: 2px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 100%;
  padding: 10px;
  height: 40px; }
  ps-club-admin-vod-duration button.ng-enter {
    animation: fadeIn 200ms; }
ps-profile-ranking header {
  position: relative;
  color: #88bb44;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  margin-bottom: 15px; }
  ps-profile-ranking header .rank {
    position: absolute;
    left: 275px;
    top: 0; }

ps-profile-ranking section {
  margin-bottom: 30px; }
  ps-profile-ranking section ps-profile-ranking-method {
    margin-bottom: 15px;
    display: block; }
    ps-profile-ranking section ps-profile-ranking-method:last-child {
      margin-bottom: 0; }

ps-profile-ranking footer {
  display: -ms-flexbox;
  display: flex; }

ps-profile-ranking ps-preloader .ps-preloader-overlay {
  position: fixed;
  z-index: 99999; }
ps-profile-ranking-method .method-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  font-family: "Roboto", sans-serif; }
  ps-profile-ranking-method .method-container .method-select, ps-profile-ranking-method .method-container .method-value {
    height: 40px;
    margin-right: 25px; }
  ps-profile-ranking-method .method-container .method-select {
    color: #3399dd;
    cursor: pointer;
    position: relative;
    width: 250px; }
    ps-profile-ranking-method .method-container .method-select.active {
      color: #111111; }
      ps-profile-ranking-method .method-container .method-select.active .value-container, ps-profile-ranking-method .method-container .method-select.active .options-container {
        background-color: white; }
        ps-profile-ranking-method .method-container .method-select.active .value-container span, ps-profile-ranking-method .method-container .method-select.active .options-container span {
          transform: rotate(180deg);
          color: #3399dd; }
    ps-profile-ranking-method .method-container .method-select .value-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      border-bottom: 2px solid #3399dd;
      padding: 0 10px;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
      ps-profile-ranking-method .method-container .method-select .value-container .text {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 10px;
        text-transform: uppercase; }
      ps-profile-ranking-method .method-container .method-select .value-container span {
        font-weight: bold; }
    ps-profile-ranking-method .method-container .method-select .options-container {
      z-index: 9999;
      width: 100%;
      position: absolute;
      top: 100%;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      max-height: 200px;
      overflow-y: auto; }
      ps-profile-ranking-method .method-container .method-select .options-container .option {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: uppercase; }
        ps-profile-ranking-method .method-container .method-select .options-container .option.active {
          color: #3399dd; }
        ps-profile-ranking-method .method-container .method-select .options-container .option:hover {
          background-color: #3399dd;
          color: white; }
  ps-profile-ranking-method .method-container .method-value {
    width: 150px; }
    ps-profile-ranking-method .method-container .method-value input {
      height: 100%;
      width: 100%;
      border: none;
      border-bottom: 2px solid #3399dd;
      background: transparent;
      outline: none;
      padding: 0 10px;
      text-transform: uppercase;
      color: #3399dd; }
  ps-profile-ranking-method .method-container .controls-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    ps-profile-ranking-method .method-container .controls-container ps-profile-ranking-control {
      margin-right: 25px; }
      ps-profile-ranking-method .method-container .controls-container ps-profile-ranking-control:last-child {
        margin-right: 0; }
ps-profile-ranking-control {
  display: block; }
  ps-profile-ranking-control .control-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    ps-profile-ranking-control .control-container .control-icon {
      margin-right: 10px;
      font-size: 20px; }
      ps-profile-ranking-control .control-container .control-icon.blue {
        color: #3399dd; }
      ps-profile-ranking-control .control-container .control-icon.green {
        color: #88bb44; }
      ps-profile-ranking-control .control-container .control-icon.red {
        color: #ee4433; }
    ps-profile-ranking-control .control-container .control-text {
      font-size: 14px;
      text-transform: uppercase;
      color: white; }
    ps-profile-ranking-control .control-container.disabled {
      cursor: default; }
      ps-profile-ranking-control .control-container.disabled .control-icon, ps-profile-ranking-control .control-container.disabled .control-text {
        color: #999999; }
ps-profile-delete-account {
  font-family: "Lato", sans-serif; }
  ps-profile-delete-account .description {
    font-size: 14px;
    margin-bottom: 40px; }
  ps-profile-delete-account button {
    font-size: 14px;
    background: transparent;
    border: 2px solid #ee4433;
    color: #ee4433;
    padding: 10px 25px 10px 25px;
    line-height: 100%;
    text-transform: uppercase;
    outline: none;
    border-radius: 2px; }
    ps-profile-delete-account button:not([disabled]) {
      transition: all 0.2s linear; }
      ps-profile-delete-account button:not([disabled]):hover {
        border-color: #dc2512;
        color: #dc2512; }
  ps-profile-delete-account ps-preloader .ps-preloader-overlay {
    position: fixed;
    z-index: 99999; }
ps-profile-delete-confirm {
  position: relative;
  display: block; }
  ps-profile-delete-confirm .close {
    opacity: 0.7;
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -20px;
    left: auto;
    bottom: auto;
    background-image: url("/Content/images/web/assets/icon/close-popup-white.png");
    background-repeat: no-repeat;
    background-position: center; }
  ps-profile-delete-confirm form {
    padding: 30px 30px 20px 30px;
    font-family: "Lato", sans-serif; }
    ps-profile-delete-confirm form .title {
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 20px;
      color: #ee4433;
      text-align: center; }
    ps-profile-delete-confirm form .description {
      text-align: center;
      font-size: 16px; }
      ps-profile-delete-confirm form .description div {
        margin-bottom: 15px; }
        ps-profile-delete-confirm form .description div:last-child {
          margin-bottom: 0; }
    ps-profile-delete-confirm form .password-container {
      margin-top: 50px;
      margin-bottom: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-profile-delete-confirm form .password-container .field .placeholder {
        font-size: 10px;
        color: #3399dd;
        text-transform: uppercase;
        margin-bottom: 5px;
        margin-left: 10px; }
      ps-profile-delete-confirm form .password-container .field input {
        background: transparent;
        border: none;
        border-bottom: 2px solid #3399dd;
        height: 40px;
        outline: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 270px;
        font-size: 20px; }
        ps-profile-delete-confirm form .password-container .field input.ng-dirty.ng-invalid {
          border-color: #ee4433; }
    ps-profile-delete-confirm form .buttons-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-profile-delete-confirm form .buttons-container button:first-child {
        margin-right: 30px; }
ps-mobile-application-view {
  display: block; }
  ps-mobile-application-view header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 8px 8px 8px 16px;
    background-color: #FFFFFF;
    animation: slideFromTop 0.3s ease-in; }
    ps-mobile-application-view header section {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-mobile-application-view header section .close-notification {
        width: 24px;
        height: 24px;
        background-image: url(/Content/images/web/assets/icon/close-small.svg);
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        outline: none;
        background-color: transparent;
        margin-right: 16px; }
      ps-mobile-application-view header section img {
        width: 20px;
        margin-right: 16px; }
      ps-mobile-application-view header section .text {
        color: #112233;
        font-size: 16px;
        font-weight: bold; }
    ps-mobile-application-view header .view {
      color: #00AAEE;
      border: 2px solid #00AAEE;
      background-color: transparent;
      font-size: 14px;
      height: 40px;
      text-transform: uppercase;
      font-weight: bold;
      outline: none;
      line-height: 100%;
      padding: 5px 10px; }

@keyframes slideFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
ps-sport-icon {
  display: inline-block;
  line-height: 100%; }
  ps-sport-icon i {
    display: inline-block;
    width: auto;
    line-height: 100%; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

.tagging-page {
  padding-bottom: 80px; }
  .tagging-page .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row; }
    .tagging-page .container .tagging-nav {
      width: 270px;
      margin-left: 30px; }
    .tagging-page .container .about-court {
      text-align: center;
      padding: 15px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .tagging-page .container .about-court span {
        color: #fff;
        font-family: "Lato";
        font-size: 18px;
        display: block; }
    .tagging-page .container .step .step-name {
      text-align: center;
      padding: 22px 0;
      border-bottom: 2px solid #88bb44; }
      .tagging-page .container .step .step-name span {
        color: #88bb44;
        font-size: 30px;
        font-family: "Lato"; }
      .tagging-page .container .step .step-name.progress-name {
        padding: 30px 0;
        border-bottom: none;
        min-height: 85px; }
        .tagging-page .container .step .step-name.progress-name span {
          font-size: 18px; }
    .tagging-page .container .step .step-color-picker {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .tagging-page .container .step .step-button {
      display: block;
      text-align: center;
      cursor: pointer;
      text-transform: uppercase;
      margin-top: 20px;
      background: #88bb44;
      line-height: 50px;
      border-radius: 2px;
      font-size: 14px;
      font-family: "Lato";
      text-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
      text-decoration: none; }
      .tagging-page .container .step .step-button i, .tagging-page .container .step .step-button span {
        display: inline-block;
        vertical-align: middle;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .tagging-page .container .step .step-button i {
        font-size: 20px;
        margin-right: 7px; }
      .tagging-page .container .step .step-button:hover {
        background: #111;
        color: #88bb44; }
    .tagging-page .container .step .tag-team {
      margin: 35px 0; }
      .tagging-page .container .step .tag-team span {
        font-size: 14px;
        font-family: "Roboto"; }
    .tagging-page .container .step .button-back {
      cursor: pointer;
      color: #3399dd;
      font-size: 14px;
      display: block;
      text-align: center;
      margin-top: 20px;
      text-transform: uppercase;
      text-decoration: underline;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .tagging-page .container .step ps-action-initiator {
      border-radius: 3px;
      overflow: hidden;
      display: block; }
    .tagging-page .container .step .sub-action-container {
      text-transform: uppercase; }
      .tagging-page .container .step .sub-action-container .sub-action-head {
        line-height: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 0 10px;
        border-bottom: 1px solid rgba(17, 17, 17, 0.2); }
        .tagging-page .container .step .sub-action-container .sub-action-head a {
          text-decoration: underline;
          color: #111;
          cursor: pointer; }
          .tagging-page .container .step .sub-action-container .sub-action-head a:hover {
            text-decoration: none; }
      .tagging-page .container .step .sub-action-container .sub-action-name {
        text-transform: none;
        text-align: center;
        line-height: 40px;
        font-family: "Lato";
        font-size: 18px; }
      .tagging-page .container .step .sub-action-container .sub-action-body .list-players {
        border-top: 1px solid rgba(17, 17, 17, 0.2);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .tagging-page .container .step .sub-action-container .sub-action-body .list-players .person {
          cursor: pointer;
          width: 90px;
          height: 80px;
          border-bottom: 1px solid rgba(17, 17, 17, 0.2);
          border-right: 1px solid rgba(17, 17, 17, 0.2);
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          -ms-flex-line-pack: center;
              align-content: center;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          transition: 0.3s;
          overflow: hidden;
          text-overflow: ellipsis; }
          .tagging-page .container .step .sub-action-container .sub-action-body .list-players .person .player-number, .tagging-page .container .step .sub-action-container .sub-action-body .list-players .person .player-name {
            text-shadow: 0 1px 1px rgba(17, 17, 17, 0.2); }
          .tagging-page .container .step .sub-action-container .sub-action-body .list-players .person .player-number {
            font-family: "Lato";
            font-size: 24px; }
      .tagging-page .container .step .sub-action-container .sub-action-body .unknown {
        margin-top: -1px;
        line-height: 40px;
        cursor: pointer;
        text-align: center;
        display: block;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(17, 17, 17, 0.2);
        border-top: 1px solid rgba(17, 17, 17, 0.2); }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

.colors-main-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #3399dd;
  cursor: pointer; }
  .colors-main-section .selected-color {
    width: 110px;
    height: 40px;
    background: #fff; }
  .colors-main-section .arrow {
    font-size: 14px;
    cursor: pointer; }

.colors-dropdown {
  margin-top: 10px; }
  .colors-dropdown .color-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 77px;
    z-index: 2; }
    .colors-dropdown .color-list.ng-enter {
      animation: fadeIn 600ms; }
    .colors-dropdown .color-list.ng-leave {
      animation: fadeOut 400ms; }
    .colors-dropdown .color-list .color {
      width: 65px;
      height: 38px;
      cursor: pointer; }
      .colors-dropdown .color-list .color.selected {
        box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 4px #3399dd, inset 0 0 0 5px #fff; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

ps-tagging-settings .team-element {
  width: 130px;
  text-align: center;
  font-size: 18px;
  font-family: "Lato";
  margin-top: 25px;
  position: relative; }
  ps-tagging-settings .team-element span.color-one {
    color: #ff5533 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-two {
    color: #ffa12d !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-three {
    color: #ffcc11 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-four {
    color: #bbdd00 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-five {
    color: #44bb66 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-six {
    color: #00aa99 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-seven {
    color: #0099dd !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-eight {
    color: #0077cc !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-nine {
    color: #7755dd !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-ten {
    color: #cc66dd !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-eleven {
    color: #ee4477 !important;
    background: transparent !important; }
  ps-tagging-settings .team-element span.color-twelve {
    color: #aa5544 !important;
    background: transparent !important; }

ps-tagging-settings .choose-box {
  border: 2px solid #3399dd;
  border-radius: 2px;
  text-align: center; }
  ps-tagging-settings .choose-box .line label {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-family: "Roboto";
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    margin: 0; }
  ps-tagging-settings .choose-box .line input {
    position: absolute;
    left: -9999px; }
  ps-tagging-settings .choose-box .line input[type="radio"]:checked + label {
    background: #3399dd;
    transition: all 0.3s; }
  ps-tagging-settings .choose-box .line.selected {
    background: #3399dd; }
  ps-tagging-settings .choose-box .line span {
    text-transform: uppercase; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

ps-tagging-roster .step.tagging-roster .step-name span.roster-name {
  font-size: 24px; }

ps-tagging-roster .step.tagging-roster .step-name span.sub-name {
  font-size: 10px;
  font-family: "Roboto";
  color: #fff;
  display: block;
  text-transform: uppercase; }

ps-tagging-roster .step.tagging-roster .roster {
  background: #fff;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 10px 0 0 0;
  padding: 0 20px 15px 20px; }
  ps-tagging-roster .step.tagging-roster .roster li {
    list-style: none;
    margin: 15px 0 0 0;
    cursor: pointer;
    width: 33%;
    text-align: center;
    position: relative; }
    ps-tagging-roster .step.tagging-roster .roster li .pop-up {
      display: none;
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: 145px;
      padding: 10px 0;
      background: #eee;
      border-radius: 3px;
      margin-bottom: 5px;
      text-align: center;
      font-size: 10px;
      color: #111;
      z-index: 5;
      text-transform: uppercase;
      box-shadow: 0 2px 2px rgba(17, 17, 17, 0.2);
      cursor: default; }
      ps-tagging-roster .step.tagging-roster .roster li .pop-up:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #eee;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -5px; }
    ps-tagging-roster .step.tagging-roster .roster li label {
      cursor: pointer;
      transition: 0.3s; }
      ps-tagging-roster .step.tagging-roster .roster li label.disabled {
        opacity: .5;
        cursor: default; }
    ps-tagging-roster .step.tagging-roster .roster li span {
      display: block;
      font-size: 12px;
      font-family: "Roboto"; }
    ps-tagging-roster .step.tagging-roster .roster li .player-name {
      color: #999;
      transition: 0.3s; }
    ps-tagging-roster .step.tagging-roster .roster li .photo-area {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin: 0 auto;
      position: relative;
      border: 2px solid transparent; }
      ps-tagging-roster .step.tagging-roster .roster li .photo-area img {
        max-width: 100%;
        border-radius: 100%;
        height: 100%; }
      ps-tagging-roster .step.tagging-roster .roster li .photo-area:after {
        content: '';
        width: 18px;
        height: 18px;
        background: url("/Content/images/web/activities/blue-checkbox.jpg");
        position: absolute;
        z-index: 2;
        right: -8px;
        top: -8px;
        border-radius: 4px;
        opacity: 0;
        transition: 0.3s; }
    ps-tagging-roster .step.tagging-roster .roster li input[type="checkbox"] {
      opacity: 0;
      position: absolute;
      visibility: hidden; }
    ps-tagging-roster .step.tagging-roster .roster li input[type="checkbox"]:checked ~ .player-name {
      color: #3399dd; }
    ps-tagging-roster .step.tagging-roster .roster li input[type="checkbox"]:checked + .photo-area {
      border: 2px solid #3399dd; }
    ps-tagging-roster .step.tagging-roster .roster li input[type="checkbox"]:checked + .photo-area:after {
      opacity: 1; }
    ps-tagging-roster .step.tagging-roster .roster li input[type="checkbox"]:checked:hover ~ .remove-tooltip {
      display: block; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

ps-tagging-action .step.tagging-action .step-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

ps-tagging-action .step.tagging-action .period-dropdown {
  width: 130px;
  height: 40px;
  position: relative;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  ps-tagging-action .step.tagging-action .period-dropdown.active {
    background: #111; }
  ps-tagging-action .step.tagging-action .period-dropdown .open-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 10px;
    cursor: pointer; }
    ps-tagging-action .step.tagging-action .period-dropdown .open-link .start-counter {
      font-size: 24px;
      text-decoration: underline;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 90px;
      overflow: hidden;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    ps-tagging-action .step.tagging-action .period-dropdown .open-link i {
      font-size: 13px;
      color: #fff;
      margin-left: 10px; }
  ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container {
    position: absolute;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #111;
    padding: 10px;
    list-style-type: none;
    width: 100%;
    top: 40px;
    left: 0;
    z-index: 5; }
    ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container.ng-enter {
      animation: flipInX 600ms; }
    ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container.ng-leave {
      animation: flipOutX 400ms; }
    ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container li {
      height: 30px;
      line-height: 30px;
      border-radius: 2px; }
      ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container li.active {
        background: #3399dd; }
    ps-tagging-action .step.tagging-action .period-dropdown .drop-down-container span {
      cursor: pointer;
      font-size: 12px;
      font-family: "Roboto";
      text-transform: uppercase;
      color: #fff; }

ps-tagging-action .step.tagging-action .start-period {
  width: 130px;
  height: 40px;
  background: #88bb44;
  text-align: center;
  line-height: 40px;
  border: none;
  outline: none;
  border-radius: 2px;
  font-family: "Lato";
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(17, 17, 17, 0.2);
  position: relative;
  transition: all 0.3s; }

ps-tagging-action .step.tagging-action .start-period:disabled {
  background: #999; }

ps-tagging-action .step.tagging-action .action-list-container {
  margin-top: 10px;
  position: relative; }
  ps-tagging-action .step.tagging-action .action-list-container ps-action-settings {
    margin-top: 20px; }
  ps-tagging-action .step.tagging-action .action-list-container ps-actions-tags, ps-tagging-action .step.tagging-action .action-list-container ps-action-settings {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    -ms-flex-direction: column;
        flex-direction: column; }
  ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container {
    margin-top: 20px;
    border-radius: 2px; }
    ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container:first-child {
      margin-top: 0; }
    ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container .action-tag {
      border-bottom: none; }
    ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container .name {
      display: block;
      transition: 0.3s;
      border-bottom: 1px solid rgba(17, 17, 17, 0.2);
      font-weight: normal; }
    ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container label {
      cursor: pointer;
      display: block;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      margin: 0; }
    ps-tagging-action .step.tagging-action .action-list-container ps-action-settings .action-container input[type="checkbox"] {
      opacity: 0;
      position: absolute;
      visibility: hidden; }
  ps-tagging-action .step.tagging-action .action-list-container .action-container {
    text-shadow: 0 1px 1px rgba(17, 17, 17, 0.2); }
    ps-tagging-action .step.tagging-action .action-list-container .action-container .action-tag {
      line-height: 41px;
      cursor: pointer;
      border-bottom: 1px solid rgba(17, 17, 17, 0.2);
      text-transform: uppercase; }
  ps-tagging-action .step.tagging-action .action-list-container .notice {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(17, 34, 51, 0.9);
    top: 0;
    left: 0;
    z-index: 9999; }
    ps-tagging-action .step.tagging-action .action-list-container .notice.ng-enter {
      animation: fadeIn 600ms; }
    ps-tagging-action .step.tagging-action .action-list-container .notice.ng-leave {
      animation: fadeOut 400ms; }
    ps-tagging-action .step.tagging-action .action-list-container .notice p {
      font-size: 24px;
      font-family: "Lato";
      text-align: center;
      margin-top: 10px; }
    ps-tagging-action .step.tagging-action .action-list-container .notice .arrow-cloak {
      display: block;
      height: 75px;
      margin-top: 15px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAABGCAQAAABsmtIoAAAIj0lEQVRo3t3ae3CU1RnH8d+7t2w2yZKw3HPDEC6KQOR+CYhKHYQwOhFDEESHKlRsByhBiIxCx7FBarWdEklVqqIzFQ0dGSxgkabIRcSOjMnAUG5yk1vCpdVANiT77R/vEkGS7CU4vHjOP0nOszv7mfPuc855TqTGmyH7FT/bFFXjhvammkuGN65Lz/TeqSmS7NHhrEhzyN45cdfK7y6crzn3TXG+JHc0OOvRDLkVVzKPy+3ktDFyySXj5qe5FDt61IWjcCngr7sYgKq9d2fLETnOajRD7oT0zasATtUe8tfX1wOHd/TuJUPOm5sWI+/sJ6mFQOBg7deXaoG6AFSsS0uTS46bl2aXu2vfr/8NcODSFxcDrPp220WoBz4qadVOTtnDfyytRLPJraSlLwFU1y86+Wk1zD/aY+epWjOfvPaszauY8HOllWguxdw77mIlQMmpifv8AfjjPr2bsy2YK6ufeVxuucLFWYdml8fbedsnAJU13TfP2wPw5ld6UUUFQVz1N3njZJc7vIfSKjRDbiXMn2MSXijX8hcrAN7bYZ+px7WwuNz8xp3b17+v7OEtBFahOeW+Y8SZgwB7znhf1cKirQB//9w7SaOUZ1+49gjU1MGhz7p3lxEOzho0m2Jcnd5/HaC27qFVekpPLvgI4F9ftn9IvTRED6a+/FUlHDoHuz7I7Chb6IXAGrQYxU3J958FWFmhWcpVbsF7AF/syshTum7RIOX3L/70wMETG7b/b/ee32UkXHU6sCzNIY8vc+c/AM77e7+iHGVr5C/fANhzqO+jSlZrJWuIHkosmPVO/3nDpx1/feukJFuo444VaG55n58NcPj86BXK10B1V7+JrwAcPz1yhpIVr1glK0vDda/uU7+0rNOF63JCHXduPM0me1Y/DsJ3/539N03RCKWro24b/lx9AKqrcwuVqjjZ5VEbpaubblVPdRjcvX7OW/0la9Pssj2Sd3jbc28X/KXzbI1UphKUpG63zjzzLcCsl9VFCZIMORWrBCXKp/aKz+v+6u0Op5Vphhxq3aFX+5EarRyNUDclyiGPMlpP+fIwwLL31EuJMiQZMmTILqfi1EoxcsndXCq58TS7vOqgTPXWrUpTolySYtRZOW9vB9iw1Zst31WzY8gul9xyyWH171qMvPLJp0TFySFDklPJuvPp9wGOHe07Xu3kumYrbQ9VM7nxNEOGbLLLdsWBxaa2GjDihQu1QOCRQnWS56dS0TLkVc/4aea37bX31U3enwpNilWmxr1aBrD/6/SfqXVkJ2wr05xK1tD7l1bXAhQsUttwjzLWp9nkU+/EGZv2A+zckdBHcZHOm1VpUpwyNHZWKQD1c55RkmJ/KjSn2mto6oI9pwH2l3fqq9hQe/2bhWZTgnoqd95a8+T955fUNpKij5VpkkspyvYV7q4CuFT1cJ48kZRZr9vHtDGI+ZRSzhlqqOEM5ZQyn0HYoqUZStTtuj9vpTlvez/r0Ueu8HHXhZVCEUdoqh2hiJRoaFKMOmmYZrxVYb7T2hW2trKHi2sxy0cx/gbGAdZQzGIWU8waDjT83U8xvshphuLVQ/e1K9p7DgLA8j8oXo7w0kkLYXlUBj/8FqaTfM14MtPZEoyoZEKkNMmpNuqrh0e9W11nvsuK33dsL0POH7Wi5WBZ8EOvZ3CzkQNZH4xchiMymiG3UjRC05/6BMyZK1ve/xZJtlC4qGEe1gBQxfiw4sdTBcAaPJHQzEWgq0ZpZsGmy7ijZXnZwbHrT3OwGoAdjSQIB0tZir2RZLMDgNXfz1x4zaEk9dAY/foX/6zDrCIHji2bm94uOK/Xl1YCQBnxjYwNBmj0EY2nDICSyGiGXPLpduVo5n2rj1SbODiw8Ve5HZKa5kUFmwDAduIaHc0GILvRsXi2AzAxEppZ8vGpp8Zqxm0rNhxvSLyXKj54dlxmq4aoltJ8VAKVpDYx3hxNpFIJnKFtJDRz5pLUTaM01bGk4PNTFwEuAdSdK9s4Z27WbXE/BEZBM/Ni08mjeZoY//1DGVlzqJUyNFz5mnvHuyW7z/vh/LcXAmdPndvEqhNPrR+5qEsfV7IuZ8+IYWnUAh83ExGKJj4GakmLlGbIIY+SlaUxmqpFw/76RnnZvp3/efOdoZMeeWxh7sYHT04+NmH14HlJWc6oaEUADGgRbSAARZHSTF6MWquLhugBTTWeTv/N3c/fM1t3KVMd4zuOyVx5Fz9n5LwkSUbEm+CjwJZmY0LTxBbgKFH+85VdHrVTVw3QPRoTMzom28hSF3VUO3vbDN8DXR/r0iNBtohpgwCY1mLadAAGKcpmyKk4tVGqMpShVLVXa3nlVaISFSuXXHJETCsEaGofHwEtBYD5alFzyKVYeeSWUw455JQ7+LsrilkrBQ6EiAmHJvYDpWphM36wnpk1ZbtZrI2QVgGsuS60NUCFfqRmRLGuVQFLrwutGKi6wfWLq7rfTNph0B4NYxHx32y0NGqAGkY3G/Vbq9GqgD+FjBqHPyRuqdUeyHDSSHg4M41YiFYK7A8rMhRuH1BqJVo4S3Y4uMtLtoVo5gn6iTCjL+MGXjPyRHCjZSGauT3eHHa8iZt1zd83B7fHWKmHPtRc3YdRcGUNCyEGNBxqLEVLwQ+sbdF7rAX8pFiNZm6RIDfq1+cGi62yHs1HFXCaTlG9uhOngSrzBsBqNJEfLNZ5oqg5m8W6h4PFOqzXzRLrughxHtaZN5wNJVYL0lzBwvg2OoT9mg5sCxbGXVamCQ/mJfMJxoYVn8MJAD666joDa3Zn8LGED+nTbGQfPgxGluC86hIK6/b84NVhgA1Mps01422YzAYCwavDiddcHWLl3oZlDRe+9VSwkiUsYAFLWElF8E4F/CxrBG5xmrlDWcyxJq/pj7G4yWt6boZuYxCFlFLOWWqp5SzllFLY/D9X/B+NVcNeKINb2AAAAABJRU5ErkJggg==) no-repeat;
      background-position: 45px 0; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

ps-tagging-progress .step.tagging-progress .progress-name-error {
  color: #ee4433 !important; }

ps-tagging-progress .step.tagging-progress .progress-container {
  text-align: center; }
  ps-tagging-progress .step.tagging-progress .progress-container span {
    text-transform: uppercase; }

ps-tagging-progress .step.tagging-progress .step-progress {
  width: 200px;
  height: 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto 15px;
  overflow: hidden; }
  ps-tagging-progress .step.tagging-progress .step-progress .progress-overlay {
    background: #fff;
    height: 100%;
    transition: all 0.5s linear; }

ps-tagging-progress .step.tagging-progress .progress-link {
  margin-top: 40px; }
  ps-tagging-progress .step.tagging-progress .progress-link a {
    display: block;
    cursor: pointer;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: #3399dd;
    border-radius: 2px;
    text-shadow: 0 1px 1px rgba(17, 17, 17, 0.8);
    text-decoration: none;
    font-size: 14px; }
    ps-tagging-progress .step.tagging-progress .progress-link a:hover {
      background: #111; }

ps-tagging-progress .step.tagging-progress .progress-lock {
  margin-top: 40px; }
  ps-tagging-progress .step.tagging-progress .progress-lock p {
    text-align: center;
    font-size: 10px;
    color: #999;
    text-transform: uppercase; }
  ps-tagging-progress .step.tagging-progress .progress-lock .lock {
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    ps-tagging-progress .step.tagging-progress .progress-lock .lock span {
      font-size: 18px;
      font-family: "Lato";
      color: #fff; }
    ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher {
      margin-left: 15px; }
      ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher .switch-btn span {
        box-shadow: inset 0 0 0 2px #88bb44; }
        ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher .switch-btn span:before {
          content: attr(data-unchecked);
          background-color: #88bb44; }
      ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher .switch-btn input {
        display: none; }
        ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher .switch-btn input:checked + span {
          box-shadow: inset 0 0 0 2px #ee4433; }
          ps-tagging-progress .step.tagging-progress .progress-lock .lock .switcher .switch-btn input:checked + span:before {
            content: attr(data-checked);
            background-color: #ee4433;
            margin-left: 20px; }
.color-one {
  background: #ff5533 !important; }

.color-two {
  background: #ffa12d !important; }

.color-three {
  background: #ffcc11 !important; }

.color-four {
  background: #bbdd00 !important; }

.color-five {
  background: #44bb66 !important; }

.color-six {
  background: #00aa99 !important; }

.color-seven {
  background: #0099dd !important; }

.color-eight {
  background: #0077cc !important; }

.color-nine {
  background: #7755dd !important; }

.color-ten {
  background: #cc66dd !important; }

.color-eleven {
  background: #ee4477 !important; }

.color-twelve {
  background: #aa5544 !important; }

ps-tagging-create .step.tagging-create {
  position: relative; }
  ps-tagging-create .step.tagging-create .locked {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(17, 34, 51, 0.9);
    top: 0;
    left: 0;
    z-index: 9999;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    display: none; }
    ps-tagging-create .step.tagging-create .locked .locked-content {
      padding: 0 20px; }
      ps-tagging-create .step.tagging-create .locked .locked-content i {
        font-size: 41px; }
      ps-tagging-create .step.tagging-create .locked .locked-content p {
        font-size: 24px;
        font-family: "Lato";
        margin-top: 15px; }
  ps-tagging-create .step.tagging-create .create-container .step-button {
    width: 100%;
    border: none;
    outline: none; }
    ps-tagging-create .step.tagging-create .create-container .step-button:disabled {
      background: #999 !important;
      color: #fff !important;
      cursor: default !important; }
  ps-tagging-create .step.tagging-create .create-container p {
    text-align: center;
    text-transform: uppercase;
    margin: 25px 0; }
  ps-tagging-create .step.tagging-create .create-container .tags-container {
    width: 100%;
    border: 1px solid #3399dd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    ps-tagging-create .step.tagging-create .create-container .tags-container .tag {
      display: -ms-flexbox;
      display: flex;
      width: calc(100% / 3);
      text-align: center; }
      ps-tagging-create .step.tagging-create .create-container .tags-container .tag input {
        position: absolute;
        visibility: hidden; }
      ps-tagging-create .step.tagging-create .create-container .tags-container .tag label {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 15px 5px 15px 5px;
        border: 1px solid #3399dd;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer;
        text-transform: uppercase;
        transition: all 0.3s;
        box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.1);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
        ps-tagging-create .step.tagging-create .create-container .tags-container .tag label.active, ps-tagging-create .step.tagging-create .create-container .tags-container .tag input:checked + label {
          background: #3399dd; }
        ps-tagging-create .step.tagging-create .create-container .tags-container .tag label:hover {
          background: #2e7db7; }
        ps-tagging-create .step.tagging-create .create-container .tags-container .tag label.empty {
          color: #999;
          cursor: default;
          background: none !important; }
        ps-tagging-create .step.tagging-create .create-container .tags-container .tag label span {
          -ms-flex-align: center;
              align-items: center;
          display: -ms-inline-flexbox;
          display: inline-flex; }
  ps-tagging-create .step.tagging-create .create-container .divider {
    width: 100%;
    height: 1px;
    background: #ffffff;
    opacity: 0.2;
    margin-top: 20px;
    margin-bottom: 20px; }
ps-tagging-video {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 840px; }
  ps-tagging-video ps-activities-session-camera .dropdown-trigger {
    z-index: 1001 !important; }
  ps-tagging-video .video-holder .page-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 17px 0; }
    ps-tagging-video .video-holder .page-nav .back-link {
      text-transform: uppercase;
      color: #3399dd;
      display: -ms-flexbox;
      display: flex; }
      ps-tagging-video .video-holder .page-nav .back-link span {
        text-decoration: underline;
        margin-left: 5px; }
      ps-tagging-video .video-holder .page-nav .back-link i {
        font-size: 20px; }
      ps-tagging-video .video-holder .page-nav .back-link:hover {
        text-decoration: none; }
    ps-tagging-video .video-holder .page-nav .nav-btn-container .nav-btn {
      border: none;
      background: none;
      padding: 15px;
      border-radius: 3px;
      text-transform: uppercase;
      margin-right: 5px;
      outline: none;
      transition: background 0.2s linear; }
      ps-tagging-video .video-holder .page-nav .nav-btn-container .nav-btn img {
        margin-right: 10px;
        width: 20px; }
    ps-tagging-video .video-holder .page-nav .nav-btn-container .nav-btn.tagging.active {
      background: #3399dd; }
    ps-tagging-video .video-holder .page-nav .nav-btn-container .nav-btn.stats.active {
      background: #3399dd; }
  ps-tagging-video .video-holder .header-video {
    padding: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    ps-tagging-video .video-holder .header-video ps-team-score {
      position: relative; }
    ps-tagging-video .video-holder .header-video .team {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-tagging-video .video-holder .header-video .team .team-name {
        margin-right: 30px;
        font-size: 24px; }
      ps-tagging-video .video-holder .header-video .team .team-figure {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 18px;
        text-transform: uppercase; }
        ps-tagging-video .video-holder .header-video .team .team-figure.second-figure {
          margin-right: 30px; }
    ps-tagging-video .video-holder .header-video .team-score {
      margin: 0 22px;
      font-size: 30px;
      font-family: "Lato", sans-serif;
      cursor: pointer;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      ps-tagging-video .video-holder .header-video .team-score:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        bottom: 5px;
        left: 0; }
    ps-tagging-video .video-holder .header-video .team-score-edit {
      z-index: 1001;
      position: absolute;
      width: 300px;
      padding: 15px 0;
      background: white;
      transform: translateX(-50%);
      left: 50%;
      border-radius: 2px;
      text-transform: uppercase;
      text-align: center;
      color: #111111; }
      ps-tagging-video .video-holder .header-video .team-score-edit.ng-enter {
        animation: fadeIn 600ms; }
      ps-tagging-video .video-holder .header-video .team-score-edit.ng-leave {
        animation: fadeOut 400ms; }
      ps-tagging-video .video-holder .header-video .team-score-edit:before {
        position: absolute;
        content: '';
        transform: translateX(-50%);
        left: 50%;
        width: 0;
        height: 0;
        top: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid white; }
      ps-tagging-video .video-holder .header-video .team-score-edit .edit-container {
        margin: 15px 0 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 30px;
        font-family: "Lato", sans-serif; }
        ps-tagging-video .video-holder .header-video .team-score-edit .edit-container input {
          width: 70px;
          text-align: center;
          border: none;
          border-bottom: 2px solid #3399dd;
          outline: none; }
      ps-tagging-video .video-holder .header-video .team-score-edit .divider-field {
        margin: 0 10px; }
      ps-tagging-video .video-holder .header-video .team-score-edit button {
        height: 40px;
        width: 130px;
        background: #3399dd;
        border: none;
        cursor: pointer;
        border-radius: 2px;
        color: white;
        text-transform: uppercase;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        text-shadow: 0 1px 1px rgba(17, 17, 17, 0.2);
        outline: none; }
  ps-tagging-video .video-holder .video-player {
    height: 531px;
    background: url("/Content/images/web/activities/not-available/basketball.jpg");
    position: relative; }
  ps-tagging-video .video-holder .video-actions {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 100; }
    ps-tagging-video .video-holder .video-actions .action-item {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      height: 40px;
      min-width: 437px;
      margin: 10px;
      background: rgba(17, 17, 17, 0.8);
      border-radius: 3px; }
      ps-tagging-video .video-holder .video-actions .action-item .action-color {
        width: 20px;
        height: 20px;
        background: #3399dd;
        border-radius: 50%;
        margin: 0 10px; }
      ps-tagging-video .video-holder .video-actions .action-item .action-time {
        padding: 0 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2); }
      ps-tagging-video .video-holder .video-actions .action-item .action-player {
        display: -ms-flexbox;
        display: flex;
        width: 290px;
        -ms-flex-pack: center;
            justify-content: center; }
        ps-tagging-video .video-holder .video-actions .action-item .action-player .player {
          display: -ms-flexbox;
          display: flex;
          text-transform: uppercase; }
          ps-tagging-video .video-holder .video-actions .action-item .action-player .player .round {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #3399dd; }
          ps-tagging-video .video-holder .video-actions .action-item .action-player .player.player-1 .round {
            margin-right: 10px; }
          ps-tagging-video .video-holder .video-actions .action-item .action-player .player.player-1 span {
            color: #3399dd; }
          ps-tagging-video .video-holder .video-actions .action-item .action-player .player.player-2 .round {
            margin-left: 10px;
            background: #ff9911; }
          ps-tagging-video .video-holder .video-actions .action-item .action-player .player.player-2 span {
            color: #ff9911; }
        ps-tagging-video .video-holder .video-actions .action-item .action-player .action-name {
          text-transform: uppercase;
          margin: 0 3px; }
      ps-tagging-video .video-holder .video-actions .action-item .action-count {
        padding: 0 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2); }
      ps-tagging-video .video-holder .video-actions .action-item .action-tag-on {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-tagging-video .video-holder .video-actions .action-item .action-tag-on .tag-who {
          padding: 0 10px;
          margin-right: 20px; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on .tag-who span {
            display: block;
            text-transform: uppercase; }
            ps-tagging-video .video-holder .video-actions .action-item .action-tag-on .tag-who span.name {
              font-size: 10px; }
        ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a {
          cursor: pointer;
          text-decoration: none;
          margin-right: 10px; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a .icon {
            font-size: 20px; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a .icon-pencil {
            color: #3399dd; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a .icon-trash {
            color: #ee4433; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a .icon-close {
            color: #ee4433; }
          ps-tagging-video .video-holder .video-actions .action-item .action-tag-on a .icon-check {
            color: #88bb44; }
  ps-tagging-video .video-holder .player-content {
    position: relative; }
.time-line {
  height: 146px;
  background: #111111;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  transition: height 0.1s linear; }
  .time-line .time-line-container {
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
    top: 0; }
  .time-line .time-zone {
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3px;
    cursor: pointer; }
    .time-line .time-zone .time-part {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      animation: fadeInTimePart 0.3s linear; }
      .time-line .time-zone .time-part .line {
        width: 1px;
        height: 8px;
        background: white;
        margin-left: 9px;
        position: relative; }
        .time-line .time-zone .time-part .line:nth-of-type(10n + 1) {
          height: 15px; }
        .time-line .time-zone .time-part .line:first-child {
          height: 15px;
          margin-left: 0; }
        .time-line .time-zone .time-part .line .time-point {
          position: absolute;
          transform: translate(-50%, -100%);
          top: -2px;
          cursor: pointer; }

@keyframes fadeInTimePart {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .time-line .time-line-elements {
    position: relative;
    height: 106px;
    transition: height 0.1s linear;
    cursor: pointer; }
ps-tag .time-line-tag {
  width: 100px;
  position: absolute !important;
  text-align: center;
  border-radius: 2px;
  height: 80px;
  top: 13px;
  left: 0;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2;
  transition: top 0.1s linear, height 0.1s linear, background 0.2s linear, opacity 0.2s linear;
  animation: 0.3s fadeInTag linear; }
  ps-tag .time-line-tag.mat {
    opacity: 0.7; }
  ps-tag .time-line-tag:hover {
    z-index: 999; }
    ps-tag .time-line-tag:hover .ui-resizable-w, ps-tag .time-line-tag:hover .ui-resizable-e {
      opacity: 1; }
    ps-tag .time-line-tag:hover .ui-resizable-w {
      left: -4px; }
    ps-tag .time-line-tag:hover .ui-resizable-e {
      right: -4px; }
    ps-tag .time-line-tag:hover .isEdit {
      opacity: 1; }
    ps-tag .time-line-tag:hover .delete {
      visibility: visible;
      opacity: 1;
      transform: translateX(100%); }
  ps-tag .time-line-tag .ui-resizable-w {
    left: -10px; }
    ps-tag .time-line-tag .ui-resizable-w:before, ps-tag .time-line-tag .ui-resizable-w:after {
      left: 0; }
  ps-tag .time-line-tag .ui-resizable-e {
    right: -10px; }
    ps-tag .time-line-tag .ui-resizable-e:before, ps-tag .time-line-tag .ui-resizable-e:after {
      right: 0; }
  ps-tag .time-line-tag .ui-resizable-handle {
    transition: 0.3s;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 4px;
    cursor: e-resize;
    top: 0;
    background: white; }
    ps-tag .time-line-tag .ui-resizable-handle:after, ps-tag .time-line-tag .ui-resizable-handle:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 4px;
      background: #FFFFFF; }
  ps-tag .time-line-tag .ui-resizable-w:before, ps-tag .time-line-tag .ui-resizable-e:before {
    top: -4px; }
  ps-tag .time-line-tag .ui-resizable-w:before {
    border-top-left-radius: 100px; }
  ps-tag .time-line-tag .ui-resizable-e:before {
    border-top-right-radius: 100px; }
  ps-tag .time-line-tag .ui-resizable-w:after, ps-tag .time-line-tag .ui-resizable-e:after {
    bottom: -4px; }
  ps-tag .time-line-tag .ui-resizable-w:after {
    border-bottom-left-radius: 100px; }
  ps-tag .time-line-tag .ui-resizable-e:after {
    border-bottom-right-radius: 100px; }
  ps-tag .time-line-tag .isEdit {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 4px;
    border-radius: 50%;
    background: #3399dd;
    border: 2px solid #111111;
    opacity: 0;
    transition: all 0.1s;
    animation: fadeInIsEdit 0.1s linear; }

@keyframes fadeInIsEdit {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  ps-tag .time-line-tag .isEdit.smallParent {
    left: 50%;
    transform: translateX(-50%); }
  ps-tag .time-line-tag .tag-name {
    overflow: hidden; }
  ps-tag .time-line-tag .delete {
    width: 20px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
    cursor: pointer; }
    ps-tag .time-line-tag .delete:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 100%;
      background: #ffffff;
      right: 5px;
      transform: rotate(45deg); }
    ps-tag .time-line-tag .delete:after {
      content: '';
      position: absolute;
      width: 2px;
      height: 100%;
      background: #ffffff;
      right: 5px;
      transform: rotate(-45deg); }

@keyframes fadeInTag {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
ps-period .period-indicator-start, ps-period .period-indicator-end {
  position: absolute;
  z-index: 998;
  top: 0;
  cursor: e-resize;
  height: 100%;
  line-height: 100%;
  animation: fadeInPeriodIndicator 0.3s linear;
  transform: translateX(-100%); }
  ps-period .period-indicator-start:hover .delete, ps-period .period-indicator-end:hover .delete {
    visibility: visible;
    opacity: 1;
    transform: translateX(100%); }
  ps-period .period-indicator-start .period-name, ps-period .period-indicator-end .period-name {
    text-transform: uppercase;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 10px;
    position: absolute;
    white-space: nowrap;
    transition: all 0.3s; }
  ps-period .period-indicator-start .period-line, ps-period .period-indicator-end .period-line {
    width: 2px;
    height: calc(100% - 15px);
    top: 15px;
    background: white;
    position: absolute; }
  ps-period .period-indicator-start .delete, ps-period .period-indicator-end .delete {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 12px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
    cursor: pointer; }
    ps-period .period-indicator-start .delete:before, ps-period .period-indicator-end .delete:before {
      content: '';
      position: absolute;
      width: 2px;
      height: calc(100% - 2px);
      background: #ffffff;
      right: 5px;
      bottom: 0;
      transform: rotate(45deg); }
    ps-period .period-indicator-start .delete:after, ps-period .period-indicator-end .delete:after {
      content: '';
      position: absolute;
      width: 2px;
      height: calc(100% - 2px);
      background: #ffffff;
      right: 5px;
      bottom: 0;
      transform: rotate(-45deg); }

@keyframes fadeInPeriodIndicator {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
ps-stats {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%; }
  ps-stats.ng-enter {
    animation: fadeIn 600ms; }
  ps-stats.ng-leave {
    animation: fadeOut 400ms; }
  ps-stats .stats-container {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(17, 34, 51, 0.9); }
    ps-stats .stats-container .select-group {
      height: 35px;
      margin: 25px 0 70px 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-stats .stats-container .select-group .select {
        width: 270px;
        font-size: 14px;
        position: relative; }
        ps-stats .stats-container .select-group .select.select-player {
          width: 370px;
          margin-left: 25px; }
          ps-stats .stats-container .select-group .select.select-player.ng-enter {
            animation: fadeIn 600ms; }
          ps-stats .stats-container .select-group .select.select-player.ng-leave {
            animation: fadeOut 400ms; }
          ps-stats .stats-container .select-group .select.select-player .drop-down-container {
            top: 0;
            border-radius: 3px;
            overflow: hidden;
            color: #000;
            padding: 0;
            z-index: 1000; }
            ps-stats .stats-container .select-group .select.select-player .drop-down-container.ng-enter {
              animation: fadeIn 600ms; }
            ps-stats .stats-container .select-group .select.select-player .drop-down-container.ng-leave {
              animation: fadeOut 400ms; }
            ps-stats .stats-container .select-group .select.select-player .drop-down-container input {
              height: 35px;
              display: block;
              width: 100%;
              text-transform: none;
              outline: none;
              border: none;
              color: #999999;
              padding-left: 10px; }
              ps-stats .stats-container .select-group .select.select-player .drop-down-container input::-webkit-input-placeholder {
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                text-transform: none;
                opacity: 1;
                color: #999999; }
              ps-stats .stats-container .select-group .select.select-player .drop-down-container input:-moz-placeholder {
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                text-transform: none;
                opacity: 1;
                color: #999999; }
              ps-stats .stats-container .select-group .select.select-player .drop-down-container input:-ms-input-placeholder {
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                text-transform: none;
                opacity: 1;
                color: #999999; }
            ps-stats .stats-container .select-group .select.select-player .drop-down-container .nano {
              position: relative;
              max-height: 413px !important; }
            ps-stats .stats-container .select-group .select.select-player .drop-down-container .person-team {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center; }
      ps-stats .stats-container .select-group .select-area {
        padding: 0 10px;
        line-height: 35px;
        border-bottom: 2px solid #3399dd;
        position: relative;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer; }
        ps-stats .stats-container .select-group .select-area .ico {
          position: absolute;
          right: 10px;
          top: 11px;
          font-size: 13px;
          color: #3399dd; }
      ps-stats .stats-container .select-group .drop-down-container {
        background: white;
        padding: 10px;
        border-radius: 0 0 3px 3px;
        position: absolute;
        width: 100%; }
        ps-stats .stats-container .select-group .drop-down-container.ng-enter {
          animation: fadeIn 600ms; }
        ps-stats .stats-container .select-group .drop-down-container.ng-leave {
          animation: fadeOut 400ms; }
        ps-stats .stats-container .select-group .drop-down-container .select-line {
          color: #333333;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          cursor: pointer; }
        ps-stats .stats-container .select-group .drop-down-container .select-line.active {
          color: #3399dd; }
    ps-stats .stats-container .close-button {
      border: 2px solid #3399dd;
      color: #3399dd;
      font-size: 14px;
      font-family: "Lato", sans-serif;
      background-color: transparent;
      border-radius: 2px;
      text-transform: uppercase;
      width: 130px;
      height: 40px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      margin: 20px; }
ps-team-players {
  width: 50%; }
  ps-team-players:nth-of-type(2) .team-name {
    border-top-size: 2px; }
  ps-team-players .team-name {
    text-align: center;
    color: #3399dd;
    padding: 15px 0;
    border-top: 2px solid #3399dd;
    font-size: 18px;
    font-family: "Lato", sans-serif; }
  ps-team-players ul {
    padding: 0 20px;
    list-style-type: none; }
    ps-team-players ul li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 20px;
      cursor: pointer; }
      ps-team-players ul li .image-holder {
        width: 40px;
        height: 40px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        background: #000;
        margin-right: 10px;
        display: -ms-flexbox;
        display: flex;
        min-width: 40px; }
        ps-team-players ul li .image-holder img {
          max-width: 100%; }
    ps-team-players ul li.active {
      color: #3399dd; }
      ps-team-players ul li.active .image-holder {
        border-radius: 50%;
        border: 2px solid #3399dd; }
ps-team-stats .team-stats-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100% - 210px); }
  ps-team-stats .team-stats-container .nano {
    position: relative;
    max-height: calc(100% - 1px) !important;
    margin-top: 25px;
    margin-bottom: 15px; }
  ps-team-stats .team-stats-container .team-stats-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: auto;
    margin-bottom: 20px; }
    ps-team-stats .team-stats-container .team-stats-row .left, ps-team-stats .team-stats-container .team-stats-row .center, ps-team-stats .team-stats-container .team-stats-row .right {
      font-size: 18px;
      width: calc(100% / 3);
      padding-left: 10px;
      padding-right: 10px; }
      ps-team-stats .team-stats-container .team-stats-row .left span, ps-team-stats .team-stats-container .team-stats-row .center span, ps-team-stats .team-stats-container .team-stats-row .right span {
        display: block; }
        ps-team-stats .team-stats-container .team-stats-row .left span.team-name, ps-team-stats .team-stats-container .team-stats-row .center span.team-name, ps-team-stats .team-stats-container .team-stats-row .right span.team-name {
          font-size: 24px; }
        ps-team-stats .team-stats-container .team-stats-row .left span.winner, ps-team-stats .team-stats-container .team-stats-row .center span.winner, ps-team-stats .team-stats-container .team-stats-row .right span.winner {
          font-size: 10px;
          color: white;
          text-transform: uppercase; }
        ps-team-stats .team-stats-container .team-stats-row .left span.team-point, ps-team-stats .team-stats-container .team-stats-row .center span.team-point, ps-team-stats .team-stats-container .team-stats-row .right span.team-point {
          font-size: 36px; }
        ps-team-stats .team-stats-container .team-stats-row .left span.tag-type, ps-team-stats .team-stats-container .team-stats-row .center span.tag-type, ps-team-stats .team-stats-container .team-stats-row .right span.tag-type {
          text-transform: uppercase;
          color: white; }
    ps-team-stats .team-stats-container .team-stats-row .left {
      text-align: right; }
    ps-team-stats .team-stats-container .team-stats-row .center {
      text-align: center;
      text-transform: uppercase; }
    ps-team-stats .team-stats-container .team-stats-row .right {
      text-align: left; }
ps-player-stats .personal-stats-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  width: 665px;
  margin: 0 auto;
  height: calc(100% - 210px); }
  ps-player-stats .personal-stats-container .person {
    width: calc(100% / 3);
    padding-right: 15px;
    text-align: center;
    font-family: "Lato", sans-serif; }
    ps-player-stats .personal-stats-container .person img {
      max-width: 50%;
      border-radius: 50%; }
    ps-player-stats .personal-stats-container .person .person-name {
      font-size: 24px;
      border-bottom: 1px solid #49545d;
      padding-top: 20px;
      padding-bottom: 5px;
      margin-bottom: 5px; }
    ps-player-stats .personal-stats-container .person .person-team {
      font-size: 18px;
      color: #88bb44; }
  ps-player-stats .personal-stats-container .stats {
    width: 100%;
    height: 100%; }
    ps-player-stats .personal-stats-container .stats .nano {
      position: relative;
      height: calc(100% - 90px) !important; }
    ps-player-stats .personal-stats-container .stats .stats-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 20px; }
      ps-player-stats .personal-stats-container .stats .stats-row.title {
        margin-bottom: 25px;
        font-family: "Lato", sans-serif; }
        ps-player-stats .personal-stats-container .stats .stats-row.title .tag-type {
          font-size: 24px;
          text-transform: none; }
        ps-player-stats .personal-stats-container .stats .stats-row.title .tag-score {
          font-size: 36px; }
      ps-player-stats .personal-stats-container .stats .stats-row .tag-type {
        width: calc(100% / 2);
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        font-size: 14px; }
      ps-player-stats .personal-stats-container .stats .stats-row .tag-score {
        width: calc(100% / 2);
        padding-left: 15px;
        text-align: left;
        font-family: "Lato", sans-serif;
        text-transform: uppercase;
        font-size: 18px; }
ps-current-time-indicator .current-time-indicator {
  height: 100%;
  width: 2px;
  position: absolute;
  margin-left: -2px;
  bottom: 0;
  z-index: 999;
  background: #ee4433;
  transform: translateX(100%);
  cursor: e-resize; }
ps-activities .session-container {
  display: -ms-flexbox;
  display: flex; }
ps-activities-player-control-delete {
  display: block;
  cursor: pointer; }
  ps-activities-player-control-delete:hover {
    color: #3399dd; }
ps-activities-header {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-activities-header .session-name {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    font-size: 24px;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 25px 0 15px 0;
    text-align: center;
    width: 100%; }
    ps-activities-header .session-name .activities-title {
      text-transform: uppercase;
      margin-bottom: 15px; }
    ps-activities-header .session-name .title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-activities-header .session-name .title .drill-level-container {
        margin-right: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-activities-header .session-name .title .drill-level-container img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
          animation: scaleInImg 0.2s backwards; }
          ps-activities-header .session-name .title .drill-level-container img:nth-child(2) {
            animation-delay: 0.1s; }
          ps-activities-header .session-name .title .drill-level-container img:nth-child(3) {
            animation-delay: 0.2s; }

@keyframes scaleInImg {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
      ps-activities-header .session-name .title .name-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap; }
        ps-activities-header .session-name .title .name-container .editable-container {
          display: -ms-flexbox;
          display: flex; }
          ps-activities-header .session-name .title .name-container .editable-container .vod-label {
            font-size: 14px;
            background-color: #88bb44;
            color: #111111;
            font-weight: 700;
            line-height: 100%;
            padding: 3px 4px;
            margin-top: 8px;
            margin-right: 10px;
            text-transform: uppercase; }
        ps-activities-header .session-name .title .name-container a {
          margin-right: 10px; }
          ps-activities-header .session-name .title .name-container a:hover {
            text-decoration: none; }
    ps-activities-header .session-name .session-description {
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      color: #3399dd;
      text-transform: uppercase;
      margin-bottom: 20px; }
  ps-activities-header .cards-container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 25px;
    width: 100%; }
    ps-activities-header .cards-container span {
      font-size: 14px;
      text-transform: uppercase; }
ps-activities-header-avatar {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #14293e;
  overflow: hidden; }
  ps-activities-header-avatar .avatar {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  ps-activities-header-avatar .initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    ps-activities-header-avatar .initials span {
      font-size: 15px;
      line-height: 100%;
      font-family: "Gilroy";
      text-transform: uppercase;
      font-weight: bold; }
ps-activities-header-card .header-card {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-activities-header-card .header-card .player-info {
    margin-right: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    line-height: 24px;
    font-size: 24px;
    font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif; }
    ps-activities-header-card .header-card .player-info .name {
      font-family: "Gilroy";
      font-size: 16px;
      line-height: 100%;
      font-weight: bold; }
    ps-activities-header-card .header-card .player-info .descriptions {
      display: -ms-flexbox;
      display: flex; }
      ps-activities-header-card .header-card .player-info .descriptions .country {
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-item-align: end;
            align-self: flex-end;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        font-size: 12px;
        line-height: 20px;
        text-transform: uppercase;
        margin-top: 4px;
        margin-right: 4px; }
        ps-activities-header-card .header-card .player-info .descriptions .country:last-child {
          margin-right: 0; }
        ps-activities-header-card .header-card .player-info .descriptions .country .name {
          margin: 0 5px;
          font-family: "Roboto", sans-serif;
          font-size: 12px;
          text-transform: uppercase;
          font-weight: normal; }
  ps-activities-header-card .header-card .avatars {
    display: -ms-flexbox;
    display: flex; }
    ps-activities-header-card .header-card .avatars.multiple ps-activities-header-avatar {
      margin-left: -12px; }
      ps-activities-header-card .header-card .avatars.multiple ps-activities-header-avatar:nth-child(1) {
        margin-left: 0; }
    ps-activities-header-card .header-card .avatars ps-activities-header-avatar.hidden-users {
      box-shadow: inset 0 0 0 2px #ffffff; }
      ps-activities-header-card .header-card .avatars ps-activities-header-avatar.hidden-users .initials {
        background-color: transparent !important; }
        ps-activities-header-card .header-card .avatars ps-activities-header-avatar.hidden-users .initials span {
          font-size: 10px;
          font-weight: normal; }
  ps-activities-header-card .header-card.right-side {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    ps-activities-header-card .header-card.right-side .player-info {
      margin-right: 0;
      margin-left: 18px; }
    ps-activities-header-card .header-card.right-side .descriptions {
      -ms-flex-item-align: start;
          align-self: flex-start; }
  ps-activities-header-card .header-card:not(.right-side) ps-activities-header-avatar {
    z-index: 0 !important; }
ps-activities-sidebar {
  width: 190px;
  max-width: 190px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  ps-activities-sidebar ps-activities-sidebar-calendar {
    padding-bottom: 10px;
    border-bottom: 2px solid #88bb44; }
ps-activities-sidebar-calendar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ps-activities-sidebar-calendar .arrow {
    margin: 20px 10px 0 10px;
    font-size: 15px; }
    ps-activities-sidebar-calendar .arrow a:focus, ps-activities-sidebar-calendar .arrow a:hover {
      text-decoration: none; }
    ps-activities-sidebar-calendar .arrow [disabled] {
      color: #999999;
      cursor: not-allowed; }
  ps-activities-sidebar-calendar .current-date-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 18px;
    font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
    color: white; }
    ps-activities-sidebar-calendar .current-date-container:hover, ps-activities-sidebar-calendar .current-date-container:focus {
      color: white;
      text-decoration: none; }
    ps-activities-sidebar-calendar .current-date-container span[class^='icon'] {
      font-size: 20px;
      margin-bottom: 5px; }
    ps-activities-sidebar-calendar .current-date-container .current-day:after {
      content: ','; }
ps-activities-session {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-left: 15px;
  margin-bottom: 25px; }
  ps-activities-session .navigation {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-left: 15px;
    width: 100%; }
  ps-activities-session .media-content {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 15px;
    position: relative; }
    ps-activities-session .media-content .session-description {
      margin: 24px 0; }
      ps-activities-session .media-content .session-description .description-text {
        font-size: 14px;
        font-family: "Roboto", sans-serif; }
      ps-activities-session .media-content .session-description ps-editable-area {
        width: 560px; }
  ps-activities-session ps-preloader .ps-preloader-overlay {
    position: fixed;
    z-index: 10000; }
ps-activities-sidebar-session-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-activities-sidebar-session-list .nano, ps-activities-sidebar-session-list ._nano {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-height: 507px;
    margin-top: 10px; }
ps-activities-session-tabs {
  display: -ms-flexbox;
  display: flex; }
  ps-activities-session-tabs ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 87px; }
    ps-activities-session-tabs ul li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 2px; }
ps-activities-session-camera {
  display: block; }
  ps-activities-session-camera .dropdown-trigger {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    z-index: 97; }
    ps-activities-session-camera .dropdown-trigger .activities-icon-camera {
      background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAB9UlEQVRYw+3XT4hNYRjH8c8dd0Y2SEmNhaahSVkZJvkT6q6oWd5YSKQsZmEjmWSBzdyFhY2FmBIiVqSUm4WQkktTioUFK7uDpqYMGptn6jSdM93RXbxN86xOz3nO932e533f3/selmxxW2WsWbuKk+hq85tfOIHbc/w92NSot0Y6ycuyrKO8ary8hi9tAvfh+BzgVtxCfySWLK+KbtzBy4KP1+IUJtGYXRU4GM9VjOI8/mJ5+JPllS2TVbgSXT2H1QUxA5HExUioPk/Xk+HNLXgQr2MJ3MOz8O/MQf9gM96hFwdwDN8LBk2Oly94B55jAp8CPIzL6EML63EXHzCOLXhSMgtJ8ipjzdoM9sTUf8RIwWA9eIQfOFSS0G68aNRbOsnLsqyjvPwM7yqQ8lmbDlEYXsCRlyQvX/Ak1s0T+ztUr9Jmgkny8gXfD/leWRC3DKfRxEybCSbJyxc8Ggr3GQ+xIvwbQg0H48zrxWNcyMUUWZK8fME/Qxyexl54j6PRsTcYisEOx346G4q5vyTBJHldBZv/VTz3YW/siTP4Fv7ukP0hTEV3x7GmREyS4hXdtKbiFrMx7qRfSzo+ge24hCN4UBKXFK8y1qxN48YCL+fdqOV823AT/Y16q6uTvCzLOsqr4vp//n7l7W2IxkCwUuYt2aK2f4Ez/jcm51uJAAAAAElFTkSuQmCC) no-repeat 0 0;
      display: block;
      height: 20px;
      margin-right: 10px;
      width: 20px; }
    ps-activities-session-camera .dropdown-trigger .camera-container {
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      ps-activities-session-camera .dropdown-trigger .camera-container .text {
        -ms-flex-align: end;
            align-items: flex-end;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 18px;
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif; }
        ps-activities-session-camera .dropdown-trigger .camera-container .text .change-camera {
          -ms-flex-align: center;
              align-items: center;
          color: #88bb44;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          line-height: 18px;
          font-family: "Lato", sans-serif;
          font-size: 18px; }
          ps-activities-session-camera .dropdown-trigger .camera-container .text .change-camera [class^='icon'] {
            margin-right: 10px; }
        ps-activities-session-camera .dropdown-trigger .camera-container .text .current-camera {
          -ms-flex-item-align: end;
              align-self: flex-end;
          font-size: 11px;
          font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          text-decoration: underline;
          margin-top: 11px; }
          ps-activities-session-camera .dropdown-trigger .camera-container .text .current-camera span.ng-enter {
            animation: fadeInUp 200ms;
            display: inline-block; }
      ps-activities-session-camera .dropdown-trigger .camera-container .chevron {
        display: -ms-flexbox;
        display: flex;
        margin-left: 11px; }
        ps-activities-session-camera .dropdown-trigger .camera-container .chevron [class^='icon'] {
          display: inline-block;
          transition: transform 200ms ease; }
          ps-activities-session-camera .dropdown-trigger .camera-container .chevron [class^='icon'].rotated {
            transform: rotate(180deg); }
    ps-activities-session-camera .dropdown-trigger .dropdown-container {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      position: relative;
      right: 0;
      width: 170px; }
      ps-activities-session-camera .dropdown-trigger .dropdown-container .nano {
        max-height: 260px;
        position: absolute;
        top: 0;
        right: -23px; }
      ps-activities-session-camera .dropdown-trigger .dropdown-container.ng-enter {
        animation: fadeIn 600ms; }
      ps-activities-session-camera .dropdown-trigger .dropdown-container.ng-leave {
        animation: fadeOut 400ms; }
      ps-activities-session-camera .dropdown-trigger .dropdown-container ul {
        -ms-flex-align: center;
            align-items: center;
        background-color: black;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        -ms-flex-pack: center;
            justify-content: center;
        list-style: none;
        margin: 0;
        padding: 5px 0;
        width: 100%; }
        ps-activities-session-camera .dropdown-trigger .dropdown-container ul li {
          padding: 5px 10px;
          width: 100%; }
          ps-activities-session-camera .dropdown-trigger .dropdown-container ul li button {
            background-color: transparent;
            border: none;
            display: block;
            line-height: 30px;
            transition: color 200ms ease;
            width: 100%;
            font-size: 14px;
            font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            ps-activities-session-camera .dropdown-trigger .dropdown-container ul li button:hover {
              color: #3399dd; }
            ps-activities-session-camera .dropdown-trigger .dropdown-container ul li button:active, ps-activities-session-camera .dropdown-trigger .dropdown-container ul li button:focus {
              outline: none; }
            ps-activities-session-camera .dropdown-trigger .dropdown-container ul li button.unavailable {
              color: #999999 !important; }
          ps-activities-session-camera .dropdown-trigger .dropdown-container ul li.active button {
            background-color: #3399dd;
            border-radius: 2px; }
            ps-activities-session-camera .dropdown-trigger .dropdown-container ul li.active button:hover {
              color: white; }
ps-activities-sidebar-login {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 10px; }
  ps-activities-sidebar-login.ng-enter {
    animation: fadeInUp 200ms; }
  ps-activities-sidebar-login.ng-enter-stagger {
    animation-delay: 100ms; }
  ps-activities-sidebar-login .summary {
    font-size: 13px;
    font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    ps-activities-sidebar-login .summary span {
      margin-right: auto; }
    ps-activities-sidebar-login .summary.opened {
      border: none;
      color: #3399dd; }
  ps-activities-sidebar-login .details {
    width: 100%; }
    ps-activities-sidebar-login .details.ng-enter {
      animation: fadeIn 200ms; }
    ps-activities-sidebar-login .details ul {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      ps-activities-sidebar-login .details ul li {
        -ms-flex-align: center;
            align-items: center;
        border-radius: 2px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        width: 100%;
        text-align: center; }
        ps-activities-sidebar-login .details ul li:last-of-type {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        ps-activities-sidebar-login .details ul li.active {
          background-color: #3399dd; }
ps-activities-sidebar-login-session {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
  ps-activities-sidebar-login-session .session {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    position: relative;
    padding: 10px; }
    ps-activities-sidebar-login-session .session:focus, ps-activities-sidebar-login-session .session:hover {
      text-decoration: none;
      color: white; }
    ps-activities-sidebar-login-session .session.active {
      background-color: #3399dd;
      border-radius: 2px; }
    ps-activities-sidebar-login-session .session .session-type {
      text-align: center;
      font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: uppercase; }
    ps-activities-sidebar-login-session .session .session-name {
      text-align: center;
      font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
      font-size: 20px;
      margin: 23px 0 17px 0; }
    ps-activities-sidebar-login-session .session .session-duration, ps-activities-sidebar-login-session .session .drill-score {
      line-height: 100%;
      font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  ps-activities-sidebar-login-session .rename-session {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: -10px;
    background: #ee4433;
    border-radius: 100%; }
    ps-activities-sidebar-login-session .rename-session:focus, ps-activities-sidebar-login-session .rename-session:hover {
      background: #f4857a;
      color: white;
      text-decoration: none; }
ps-activities-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap; }
  ps-activities-filter .filter-container {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
    ps-activities-filter .filter-container .nano {
      min-height: 349px;
      max-height: 349px; }
    ps-activities-filter .filter-container .filters {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 10px; }
      ps-activities-filter .filter-container .filters > * {
        margin: 0; }
        ps-activities-filter .filter-container .filters > * + * {
          margin-top: 26px; }
  ps-activities-filter .footer {
    border-top: 1px solid #dddddd;
    text-align: center;
    padding: 10px 0; }
ps-activities-filter-calendar {
  display: block; }
  ps-activities-filter-calendar .ui-datepicker {
    background: transparent; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header {
      position: relative; }
      ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        color: #333333;
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif; }
      ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
      ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        position: absolute; }
        ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
        ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
          visibility: hidden; }
        ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
        ps-activities-filter-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
          display: block;
          overflow: hidden;
          text-indent: -99999px; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
      background: #3399dd;
      border-radius: 2px;
      color: white; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar th span {
      font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
      font-weight: normal; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar td.highlight {
      position: relative; }
      ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar td.highlight:after {
        background: #ee4433;
        border-radius: 50%;
        color: white;
        content: attr(title);
        display: inline-block;
        font: 10px/16px "Roboto", sans-serif, Helvetica, Arial, sans-serif;
        height: 16px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 16px; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar td span, ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar td a {
      background: transparent;
      color: #999999;
      font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif; }
    ps-activities-filter-calendar .ui-datepicker .ui-datepicker-calendar td a {
      color: #111111;
      font-weight: bold; }
ps-activities-filter-session-types {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 10px;
  width: 100%; }
  ps-activities-filter-session-types .session-types {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    ps-activities-filter-session-types .session-types .select-toggle {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 10px; }
      ps-activities-filter-session-types .session-types .select-toggle .select-btn {
        cursor: pointer;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        text-decoration: underline;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        color: #111; }
        ps-activities-filter-session-types .session-types .select-toggle .select-btn.ng-enter {
          animation: fadeIn 500ms; }
      ps-activities-filter-session-types .session-types .select-toggle .column-name {
        margin-right: 10px;
        color: #3399dd;
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif; }
    ps-activities-filter-session-types .session-types ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0; }
      ps-activities-filter-session-types .session-types ul li {
        -ms-flex: 1 0 200px;
            flex: 1 0 200px;
        font-size: 12px;
        font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #111111;
        border-bottom: 2px solid #3399dd;
        height: 38px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 0 20px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        ps-activities-filter-session-types .session-types ul li.active {
          color: white;
          background: #3399dd; }
ps-activities-session-tab {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative; }
  ps-activities-session-tab.active .tab-button, ps-activities-session-tab:hover .tab-button {
    background: #3399dd; }
  ps-activities-session-tab:hover.tab-button-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  ps-activities-session-tab:hover .tab-button-arrow [class^='icon-arrow'] {
    transform: rotate(180deg); }
  ps-activities-session-tab .tab-button {
    -ms-flex-align: center;
        align-items: center;
    border-radius: 2px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    height: 40px;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 170px;
    padding: 0 10px;
    transition: background 200ms ease; }
    ps-activities-session-tab .tab-button .tab-button-icon {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      font-size: 18px;
      margin-right: 5px; }
    ps-activities-session-tab .tab-button .tab-button-text {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-activities-session-tab .tab-button .tab-button-text span {
        white-space: nowrap; }
      ps-activities-session-tab .tab-button .tab-button-text .tab-button-text {
        line-height: 12px; }
      ps-activities-session-tab .tab-button .tab-button-text .tab-button-text-selected {
        display: none;
        font-size: 10px;
        line-height: 10px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 110px; }
        ps-activities-session-tab .tab-button .tab-button-text .tab-button-text-selected.ng-enter {
          animation: slideInUp 60ms; }
    ps-activities-session-tab .tab-button .tab-button-arrow {
      display: none;
      margin-left: 5px; }
      ps-activities-session-tab .tab-button .tab-button-arrow [class^='icon-arrow'] {
        display: inline-block;
        transition: transform 200ms ease; }
    ps-activities-session-tab .tab-button .active {
      background: #3399dd; }
    ps-activities-session-tab .tab-button.tab-button-dropdown .tab-button-text .tab-button-text-selected {
      display: inline-block; }
    ps-activities-session-tab .tab-button.tab-button-dropdown .tab-button-arrow {
      display: block; }
  ps-activities-session-tab .tab-dropdown {
    background: #111111;
    position: absolute;
    text-transform: uppercase;
    top: 40px;
    width: 100%;
    z-index: 6000; }
    ps-activities-session-tab .tab-dropdown.ng-enter {
      animation: fadeInUp 200ms; }
    ps-activities-session-tab .tab-dropdown.ng-leave {
      animation: fadeOut 200ms; }
    ps-activities-session-tab .tab-dropdown .nano {
      position: relative;
      max-height: 450px !important; }
    ps-activities-session-tab .tab-dropdown ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      max-height: 450px;
      height: auto;
      margin: 0;
      padding: 10px 0; }
      ps-activities-session-tab .tab-dropdown ul li {
        cursor: pointer;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        font-size: 10px;
        padding: 5px 10px;
        transition: color 200ms ease;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 100%; }
        ps-activities-session-tab .tab-dropdown ul li.active, ps-activities-session-tab .tab-dropdown ul li:hover {
          color: #3399dd; }
        ps-activities-session-tab .tab-dropdown ul li:hover [class^='icon'] {
          opacity: 1; }
        ps-activities-session-tab .tab-dropdown ul li [class^='icon'] {
          opacity: 0;
          color: white;
          transition: opacity 200ms ease; }
        ps-activities-session-tab .tab-dropdown ul li span:not([class^='icon']) {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
  ps-activities-session-tab .tab-badge {
    -ms-flex-align: center;
        align-items: center;
    background: #ee4433;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    height: 15px;
    -ms-flex-pack: center;
        justify-content: center;
    min-width: 15px;
    position: absolute;
    right: 8px;
    text-shadow: 1px 1px 1px #95190c;
    font-size: 10px;
    top: -5px; }
  ps-activities-session-tab.clips .tab-button-text-selected {
    width: 50px !important; }
  ps-activities-session-tab.highlights .tab-dropdown {
    width: 240px; }
ps-activities-edit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  padding: 15px; }
  ps-activities-edit .header-container,
  ps-activities-edit .form-container,
  ps-activities-edit .footer-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  ps-activities-edit .header-container h2 {
    font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #111111; }
  ps-activities-edit .form-container form {
    width: 100%;
    text-align: center; }
    ps-activities-edit .form-container form .field-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-align: start;
          align-items: flex-start; }
      ps-activities-edit .form-container form .field-wrap .text-field {
        max-width: 100%;
        color: #111111; }
        ps-activities-edit .form-container form .field-wrap .text-field.ng-invalid.ng-dirty {
          border-color: #ee4433; }
      ps-activities-edit .form-container form .field-wrap small {
        -ms-flex-item-align: start;
            align-self: flex-start; }
  ps-activities-edit .footer-container button:first-of-type {
    margin-right: 2.5px; }
  ps-activities-edit .footer-container button:last-of-type {
    margin-left: 2.5px; }
@charset "UTF-8";
ps-activities-session-not-available {
  display: block;
  position: relative; }
  ps-activities-session-not-available .not-available-container {
    height: 516px;
    width: 100%; }
    ps-activities-session-not-available .not-available-container .left-side {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      background-color: rgba(0, 0, 0, 0.25);
      border-radius: 2px;
      padding: 8px;
      position: absolute;
      left: 10px;
      top: 10px;
      border: 1px solid rgba(255, 255, 255, 0.15); }
      ps-activities-session-not-available .not-available-container .left-side .control-item {
        margin-left: 10px; }
        ps-activities-session-not-available .not-available-container .left-side .control-item:first-child {
          margin-left: 0; }
        ps-activities-session-not-available .not-available-container .left-side .control-item [class^='icon'] {
          font-size: 20px; }
    ps-activities-session-not-available .not-available-container .custom {
      width: 100%;
      height: 100%; }
    ps-activities-session-not-available .not-available-container .default-template {
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
    ps-activities-session-not-available .not-available-container .reason-message {
      width: 400px;
      text-align: center;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 2px;
      padding: 15px;
      font-size: 16px;
      font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif; }
      ps-activities-session-not-available .not-available-container .reason-message.ng-enter {
        animation: fadeInUp 200ms; }
      ps-activities-session-not-available .not-available-container .reason-message[reason="0"]:before {
        content: "\E084";
        font-family: 'simple-line-icons';
        font-size: 40px;
        display: block;
        margin-bottom: 10px; }
      ps-activities-session-not-available .not-available-container .reason-message[reason="1"]:before {
        content: "\E084";
        font-family: 'simple-line-icons';
        font-size: 40px;
        display: block;
        margin-bottom: 10px; }
      ps-activities-session-not-available .not-available-container .reason-message[reason="2"]:before {
        content: "\E054";
        font-family: 'simple-line-icons';
        font-size: 40px;
        display: block;
        margin-bottom: 10px; }
ps-activities-player-control .left-side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 8px;
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15); }
  ps-activities-player-control .left-side .control-item {
    margin-right: 10px; }
    ps-activities-player-control .left-side .control-item [class^='icon'] {
      font-size: 20px !important; }
    ps-activities-player-control .left-side .control-item:last-child {
      margin-right: 0; }

ps-activities-player-control .right-side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }
  ps-activities-player-control .right-side button {
    margin-right: 8px;
    min-width: auto; }
    ps-activities-player-control .right-side button:last-child {
      margin-right: 0; }
    ps-activities-player-control .right-side button .button-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      ps-activities-player-control .right-side button .button-content span {
        margin-right: 8px;
        font-size: 18px; }

ps-activities-session .player-controls-pop-up {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  width: 0;
  height: 0;
  overflow: unset;
  cursor: default; }
  ps-activities-session .player-controls-pop-up .ngdialog-overlay {
    cursor: default; }
  ps-activities-session .player-controls-pop-up.fully-dark .ngdialog-content, ps-activities-session .player-controls-pop-up.fully-dark .player-control-pop-up-close {
    background-color: #000000 !important; }
  ps-activities-session .player-controls-pop-up .ngdialog-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none !important;
    border-radius: 2px !important;
    overflow: unset !important; }
    ps-activities-session .player-controls-pop-up .ngdialog-content .player-control-pop-up-close {
      cursor: pointer;
      position: absolute;
      width: 30px;
      height: 30px;
      top: 0;
      right: -30px;
      left: auto;
      bottom: auto;
      background-image: url("/Content/images/web/assets/icon/close-popup.png");
      background-repeat: no-repeat;
      background-position: center;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  ps-activities-session .player-controls-pop-up.transparent-overlay .ngdialog-overlay {
    background-color: transparent !important; }
  ps-activities-session .player-controls-pop-up.transparent-overlay .ngdialog-content {
    position: absolute; }
    ps-activities-session .player-controls-pop-up.transparent-overlay .ngdialog-content .player-control-pop-up-close {
      background-color: rgba(0, 0, 0, 0.8); }
ps-activities-delete-confirm .delete-dialog {
  padding: 60px 110px; }
  ps-activities-delete-confirm .delete-dialog .delete-dialog-header {
    font-size: 30px;
    font-family: "Lato", sans-serif;
    padding-bottom: 40px;
    text-align: center;
    color: white; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-header p {
      margin-bottom: 0;
      line-height: 100%;
      text-transform: capitalize; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-header div {
      margin-top: 10px;
      font-size: 18px;
      font-family: "Lato", sans-serif; }
  ps-activities-delete-confirm .delete-dialog .delete-dialog-body {
    height: 100px;
    position: relative; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-body .checkbox-container p.ng-enter {
      animation: fadeIn 200ms; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-body .checkbox-container p .checkbox-wrap span {
      font-size: 12px; }
      ps-activities-delete-confirm .delete-dialog .delete-dialog-body .checkbox-container p .checkbox-wrap span span {
        width: 340px;
        white-space: normal; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-body .link-container {
      text-align: center;
      margin-top: 30px;
      position: absolute;
      bottom: 0;
      width: 100%; }
      ps-activities-delete-confirm .delete-dialog .delete-dialog-body .link-container a {
        font-size: 12px;
        color: #3399dd;
        text-transform: uppercase;
        text-decoration: underline; }
  ps-activities-delete-confirm .delete-dialog .delete-dialog-footer {
    margin-top: 30px; }
    ps-activities-delete-confirm .delete-dialog .delete-dialog-footer.buttons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-activities-delete-confirm .delete-dialog .delete-dialog-footer.buttons button {
        margin: 15px; }
ps-activities-player-control-download {
  display: block;
  cursor: pointer; }
  ps-activities-player-control-download:hover {
    color: #3399dd; }
ps-activities-download-confirm .dialog-download {
  padding: 60px 110px; }
  ps-activities-download-confirm .dialog-download .dialog-download-name {
    margin-bottom: 35px;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    text-align: center;
    color: white; }
  ps-activities-download-confirm .dialog-download .dialog-download-items {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    ps-activities-download-confirm .dialog-download .dialog-download-items.center {
      -ms-flex-pack: center;
          justify-content: center; }
    ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item {
      width: 170px;
      background: #88bb44;
      border-radius: 2px;
      margin-bottom: 20px;
      padding: 20px;
      text-decoration: none;
      text-align: center;
      margin-right: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      cursor: pointer; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item:hover {
        color: #111111;
        text-decoration: none; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .ico, ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-content {
        -ms-flex-align: center;
            align-items: center;
        text-align: left; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .ico {
        font-size: 20px;
        margin-right: 10px; }
        ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .ico.without-description {
          margin: 0; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-name, ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-description, ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-size {
        font-family: "Lato", sans-serif;
        display: block; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-name {
        font-size: 18px; }
      ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-description, ps-activities-download-confirm .dialog-download .dialog-download-items .quality-item .quality-size {
        font-size: 12px; }
ps-activities-player-control-share {
  display: block;
  cursor: pointer; }
  ps-activities-player-control-share:hover {
    color: #3399dd; }
ps-activities-player-control-share-dialog {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 70px 15px; }
  ps-activities-player-control-share-dialog .dialog-header h2 {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    color: white; }
  ps-activities-player-control-share-dialog .social-networks {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 80%;
    margin-top: 40px; }
    ps-activities-player-control-share-dialog .social-networks .network {
      -ms-flex-align: center;
          align-items: center;
      border: 1px solid #3399dd;
      border-radius: 100%;
      color: white;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      font-size: 40px;
      height: 80px;
      -ms-flex-pack: center;
          justify-content: center;
      transition: background 200ms ease;
      width: 80px;
      text-decoration: none;
      margin-right: 16px; }
      ps-activities-player-control-share-dialog .social-networks .network:last-child {
        margin-right: 0; }
      ps-activities-player-control-share-dialog .social-networks .network:hover {
        background: #3399dd; }
      ps-activities-player-control-share-dialog .social-networks .network img {
        max-width: 40px; }
  ps-activities-player-control-share-dialog .direct-link {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 40px;
    width: 80%; }
    ps-activities-player-control-share-dialog .direct-link .direct-link-header {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%; }
      ps-activities-player-control-share-dialog .direct-link .direct-link-header .ps-btn {
        font-size: 12px !important;
        height: 30px;
        line-height: 30px !important;
        min-width: 0 !important; }
        ps-activities-player-control-share-dialog .direct-link .direct-link-header .ps-btn [class^='icon'] {
          font-size: 14px;
          margin-right: 2px; }
      ps-activities-player-control-share-dialog .direct-link .direct-link-header .direct-link-label {
        -ms-flex-item-align: end;
            align-self: flex-end;
        color: #3399dd; }
    ps-activities-player-control-share-dialog .direct-link .direct-link-input {
      width: 100%; }
      ps-activities-player-control-share-dialog .direct-link .direct-link-input input {
        background: transparent;
        border: none;
        border-bottom: 1px solid #3399dd;
        color: white;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        width: 100%; }
ps-activities-session-stats section {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 25px; }
  ps-activities-session-stats section header {
    font-family: "Lato", sans-serif;
    text-align: center; }
    ps-activities-session-stats section header .session-name {
      font-size: 24px;
      margin-bottom: 10px; }
    ps-activities-session-stats section header .time {
      font-size: 16px;
      margin-bottom: 25px; }
    ps-activities-session-stats section header .description {
      font-size: 24px;
      margin-bottom: 25px; }
  ps-activities-session-stats section .stats-tabs-container {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 10px; }
    ps-activities-session-stats section .stats-tabs-container .stats-tab {
      padding: 10px;
      border-radius: 2px;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      color: white;
      text-transform: uppercase;
      cursor: pointer;
      transition: all 0.2s linear; }
      ps-activities-session-stats section .stats-tabs-container .stats-tab:hover {
        color: #3399dd; }
      ps-activities-session-stats section .stats-tabs-container .stats-tab.active {
        background: #3399dd; }
        ps-activities-session-stats section .stats-tabs-container .stats-tab.active:hover {
          color: white; }
  ps-activities-session-stats section .users-stats-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 25px;
    font-family: "Lato", sans-serif;
    padding: 0 10px; }
    ps-activities-session-stats section .users-stats-container .user-info {
      font-size: 24px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      ps-activities-session-stats section .users-stats-container .user-info.left {
        color: #88bb44;
        width: 300px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end; }
        ps-activities-session-stats section .users-stats-container .user-info.left .name {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          ps-activities-session-stats section .users-stats-container .user-info.left .name.winner:before {
            right: 0; }
      ps-activities-session-stats section .users-stats-container .user-info.right {
        color: #3399dd;
        width: 300px; }
        ps-activities-session-stats section .users-stats-container .user-info.right .name {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          ps-activities-session-stats section .users-stats-container .user-info.right .name.winner:before {
            left: 0; }
      ps-activities-session-stats section .users-stats-container .user-info .name {
        margin: 0 10px;
        position: relative; }
        ps-activities-session-stats section .users-stats-container .user-info .name.winner:before {
          content: 'winner';
          position: absolute;
          font-size: 10px;
          color: white;
          text-transform: uppercase;
          bottom: 0;
          transform: translateY(calc(100% + 5px)); }
    ps-activities-session-stats section .users-stats-container .center {
      color: white;
      font-size: 12px;
      text-transform: uppercase;
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      width: 210px;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 10px; }
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data,
  ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data {
    animation: fadeInSessionStats 0.2s linear;
    min-width: 970px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats .item,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        max-width: 300px; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats .item.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats .item.left {
          margin-right: 40px; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats .item.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats .item.right {
          margin-left: 40px; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats .item .value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats .item .value {
          font-size: 48px;
          margin-right: 20px; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .base-stats .item .description,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .base-stats .item .description {
          text-transform: uppercase; }
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .block-title,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .block-title {
      margin: 20px 0;
      font-family: "Lato", sans-serif;
      font-size: 24px;
      color: #88bb44;
      text-align: center; }
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container {
      font-family: "Roboto", sans-serif;
      padding: 10px 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      min-width: 960px; }
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container.top-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container.top-padding {
        padding-top: 25px; }
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container.bottom-padding,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container.bottom-padding {
        padding-bottom: 25px; }
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left {
          -ms-flex-pack: start;
              justify-content: flex-start; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left .item-value {
            text-align: right; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left .item-value.middle-size {
              color: #88bb44;
              margin-right: 10px; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left .item-value.big-size {
              color: #88bb44;
              margin-right: 10px; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress-wrapper:before {
            animation: resizeWrapperProgressLeft 0.7s linear; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.left .item-progress-container .item-progress {
            right: 0;
            background: #88bb44;
            border-left: 1px solid #111111; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right {
          -ms-flex-pack: end;
              justify-content: flex-end; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-value,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-value {
            text-align: left; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-value.middle-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-value.middle-size {
              color: #3399dd;
              margin-left: 10px; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-value.big-size,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-value.big-size {
              color: #3399dd;
              margin-left: 10px; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress-wrapper:before {
            animation: resizeWrapperProgressRight 0.7s linear; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress {
            left: 0;
            background: #3399dd;
            border-right: 1px solid #111111; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container.right .item-progress-container .item-progress:before {
              left: 100%; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-value,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-value {
          white-space: nowrap;
          font-size: 14px;
          color: white;
          width: 100px;
          text-overflow: ellipsis;
          overflow: hidden; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-value.blue,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-value.blue {
            color: #3399dd; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-value.middle-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-value.middle-size {
            font-size: 24px;
            font-weight: bolder;
            width: 200px; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-value.middle-size span:last-child {
              font-weight: normal; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-value.big-size,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-value.big-size {
            width: 200px;
            font-size: 36px; }
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container,
        ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container {
          width: 240px;
          height: 16px;
          border-radius: 2px;
          background: #111111;
          margin: 0 10px;
          position: relative; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper {
            height: 16px;
            width: 240px;
            overflow: hidden;
            border-radius: 2px;
            position: absolute; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress-wrapper:before {
              content: '';
              position: absolute;
              width: 0;
              height: 16px;
              background: #111111;
              left: 0;
              z-index: 1; }

@keyframes resizeWrapperProgressLeft {
  0% {
    width: 240px; }
  100% {
    width: 0; } }

@keyframes resizeWrapperProgressRight {
  0% {
    width: 241px;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress {
            position: absolute;
            width: 0;
            height: 16px; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:last-child {
              border: none; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress:before {
              content: '';
              position: absolute;
              width: 0;
              left: 0;
              height: 16px;
              background: #111111; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.blue {
              background: #3399dd; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-blue {
              background: #00618b; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.green {
              background: #88bb44; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.dark-green {
              background: #5a7a2e; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.orange {
              background: #ff9911; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.red {
              background: #ee4433; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .item-progress.without-border {
              border: none !important; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 1px;
            height: 36px;
            background: white;
            font-size: 12px;
            text-transform: uppercase;
            z-index: 2;
            animation: fadeInAvg 0.7s linear; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .name {
              position: absolute;
              left: 0;
              transform: translateX(calc(-100% - 5px));
              white-space: nowrap;
              color: #88bb44;
              animation: slideToRightAvg 0.7s linear; }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .avg-value-container .value {
              position: absolute;
              right: 0;
              transform: translateX(calc(100% + 5px));
              white-space: nowrap;
              color: white;
              animation: slideToLeftAvg 0.7s linear; }

@keyframes slideToRightAvg {
  0% {
    transform: translateX(calc(-100% - 15px)); }
  100% {
    transform: translateX(calc(-100% - 5px)); } }

@keyframes slideToLeftAvg {
  0% {
    transform: translateX(calc(100% + 15px)); }
  100% {
    transform: translateX(calc(100% + 5px)); } }

@keyframes fadeInAvg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container {
            position: absolute;
            width: 100%;
            bottom: 0;
            transform: translateY(calc(100% + 5px)); }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark {
              position: absolute;
              font-size: 12px;
              color: white; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.left {
                left: 0; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.center {
                left: 50%;
                transform: translateX(-50%); }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .percentage-marks-container .percentage-mark.right {
                right: 0; }
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container,
          ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container {
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
            transform: translateY(calc(-100% - 5px)); }
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark,
            ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark {
              position: absolute;
              font-size: 12px;
              color: white; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.left {
                left: 0; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.center {
                left: 50%;
                transform: translateX(-50%); }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.right {
                right: 0; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.red {
                color: #ee4433; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.orange {
                color: #ff9911; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.green {
                color: #88bb44; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-green {
                color: #5a7a2e; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.blue {
                color: #3399dd; }
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue,
              ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-item-container .item-progress-container .text-marks-container .text-mark.dark-blue {
                color: #00618b; }
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .progress-container .progress-center-container,
      ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .progress-container .progress-center-container {
        width: 210px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: uppercase;
        font-size: 12px;
        color: white;
        margin: 0 10px;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-match .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-drills .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-serves .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-returns .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-points .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-strokes .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-rallies .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-fitness .stats-data .separator,
    ps-activities-session-stats section .stats-data-container ps-activities-session-stats-tennis-scoreboard .stats-data .separator {
      width: 730px;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.2);
      margin: 40px 0; }

@keyframes fadeInSessionStats {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
ps-activities-error .error-icon, ps-activities-error .error-title, ps-activities-error .error-message {
  margin: 12px 0; }

ps-activities-error .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap; }

ps-activities-error .error-container {
  margin-top: 135px;
  width: 700px !important; }

ps-activities-error .error-icon {
  font-size: 64px;
  color: rgba(255, 255, 255, 0.3); }

ps-activities-error .error-title {
  font-family: "Lato", sans-serif;
  font-size: 30px;
  line-height: 1.13;
  color: white; }

ps-activities-error .error-message {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 1.2; }

ps-activities-error .icon-warning {
  width: 100%;
  height: 64px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NyIgaGVpZ2h0PSI2NCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMzAyIiBmaWxsPSIjRkZGIiBkPSJNNjQuOTE1IDY0LjAwNUgyLjEwMmEyLjA4MSAyLjA4MSAwIDAxLTEuNzk1LTEuMDM5IDIuMTc0IDIuMTc0IDAgMDEtLjA0OS0yLjEwOGwzMS4zODUtNTkuODRjLjcyNy0xLjM4OCAyLjk2MS0xLjM4OCAzLjY4OCAwbDMxLjIxMSA1OS41MDZjLjI5MS4zNjYuNDY2LjgzNS40NjYgMS4zNDMgMCAxLjE4MS0uOTM3IDIuMTM4LTIuMDkzIDIuMTM4ek0zMy40ODggNi41NTNMNS41OTcgNTkuNzMxaDU1Ljc4MUwzMy40ODggNi41NTN6bTAgMTYuODQ2YzEuMTU1IDAgMi4wOTIuOTU3IDIuMDkyIDIuMTM3djE3LjA5NmMwIDEuMTgyLS45MzcgMi4xMzktMi4wOTIgMi4xMzktMS4xNTYgMC0yLjA5My0uOTU3LTIuMDkzLTIuMTM5VjI1LjUzNmMwLTEuMTguOTM3LTIuMTM3IDIuMDkzLTIuMTM3em0xLjQ4NSAyNi4yNjdjLjM3Ni40MDUuNjA3Ljk2LjYwNyAxLjUxNnMtLjIzMSAxLjExMi0uNjA3IDEuNTE3Yy0uMzk3LjM4NS0uOTQyLjYyLTEuNDg1LjYyYTIuMTczIDIuMTczIDAgMDEtMS40ODYtLjYyIDIuMjY3IDIuMjY3IDAgMDEtLjYwNy0xLjUxN2MwLS41NTYuMjMtMS4xMTEuNjA3LTEuNTE2Ljc5NS0uNzkzIDIuMTk2LS43OTMgMi45NzEgMHoiLz48L3N2Zz4=) no-repeat center; }
ps-activities-header-players {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-activities-header-players .players {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    ps-activities-header-players .players .cards-side {
      -ms-flex-align: end;
          align-items: flex-end;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-pack: center;
          justify-content: center;
      height: 50px; }
    ps-activities-header-players .players .cards-side-and {
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0.6;
      margin-left: 26px;
      margin-right: 26px; }
    ps-activities-header-players .players.without-separator {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: start; }
      ps-activities-header-players .players.without-separator .header-card:not(.right-side) {
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse; }
        ps-activities-header-players .players.without-separator .header-card:not(.right-side) .player-info {
          margin-right: 0;
          margin-left: 18px; }
  ps-activities-header-players .tennis-scores {
    margin-left: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    ps-activities-header-players .tennis-scores .score-container {
      height: 50px; }
ps-activities-player-control-add-user {
  display: block;
  cursor: pointer; }
  ps-activities-player-control-add-user:hover {
    color: #3399dd; }
ps-activities-session-users {
  background: #f0f0f0;
  display: block;
  border-radius: 2px;
  overflow: hidden; }
  ps-activities-session-users .ps-btn.link {
    background: transparent;
    color: #111111;
    text-shadow: none; }
    ps-activities-session-users .ps-btn.link span {
      text-decoration: underline; }
    ps-activities-session-users .ps-btn.link [class^='icon'] {
      text-decoration: none;
      color: #3399dd; }
  ps-activities-session-users .ps-btn.transparent:hover {
    box-shadow: inset 0 0 0 2px #111111;
    color: #111111; }
  ps-activities-session-users .content {
    display: -ms-flexbox;
    display: flex;
    height: 580px; }
    ps-activities-session-users .content .available {
      background-color: white;
      width: 300px; }
      ps-activities-session-users .content .available .pop-up-name h1 {
        text-transform: uppercase;
        color: #111111;
        margin: 50px 0 25px 0;
        text-align: center;
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-size: 18px; }
    ps-activities-session-users .content .existing {
      width: 500px; }
  ps-activities-session-users .footer {
    background-color: #f0f0f0;
    border-top: 1px solid #c2c2c2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 20px 15px; }
    ps-activities-session-users .footer ul {
      display: -ms-flexbox;
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0; }
      ps-activities-session-users .footer ul li {
        margin-right: 15px; }
        ps-activities-session-users .footer ul li:last-of-type {
          margin-right: 0; }
ps-activities-session-users-available .empty-list {
  margin-top: 20px;
  font-size: 16px;
  color: #111111;
  padding: 15px;
  text-align: center; }
  ps-activities-session-users-available .empty-list.ng-enter {
    animation: fadeInUp 200ms; }

ps-activities-session-users-available .nano {
  position: relative;
  width: 300px;
  height: 330px !important;
  margin-top: 10px; }
  ps-activities-session-users-available .nano .users {
    padding: 0 15px 0 15px; }
    ps-activities-session-users-available .nano .users .no-matches {
      margin-top: 20px; }
      ps-activities-session-users-available .nano .users .no-matches.ng-enter {
        animation: fadeInUp 200ms; }
      ps-activities-session-users-available .nano .users .no-matches .text {
        color: #333333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%; }
      ps-activities-session-users-available .nano .users .no-matches .ps-btn {
        margin-top: 20px; }
ps-activities-session-users-available-search .search-form .search-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #3399dd; }
  ps-activities-session-users-available-search .search-form .search-box input {
    width: 100%;
    padding: 15px 8px;
    border: none;
    color: #111111;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    ps-activities-session-users-available-search .search-form .search-box input:focus {
      outline: none;
      text-transform: none; }
  ps-activities-session-users-available-search .search-form .search-box [class^='icon'] {
    color: #3399dd;
    font-size: 20px;
    margin-right: 8px; }
ps-activities-session-users-available-team {
  display: block; }
  ps-activities-session-users-available-team.ng-enter {
    animation: fadeInLeft 200ms; }
  ps-activities-session-users-available-team.ng-enter-stagger {
    animation-delay: 30ms; }
  ps-activities-session-users-available-team .team {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #cfcfcf;
    line-height: 40px;
    color: #333333;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    ps-activities-session-users-available-team .team .logo {
      margin-right: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      ps-activities-session-users-available-team .team .logo .team-image {
        width: 20px;
        height: 20px;
        display: -ms-flexbox;
        display: flex; }
        ps-activities-session-users-available-team .team .logo .team-image img {
          max-width: 100%;
          border-radius: 50%; }
    ps-activities-session-users-available-team .team .team-data {
      width: 100%;
      margin-right: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    ps-activities-session-users-available-team .team .action {
      display: -ms-flexbox;
      display: flex;
      color: #88bb44;
      font-size: 12px;
      padding-right: 10px; }
      ps-activities-session-users-available-team .team .action .drop {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer;
        margin-right: 10px; }
        ps-activities-session-users-available-team .team .action .drop span {
          transition: all 0.2s linear; }
          ps-activities-session-users-available-team .team .action .drop span.active {
            transform: rotate3d(1, 0, 0, 180deg); }
      ps-activities-session-users-available-team .team .action .add {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer; }
        ps-activities-session-users-available-team .team .action .add [class^='icon'] {
          font-size: 20px;
          text-decoration: none;
          margin-right: 10px; }
    ps-activities-session-users-available-team .team .included {
      padding-right: 10px;
      color: #88bb44; }
      ps-activities-session-users-available-team .team .included.ng-enter {
        animation: fadeIn 200ms; }
    ps-activities-session-users-available-team .team span {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      text-transform: uppercase;
      text-decoration: underline; }
    ps-activities-session-users-available-team .team [class^='icon'] {
      font-size: 20px;
      text-decoration: none; }
  ps-activities-session-users-available-team .team-users ps-activities-session-users-available-user .user {
    background: #f6f6f6; }
    ps-activities-session-users-available-team .team-users ps-activities-session-users-available-user .user .user-data {
      padding-left: 50px !important; }
ps-activities-session-users-available-user {
  display: block; }
  ps-activities-session-users-available-user.ng-enter {
    animation: none; }
  ps-activities-session-users-available-user.ng-enter-stagger {
    animation-delay: 30ms; }
  ps-activities-session-users-available-user .user {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #cfcfcf;
    line-height: 40px;
    color: #333333;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    ps-activities-session-users-available-user .user .user-data {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px; }
    ps-activities-session-users-available-user .user .action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      color: #88bb44;
      font-size: 12px;
      margin-right: 10px; }
      ps-activities-session-users-available-user .user .action span {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        text-transform: uppercase;
        text-decoration: underline; }
      ps-activities-session-users-available-user .user .action [class^='icon'] {
        font-size: 20px;
        text-decoration: none;
        margin-right: 10px; }
    ps-activities-session-users-available-user .user .included {
      padding-right: 10px;
      color: #88bb44; }
      ps-activities-session-users-available-user .user .included.ng-enter {
        animation: none; }
      ps-activities-session-users-available-user .user .included span {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        text-transform: uppercase;
        text-decoration: underline; }
ps-activities-session-users-existing-team {
  display: block; }
  ps-activities-session-users-existing-team.ng-enter {
    animation: fadeInRight 200ms; }
  ps-activities-session-users-existing-team.ng-enter-stagger {
    animation-delay: 30ms; }
  ps-activities-session-users-existing-team .team {
    height: 41px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #c2c2c2;
    padding: 0 15px;
    color: #000000;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    ps-activities-session-users-existing-team .team.ng-enter {
      animation: fadeInRight 200ms; }
    ps-activities-session-users-existing-team .team.ng-enter-stagger {
      animation-delay: 30ms; }
    ps-activities-session-users-existing-team .team .logo {
      margin-right: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      ps-activities-session-users-existing-team .team .logo .team-image {
        width: 20px;
        height: 20px;
        display: -ms-flexbox;
        display: flex; }
        ps-activities-session-users-existing-team .team .logo .team-image img {
          max-width: 100%;
          border-radius: 50%; }
      ps-activities-session-users-existing-team .team .logo span {
        font-size: 20px;
        text-decoration: none; }
    ps-activities-session-users-existing-team .team .name {
      width: 100%;
      margin-right: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    ps-activities-session-users-existing-team .team .action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end;
      width: 100%;
      font-size: 12px;
      text-transform: uppercase; }
      ps-activities-session-users-existing-team .team .action .type {
        margin-right: 20px; }
      ps-activities-session-users-existing-team .team .action .remove {
        width: 48px; }
        ps-activities-session-users-existing-team .team .action .remove .ps-btn {
          width: 100%;
          min-width: 0;
          padding: 0;
          text-decoration: underline;
          color: #ee4433;
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          font-size: 12px; }
  ps-activities-session-users-existing-team .team-users ps-activities-session-users-existing-user .user {
    background: #e3e2e2;
    padding-left: 50px; }
ps-activities-session-users-existing-user {
  display: block; }
  ps-activities-session-users-existing-user.ng-enter {
    animation: fadeInRight 200ms; }
  ps-activities-session-users-existing-user.ng-enter-stagger {
    animation-delay: 30ms; }
  ps-activities-session-users-existing-user .user {
    height: 41px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #c2c2c2;
    padding: 0 15px;
    color: #000000;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    ps-activities-session-users-existing-user .user.ng-enter {
      animation: fadeInRight 200ms; }
    ps-activities-session-users-existing-user .user.ng-enter-stagger {
      animation-delay: 30ms; }
    ps-activities-session-users-existing-user .user .name {
      width: 100%;
      margin-right: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    ps-activities-session-users-existing-user .user .action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end;
      width: 100%;
      font-size: 12px;
      text-transform: uppercase; }
      ps-activities-session-users-existing-user .user .action .user-type {
        margin-right: 20px; }
      ps-activities-session-users-existing-user .user .action .as-coach, ps-activities-session-users-existing-user .user .action .as-player {
        margin-right: 20px;
        text-decoration: underline;
        cursor: pointer; }
        ps-activities-session-users-existing-user .user .action .as-coach:hover, ps-activities-session-users-existing-user .user .action .as-player:hover {
          text-decoration: none; }
      ps-activities-session-users-existing-user .user .action .remove {
        width: 48px; }
        ps-activities-session-users-existing-user .user .action .remove .ps-btn {
          width: 100%;
          min-width: 0;
          padding: 0;
          text-decoration: underline;
          color: #ee4433;
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          font-size: 12px; }
ps-activities-session-users-invite .invitation-form-container {
  width: 270px;
  margin: 0 auto;
  margin-bottom: 28px; }
  ps-activities-session-users-invite .invitation-form-container .invitation-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form.ng-enter {
      animation: fadeInDown 200ms; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form .text-field {
      min-width: 0;
      width: 100%;
      margin: 0 2px 5px 2px;
      padding: 0 10px;
      background-color: transparent;
      border: none;
      border-bottom: 2px solid #3399dd;
      color: #111111;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 40px; }
      ps-activities-session-users-invite .invitation-form-container .invitation-form .text-field.error {
        border-color: #ee4433; }
      ps-activities-session-users-invite .invitation-form-container .invitation-form .text-field:focus {
        outline: none; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form .name-row {
      display: -ms-flexbox;
      display: flex; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form .email-row {
      width: 100%;
      position: relative;
      padding-bottom: 15px; }
      ps-activities-session-users-invite .invitation-form-container .invitation-form .email-row .email-error {
        position: absolute;
        bottom: 0;
        left: 12px;
        color: #ee4433; }
        ps-activities-session-users-invite .invitation-form-container .invitation-form .email-row .email-error.ng-enter {
          animation: fadeInUp 200ms; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form .buttons-row {
      margin-top: 15px; }
    ps-activities-session-users-invite .invitation-form-container .invitation-form .form-close {
      position: absolute;
      top: 15px;
      right: 0;
      transform: translateX(calc(100% + 10px));
      cursor: pointer; }
  ps-activities-session-users-invite .invitation-form-container .invite-player {
    text-align: center; }
ps-activities-session-users-existing .empty-list {
  margin-top: 20px;
  font-size: 16px;
  color: #111111;
  padding: 15px;
  text-align: center; }
  ps-activities-session-users-existing .empty-list.ng-enter {
    animation: fadeInUp 200ms; }

ps-activities-session-users-existing .nano {
  width: 495px;
  height: 330px !important;
  position: relative; }
  ps-activities-session-users-existing .nano.small {
    height: 205px !important; }
  ps-activities-session-users-existing .nano .users {
    padding: 0 15px 0 15px; }
ps-activities-session-users-available-tabs .user-type {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #3399dd;
  margin-top: 20px; }
  ps-activities-session-users-available-tabs .user-type button {
    width: 100%;
    border: none;
    background-color: transparent;
    color: #333333;
    line-height: 40px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    transition: background 200ms, color 200ms; }
    ps-activities-session-users-available-tabs .user-type button.active {
      background-color: #3399dd;
      color: white; }
    ps-activities-session-users-available-tabs .user-type button:hover:not(.active) {
      background-color: #e2f0fa; }
    ps-activities-session-users-available-tabs .user-type button:focus {
      outline: none; }
ps-activities-session-users-info .session-info {
  text-align: center;
  padding: 20px; }
  ps-activities-session-users-info .session-info div {
    margin-top: 19px;
    line-height: 100%; }
    ps-activities-session-users-info .session-info div.type {
      color: #111111;
      font-size: 29.9px; }
    ps-activities-session-users-info .session-info div.info {
      color: #333333;
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    ps-activities-session-users-info .session-info div.users-quantity {
      color: #999999;
      font-size: 14px;
      margin-top: 15px; }
ps-activities-events-clip {
  display: -ms-flexbox;
  display: flex; }
  ps-activities-events-clip .create {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 20px; }
    ps-activities-events-clip .create .counter-container {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSI0NCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGIiBkPSJNMzIuOTM2IDExLjY4N2gtMy4xODhhMS4wNjIgMS4wNjIgMCAxMTAtMi4xMjVoMy4xODhhMS4wNjMgMS4wNjMgMCAwMTAgMi4xMjV6bS00LjU2Mi00LjU2MWExLjA2IDEuMDYgMCAwMS0xLjUwMyAwIDEuMDYzIDEuMDYzIDAgMDEwLTEuNTAzbDMuMTg4LTMuMTg2YTEuMDYyIDEuMDYyIDAgMTExLjUwMyAxLjUwMmwtMy4xODggMy4xODd6bS0yLjEyNSA1LjMxMmwtNS4zMTIgNS4zMTItLjAwMS4wMDItLjAwMi4wMDFMNC45OTcgMzMuNjg5YTEuMDYgMS4wNiAwIDAxLTEuNTAyIDBMLjMwNyAzMC41MDJhMS4wNjMgMS4wNjMgMCAwMTAtMS41MDNsMTUuOTM4LTE1LjkzOGguMDAxbDUuMzEzLTUuMzEyYTEuMDYgMS4wNiAwIDAxMS41MDIgMGwzLjE4OCAzLjE4OGExLjA2IDEuMDYgMCAwMTAgMS41MDF6TTQuMjQ2IDMxLjQzNEwxOC42ODIgMTdsLTEuNjg1LTEuNjg1TDIuNTYxIDI5Ljc1bDEuNjg1IDEuNjg0ek0yMi4zMSAxMC4wMDNsLTMuODEgMy44MSAxLjY4NCAxLjY4NSAzLjgxMS0zLjgxMS0xLjY4NS0xLjY4NHptMS4wNjMtNC42OUExLjA2MyAxLjA2MyAwIDAxMjIuMzEgNC4yNVYxLjA2M2ExLjA2MyAxLjA2MyAwIDAxMi4xMjUgMFY0LjI1YzAgLjU4Ny0uNDc2IDEuMDYzLTEuMDYyIDEuMDYzek0xOC4wNiA3LjQzOGMtLjI3MiAwLS41NDQtLjEwNS0uNzUyLS4zMTJsLTIuMTI1LTIuMTI1YTEuMDYyIDEuMDYyIDAgMTExLjUwMy0xLjUwMmwyLjEyNSAyLjEyNGExLjA2MyAxLjA2MyAwIDAxLS43NTEgMS44MTV6bTExLjM3NyA3Ljc0OGwyLjEyNSAyLjEyNmExLjA2IDEuMDYgMCAwMS0uNzUxIDEuODEzIDEuMDYgMS4wNiAwIDAxLS43NTItLjMxMmwtMi4xMjUtMi4xMjRhMS4wNjMgMS4wNjMgMCAwMTEuNTAzLTEuNTAzeiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBkPSJNMjAgMjRoMTRhMiAyIDAgMDEyIDJ2MTRhMiAyIDAgMDEtMiAySDIwYTIgMiAwIDAxLTItMlYyNmEyIDIgMCAwMTItMnoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIGQ9Ik0yNC43NTggMzYuOTg1YS42MTcuNjE3IDAgMDEtLjM5OC0uMTUxYy0uMjItLjE4Mi0uMzUzLS41MDItLjM1My0uODQ1di01Ljk3OGMwLS4zNDcuMTM2LS42NjkuMzU5LS44NWEuNTkzLjU5MyAwIDAxLjczMy0uMDM3bDQuNTA2IDMuMDU3Yy4yNTMuMTcyLjQxMS41MTkuNDA5Ljg5Ni0uMDAzLjM3Ny0uMTY2LjcyMS0uNDIxLjg4NmwtNC41MDYgMi45MjFhLjU5OC41OTggMCAwMS0uMzI5LjEwMXoiLz48L3N2Zz4=);
      background-size: contain;
      width: 35px;
      height: 40px;
      margin-right: 30px;
      position: relative;
      background-repeat: no-repeat; }
      ps-activities-events-clip .create .counter-container .quantity {
        position: absolute;
        background: #3399dd;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        right: -20px;
        top: -5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        box-shadow: 3px 0px 6px -1px rgba(0, 0, 0, 0.75);
        z-index: 2; }
        ps-activities-events-clip .create .counter-container .quantity.ng-enter {
          animation: zoomIn 200ms ease-in; }
        ps-activities-events-clip .create .counter-container .quantity.ng-leave {
          animation: zoomOut 200ms ease-out; }
        ps-activities-events-clip .create .counter-container .quantity.ng-leave-stagger {
          animation-delay: 200ms; }
        ps-activities-events-clip .create .counter-container .quantity span {
          font-size: 14px;
          color: white;
          width: 100%;
          text-align: center;
          font-family: "Roboto", sans-serif; }
      ps-activities-events-clip .create .counter-container .notification {
        background: #3399dd;
        font-family: "Roboto", sans-serif;
        color: white;
        font-size: 12px;
        position: absolute;
        height: 25px;
        top: -5px;
        left: 38px;
        line-height: 25px;
        padding-right: 15px;
        padding-left: 15px;
        width: 170px;
        text-align: right;
        border-radius: 15px;
        white-space: nowrap;
        overflow: hidden;
        z-index: 1; }
        ps-activities-events-clip .create .counter-container .notification.ng-enter-stagger {
          animation-delay: 200ms; }
        ps-activities-events-clip .create .counter-container .notification.ng-enter {
          animation: fadeInNotification 200ms ease-in; }
        ps-activities-events-clip .create .counter-container .notification.ng-leave {
          animation: fadeOutNotification 200ms ease-out; }

@keyframes fadeInNotification {
  from {
    width: 0;
    opacity: 0; }
  to {
    width: 170px;
    opacity: 1; } }

@keyframes fadeOutNotification {
  from {
    width: 170px;
    opacity: 1; }
  to {
    width: 0;
    opacity: 0; } }
    ps-activities-events-clip .create .create-clip {
      text-transform: uppercase;
      background: #88bb44;
      color: white;
      padding: 10px;
      border-radius: 2px;
      font-family: "Lato", sans-serif;
      border: none;
      background-repeat: no-repeat;
      transition: all 0.3s linear;
      font-size: 14px;
      min-width: 195px; }
      ps-activities-events-clip .create .create-clip:hover {
        background: #111111;
        color: #88bb44; }
      ps-activities-events-clip .create .create-clip:disabled {
        background: rgba(255, 255, 255, 0.31);
        color: white; }
  ps-activities-events-clip .tutorial {
    width: 100%;
    margin-top: 5px;
    margin-left: 20px; }
  ps-activities-events-clip .create-clip-wrap {
    position: relative; }
    ps-activities-events-clip .create-clip-wrap .create-clip-mask {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute; }
      ps-activities-events-clip .create-clip-wrap .create-clip-mask.visible {
        display: block; }
ps-activities-events-clip-promotion-banner {
  padding-left: 20px;
  display: block;
  font-family: "Roboto", sans-serif;
  animation: fadeInRightBanner 200ms linear; }
  ps-activities-events-clip-promotion-banner .tutorial-container {
    position: relative;
    background: url(data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/CABEIAEYCqAMBIgACEQEDEQH/xAAaAAEBAAMBAQAAAAAAAAAAAAAAAQIEBQMG/9oACAEBAAAAAMh7eI19rMFKUUUVTo+mtqhVKUKUpQUorjHc6PzWueep06FKUUUVTr+vhzApVKFKUoKUVxnQ+q+f40Y+e54+oUpRRRVO1MOWFKpQpSlBSiuN0PpOfjrcbHDp5avnmKUoooqnYxx5oUpVClKUFKK425j1NnW+ddLKzRypRVFClK6nQ0OXRSlKKUpQUorjG70eTq79yXDR9SilKFKV2fXU5tFKUoopVApSuMPH13bclvhq+iilKFKV9ru8H5yhVKUKUqgUpXGPDY2blbbWnhlRSlClK+zy0vmKFUpQpSlBSlcZh6+1yyttqaOSlKUKUr3z8/KhVKUKUpQUpX//xAAbAQEBAAMBAQEAAAAAAAAAAAACAQMEBQcABv/aAAgBAhAAAAD9aBmmpDCSTCSSDCSSSSSYSYTPT+bs7XN4ff8AoTBCSSRCSSSSSYSYTJ6diwYOJh3O1CYSSSSISSSSSYSTCZPT/udytbDi7e+TCSTCMVJJJJhJJhJhnp+vzdTVxYV+oMJMBhIhJEIhJJMJhM//xAAaAQEBAAMBAQAAAAAAAAAAAAABAAIDBAUG/9oACAEDEAAAAPjM9mjLbSyysu/DFVllWWWvB9Hm5unr4hllZXo14qssqyzN4Ozfh1ZYclLKyvTqxVllWVmb596N+zLLm0Sysr6PLqbKWVlZZvn9u/Znnk+dLLK2dMqysrLN/8QARhAAAQIEBAMFAgkGDwAAAAAAAQIDAAQFERIhMUEQIDAGEzJAURRhFSI1NoOTsbLRFiVScYHhM0RQVFZiZYKEoaOzwcLS/9oACAEBAAE/AOIBJAGpiZlXpOZXLPoKXUGykXBsf2crilNqxp2htxLrYWnQ8N+vvzjmYpLj8qiYVMyrCHCcHfOYSq2RtlHwL/adN+v/AHRO09yRDSlOMutug4FtKxJNtY25xx247eaHNJMmtsMS7Uq0w7K5uTl8KAj+uNzH5zlq5MkSiJmqzCcctMpI7sI3WkaE2tE5KzElNOMTTZQ8nxJJB1z25HACmJd5TU0UAEtq8Xu9/nplHeUejt4koxKdTiUbAXWMz7om6O01S5d1EzKd4EuFag8SHbHIJ9SNInvkKk/TfeH8m0qku1N1VlJZlmhiffX4W0/j6CO+pTVAUHZZxmmocBlx3mFc4oalQ/R0j25itz7hqjypdst4JcteBm2gKfSDkSAb+/ipQAhCFzK8KMkjVXpHsiG2sKB+s7mGyUq7tW3h86GW5+jSLaZyVaWwXAtLzmE5quLQunOuS7TC6rTS2zfAnvhlc3O0VTu2qfT5RL7LzjIcKy0rEnNVxnAgdQcN+ptynp0mlKqTy1KcS1LMjE+8dEJ/5JtkIddlGaa08+0pikNm8tKXs5Nr/TXEs4xV2ahVquHXG5UNpbYZUEhIUogAQ4vs60lCnKZU0BwYkFSwMQ9R6iKzJSLUjT5+QQ8hqbC7odUFEFCgNRwUsJENMrmlbpbGqvwhttLaAlAsBG0TDNxcaiELxpz8Q16Y6A5hxQmQlKVJvvyRmHJgrue9KMOE22hc3TW1lC6IpKhqFTKwRFSZlfY5KblmCwHwvEjGVWwm2p4b9EcRG8b8w5tuG/OOenVKYpkz3zBBuMK0LF0LTuFDcRP1CYqc2qYmV4lnIAZBI2AGwil/NGv/AEH3zE92jk3uzErS0SoeeQ0EqdWMmz7t7xVfmn2e/wAT/uCFrCRDEuqYONdw39sJASkJSAANAOKhcQ82W140j9cAhSQRoeccR5Gd+QqV9N94R2iqNPmW+6ZSHXxazqdEj0vvE98hUn6b7w4bxv1N+cc4jfjt1afVp6lKcVIvlouABfxQoG2mRBj8s6/a3t/+i3/5iq1ueqakKnpkvFsEI+KEgX1yAEMSxcIcdHxdk+sDKBA4uICkx/ArsfCf8vNyj5fp7LDtIdnEMlWBaFKFrm50Ed2z/RmZ+sc/CKpMKWiXl/YVybbIVgQskk3NzmeG/V36Q5d+O0DquOWyGsMS2YcdGeyfSBzvtBSYbUQcCtRp5qizTMpQZNTywhK1qQFHS+JWsVCpsU1nG6brPgQDmr90dp3FPStNdWnCtaFKUn0JCcuYdXboiN/IE2hbhJwpFydBDEvgONea/sgQIHNa4iYaN8SdRCFYk+/fgPL0qSZn+zMuw+Lpuogg5pOJWcU7s+iWf76Zc9ocTk3fRIGn7fsjth/E/wC//wBeB6p5NulvyDqLhplLeeqjqYHAQOdSQRC0d25cHI6jzLc3NS47tqZebF72QsgR8Jz/APPZn61X4w+8+8Qt91bhAsCpRUeO3V26u/Lv0f/EACMRAAICAQQCAwEBAAAAAAAAAAABAhARAwQSMSAiEyEwQVH/2gAIAQIBAT8ANTU4LL6NLW5/Tx1TWUNrOLdu3bGO3TGMY7dO3b8JzUFlmpJ6ns+kzSmk1FJpPqt5vlBcIdmluJQ1Off+kZqcVKPVPydsY7Y6YxjHbHb83FTWGaunmHGH8wQ0ZRa+klnPeTd7zHpAkSNjufjlwl0/wY6Yxjp06YxjH5Pxdt4NxuG/WJMkSGbDdfJHhLtfixjGPGT+Dt2xjH+TvcP1JkxjGaDa1FimOmPwY6Yxjp2xjGMfmx1//8QAIhEBAAIBAwUBAQEAAAAAAAAAAQACAxESIRAwMUBBMiAi/9oACAEDAQE/AJSm90PMy4tnJr56VeYid8ofCWAeOp6datnaTHUxf5roqTJSyNlFPPTFh15Y0LV2xEdHvcfZf9etWzV1JjyaX3X+y+ath5VQPATHj+sITNj3Gp57xrpx9l/164aylAhCEJnx7XceOwfzVttCszft9ekIQ6Esa1e7ufX/AP/Z);
    background-size: cover;
    height: 70px;
    background-repeat: no-repeat;
    -ms-flex-align: end;
        align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    ps-activities-events-clip-promotion-banner .tutorial-container:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #3399dd;
      top: 50%;
      left: -15px;
      margin-top: -10px; }
    ps-activities-events-clip-promotion-banner .tutorial-container .status {
      position: absolute;
      font-size: 18px;
      text-transform: uppercase;
      left: 59px;
      top: 38px; }
    ps-activities-events-clip-promotion-banner .tutorial-container .title {
      position: absolute;
      font-size: 14px;
      text-transform: uppercase;
      left: 134px;
      top: 20px;
      line-height: 1.14; }
    ps-activities-events-clip-promotion-banner .tutorial-container .options {
      position: absolute;
      font-size: 13px;
      line-height: 1.54;
      left: 350px;
      top: 4px; }
    ps-activities-events-clip-promotion-banner .tutorial-container .show {
      margin-right: 4px;
      margin-bottom: 2px; }
      ps-activities-events-clip-promotion-banner .tutorial-container .show .checkbox-wrap > input:checked + span:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGIiBkPSJNMiAwaDhhMiAyIDAgMDEyIDJ2OGEyIDIgMCAwMS0yIDJIMmEyIDIgMCAwMS0yLTJWMmEyIDIgMCAwMTItMnptLS4wMDEgNC4wNjl2Mi42MzJsMy4yIDIuNjMxIDQuOC00LjAzNVYyLjY2NWwtNC44IDQuMDM2LTMuMi0yLjYzMnoiLz48L3N2Zz4=); }
      ps-activities-events-clip-promotion-banner .tutorial-container .show .checkbox-wrap span {
        font-size: 11px;
        line-height: 11px; }
        ps-activities-events-clip-promotion-banner .tutorial-container .show .checkbox-wrap span:before {
          border-color: white;
          width: 12px;
          height: 12px; }
    ps-activities-events-clip-promotion-banner .tutorial-container .close-button {
      cursor: pointer;
      position: absolute;
      right: 2px;
      top: 2px; }

@keyframes fadeInRightBanner {
  0% {
    opacity: 0;
    transform: translate3d(15px, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }
ps-activities-delete-notification .notification-container {
  padding: 40px 40px 20px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  ps-activities-delete-notification .notification-container .title {
    font-size: 24px;
    color: #88bb44;
    font-family: "Lato", sans-serif;
    margin-bottom: 40px;
    text-align: center;
    line-height: 100%; }
  ps-activities-delete-notification .notification-container .description {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-bottom: 45px;
    text-align: center;
    line-height: 100%; }
ps-activities-header-tennis-score {
  font-family: "Gilroy";
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center; }
  ps-activities-header-tennis-score .set {
    margin-right: 16px;
    position: relative;
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    ps-activities-header-tennis-score .set:last-child {
      margin-right: 0; }
    ps-activities-header-tennis-score .set .score {
      font-size: 20px; }
    ps-activities-header-tennis-score .set .additional {
      font-size: 12px;
      position: absolute;
      line-height: 100%;
      top: 2px;
      right: -2px; }
ps-activities-archive-session .archive-session-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: url("/Content/images/web/archive-session/bg-archive-session.png"); }
  ps-activities-archive-session .archive-session-container .message-box {
    max-width: 620px;
    width: 80%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  ps-activities-archive-session .archive-session-container .archive-image-wrapper,
  ps-activities-archive-session .archive-session-container .title,
  ps-activities-archive-session .archive-session-container .description {
    margin-bottom: 16px; }
  ps-activities-archive-session .archive-session-container .title {
    font-family: "Gilroy";
    font-size: 32px;
    line-height: 36px; }
  ps-activities-archive-session .archive-session-container .description {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    max-width: 400px;
    width: 90%;
    margin-bottom: 32px; }
  ps-activities-archive-session .archive-session-container .restoring-container {
    max-width: 340px;
    width: 95%; }
    ps-activities-archive-session .archive-session-container .restoring-container .restore-btn {
      font-size: 14px;
      text-transform: uppercase;
      border: none;
      padding: 7px 20px;
      border-radius: 2px;
      background: #3399dd;
      transition: background-color 0.2s linear;
      font-family: "Lato", Helvetica, Arial, sans-serif; }
      ps-activities-archive-session .archive-session-container .restoring-container .restore-btn:hover {
        background-color: #1c70a8; }
    ps-activities-archive-session .archive-session-container .restoring-container .restoring-label {
      font-size: 16px;
      line-height: 19px;
      color: #3399dd;
      text-transform: uppercase;
      margin-bottom: 8px;
      font-family: "Gilroy"; }
    ps-activities-archive-session .archive-session-container .restoring-container .progress {
      height: 4px;
      background: rgba(255, 255, 255, 0.2); }
      ps-activities-archive-session .archive-session-container .restoring-container .progress .progress-bar {
        background: #3399dd;
        transition: width 0.2s ease-in; }
ps-activities-unavailable-vod-session .unavailable-session {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-activities-unavailable-vod-session .unavailable-session .info-premium-container, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container {
    font-family: "Lato", sans-serif; }
    ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .price, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .price, ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .description, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .description, ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .type, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .type {
      text-align: center;
      line-height: 100%; }
    ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .price, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .price {
      font-size: 60px;
      margin-bottom: 10px;
      color: #3399dd; }
    ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .title, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .title {
      font-size: 24px;
      margin-bottom: 35px; }
    ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .description, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .description {
      font-size: 18px;
      margin-bottom: 35px; }
    ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .controls, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .controls {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .controls button, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .controls button {
        text-transform: uppercase;
        font-size: 14px;
        color: white;
        border-radius: 2px;
        background-color: #3399dd;
        border: none;
        padding: 10px;
        width: 150px; }
        ps-activities-unavailable-vod-session .unavailable-session .info-premium-container .controls button:first-child, ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .controls button:first-child {
          margin-right: 10px; }
  ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .title {
    margin-bottom: 20px; }
  ps-activities-unavailable-vod-session .unavailable-session .info-hidden-container .description {
    margin-bottom: 20px; }
ps-notifications-list2 {
  display: block;
  left: -273px;
  position: absolute;
  top: 100%;
  /* &.ng-leave {
    animation: fadeOut 200ms;
  }*/ }
  ps-notifications-list2 .arrow-up {
    border-bottom: 9px solid #eeeeee;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    height: 0;
    left: 264px;
    position: relative;
    width: 0; }
  ps-notifications-list2 .list-container {
    background: #eeeeee;
    color: #111111;
    min-height: 200px;
    text-transform: none;
    width: 300px; }
    ps-notifications-list2 .list-container:hover {
      color: #111111;
      cursor: default; }
    ps-notifications-list2 .list-container.empty {
      -ms-flex-align: center;
          align-items: center;
      color: #bebaba;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-pack: center;
          justify-content: center;
      font-family: "Lato", sans-serif;
      font-size: 18px; }
      ps-notifications-list2 .list-container.empty .icon-bell {
        font-size: 40px !important;
        margin-bottom: 15px;
        display: block; }
    ps-notifications-list2 .list-container.scrollable .nano {
      max-height: 490px; }
    ps-notifications-list2 .list-container .no-notifications.ng-enter {
      animation: fadeIn 400ms; }
    ps-notifications-list2 .list-container .no-notifications [class^="icon"] {
      text-align: center; }
    ps-notifications-list2 .list-container .nano {
      min-height: 100px; }
    ps-notifications-list2 .list-container .notifications-heading {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      font-family: "Lato", sans-serif;
      font-size: 18px;
      color: #88bb44;
      height: 54px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%; }
    ps-notifications-list2 .list-container .notifications-footer {
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      ps-notifications-list2 .list-container .notifications-footer button {
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        color: #3399dd;
        text-decoration: underline;
        text-transform: uppercase;
        background: none;
        border: none; }
        ps-notifications-list2 .list-container .notifications-footer button:focus {
          outline: none; }
    ps-notifications-list2 .list-container ps-notifications-list-notification {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 11px;
      padding-bottom: 9px; }
ps-notifications-list-notification {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #111111;
  padding: 0 15px; }
  ps-notifications-list-notification.processing {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background: #3399dd linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    color: white;
    opacity: 0.6;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  ps-notifications-list-notification:hover {
    background: rgba(50, 153, 222, 0.1); }
    ps-notifications-list-notification:hover .read-notification {
      opacity: 1 !important; }
  ps-notifications-list-notification .notification-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    ps-notifications-list-notification .notification-container .notification-picture {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      margin-left: 5px;
      margin-right: 10px;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
      ps-notifications-list-notification .notification-container .notification-picture img {
        width: 100%;
        height: auto; }
    ps-notifications-list-notification .notification-container .notification-message-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      text-align: left; }
      ps-notifications-list-notification .notification-container .notification-message-container .notification-message,
      ps-notifications-list-notification .notification-container .notification-message-container .notification-time {
        padding: 0;
        margin: 0; }
      ps-notifications-list-notification .notification-container .notification-message-container .notification-time {
        margin-top: 8px;
        color: #999999; }
    ps-notifications-list-notification .notification-container .read-notification {
      opacity: 0; }
      ps-notifications-list-notification .notification-container .read-notification button {
        border: none;
        background: transparent; }
        ps-notifications-list-notification .notification-container .read-notification button:focus {
          outline: none; }
        ps-notifications-list-notification .notification-container .read-notification button .cross {
          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNqUk80NwjAMRt3ijbgB4sAagAQcYKb0ACwChxa2KLvwGTlSFTlOqPQa5ed9imylmYfPjIgWYKD6bw1eLX5L8ATHSvEEHmAlcg8uoKsIEDHo+Z518apjp+OtIP7O82TTC4jiebrOSboVYIqWnAZIVXeWmJNjgIgHlawaUOtUdQvuYJ/rAjtVjVcdcl3gguh2gUvtMAKatM+emAaEOGetakm0AkaR32Dzx6uSgFFe1VeAAQAakzVDFLtyWgAAAABJRU5ErkJggg==") no-repeat;
          width: 15px;
          height: 15px;
          display: block; }
ps-notifications-status .item {
  position: relative;
  padding: 9px;
  cursor: pointer;
  transition: opacity 0.2s linear; }
  ps-notifications-status .item:hover {
    opacity: 0.8; }
  ps-notifications-status .item i {
    font-size: 24px; }
  ps-notifications-status .item .counter {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ee4433;
    border-radius: 50%;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    ps-notifications-status .item .counter.ng-enter {
      animation: fadeIn 0.2s; }
    ps-notifications-status .item .counter.ng-leave {
      animation: fadeOut 0.2s; }
    ps-notifications-status .item .counter span {
      font-size: 12px;
      line-height: 100%; }

ps-notifications-status ps-notifications-list2 {
  animation: slideFromBottom 0.2s linear; }

@keyframes slideFromBottom {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
ps-editable-title {
  max-width: 1000px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  ps-editable-title > form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative; }
    ps-editable-title > form .editable-input {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-flow: column;
          flex-flow: column;
      position: relative;
      height: 57px; }
      ps-editable-title > form .editable-input:hover + .controls-group .btn-edit {
        color: #3399dd; }
      ps-editable-title > form .editable-input input {
        font-size: 24px !important;
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
        border: none;
        background: none;
        box-shadow: 0 1px 0 0 #3399dd;
        height: 37px;
        text-align: left;
        margin-bottom: 20px;
        padding-right: 40px; }
        ps-editable-title > form .editable-input input:not([readonly]) {
          min-width: 509px;
          max-width: 509px; }
        ps-editable-title > form .editable-input input:focus {
          outline: none; }
        ps-editable-title > form .editable-input input[readonly] {
          border-bottom-color: transparent;
          text-align: center; }
          ps-editable-title > form .editable-input input[readonly]:hover {
            border-bottom-color: #3399dd;
            cursor: pointer; }
        ps-editable-title > form .editable-input input:-ms-input-placeholder {
          text-transform: none; }
        ps-editable-title > form .editable-input input::placeholder {
          text-transform: none; }
      ps-editable-title > form .editable-input .current-name {
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
        line-height: 37px;
        height: 37px;
        margin-bottom: 20px;
        font-size: 24px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 900px;
        cursor: pointer; }
        ps-editable-title > form .editable-input .current-name:hover {
          box-shadow: 0 1px 0 0 #3399dd; }
      ps-editable-title > form .editable-input .validation-error {
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #ee4433;
        text-transform: uppercase;
        margin-right: auto;
        position: absolute;
        top: 40px; }
        ps-editable-title > form .editable-input .validation-error.ng-enter {
          animation: fadeIn 200ms; }
        ps-editable-title > form .editable-input .validation-error.ng-leave {
          animation: fadeOut 200ms; }
    ps-editable-title > form .controls-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      ps-editable-title > form .controls-group .btn-editable-title {
        border: none;
        background: none;
        font-size: 18px; }
        ps-editable-title > form .controls-group .btn-editable-title.btn-edit {
          color: white;
          margin-bottom: auto;
          margin-top: 5px; }
          ps-editable-title > form .controls-group .btn-editable-title.btn-edit:hover {
            color: #3399dd; }
        ps-editable-title > form .controls-group .btn-editable-title.btn-apply {
          color: #88bb44; }
        ps-editable-title > form .controls-group .btn-editable-title.btn-cancel {
          color: #ee4433; }
      ps-editable-title > form .controls-group .characters-counter {
        position: absolute;
        font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #3399dd;
        left: -34px; }
    ps-editable-title > form .try-to-rename {
      position: absolute;
      left: 100%;
      font-size: 16px;
      font-family: "Lato", sans-serif, Helvetica, Arial, sans-serif;
      text-align: left;
      background-color: #3399dd;
      border-radius: 2px;
      padding: 15px;
      width: 190px;
      line-height: 100%;
      margin-left: 15px;
      z-index: 10; }
      ps-editable-title > form .try-to-rename:before {
        content: '';
        position: absolute;
        left: -7px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #3399dd; }
      ps-editable-title > form .try-to-rename.ng-enter {
        animation: fadeInRight 200ms; }
      ps-editable-title > form .try-to-rename button {
        margin-top: 20px;
        border: 2px solid white;
        border-radius: 2px;
        background: none;
        text-transform: uppercase;
        width: 90px;
        height: 30px;
        font-size: 14px;
        transition: all 0.2s linear; }
        ps-editable-title > form .try-to-rename button:hover {
          background-color: white;
          color: #3399dd; }
ps-control-slider {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 6px;
  cursor: pointer !important; }
  ps-control-slider .milestones {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  ps-control-slider .ui-slider-handle {
    background-color: white;
    border-radius: 100%;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 12px;
    position: absolute;
    transform: translateY(6px);
    width: 12px;
    z-index: 2; }
    ps-control-slider .ui-slider-handle:focus {
      outline: none; }
  ps-control-slider .ui-slider-range {
    background-color: #3399dd;
    border-radius: 2px;
    position: absolute;
    width: 100%; }
    ps-control-slider .ui-slider-range.ui-slider-range-min {
      bottom: 0; }
  ps-control-slider.ui-slider-horizontal {
    height: 6px;
    width: 100%; }
    ps-control-slider.ui-slider-horizontal .ui-slider-handle {
      transform: translateY(-25%) translateX(-50%); }
    ps-control-slider.ui-slider-horizontal .ui-slider-range-min {
      bottom: auto;
      height: inherit;
      left: 0; }
ps-facility-manager section {
  width: 300px;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  ps-facility-manager section .nano {
    max-height: 350px !important; }
  ps-facility-manager section .item {
    border-bottom: 1px solid rgba(204, 221, 221, 0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    ps-facility-manager section .item:last-child {
      border-bottom: none; }
    ps-facility-manager section .item.active-facility {
      padding: 16px; }
      ps-facility-manager section .item.active-facility .card {
        margin-bottom: 16px;
        -ms-flex-align: center;
            align-items: center;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 2fr;
            grid-template-columns: 1fr 2fr; }
        ps-facility-manager section .item.active-facility .card ps-logo {
          margin-right: 16px;
          padding: 0 0 6px 0; }
        ps-facility-manager section .item.active-facility .card .info {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          color: #111111; }
          ps-facility-manager section .item.active-facility .card .info .name {
            font-size: 18px;
            font-weight: bold; }
          ps-facility-manager section .item.active-facility .card .info .sport {
            font-size: 14px; }
      ps-facility-manager section .item.active-facility a {
        color: #00aaee;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: .3px;
        text-transform: uppercase;
        border: 2px solid #00aaee;
        text-align: center;
        padding: 8px;
        transition: opacity 0.2s linear;
        font-family: "Gilroy";
        font-weight: bold; }
        ps-facility-manager section .item.active-facility a:hover {
          opacity: 0.8; }
    ps-facility-manager section .item.facility {
      padding: 16px;
      cursor: pointer;
      transition: background-color 0.2s linear;
      display: -ms-flexbox;
      display: flex; }
      ps-facility-manager section .item.facility:hover {
        background-color: rgba(17, 34, 51, 0.1); }
      ps-facility-manager section .item.facility .facility-card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        ps-facility-manager section .item.facility .facility-card .logo {
          display: -ms-flexbox;
          display: flex;
          margin-right: 16px; }
        ps-facility-manager section .item.facility .facility-card .info {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          color: #111111; }
          ps-facility-manager section .item.facility .facility-card .info .location {
            font-size: 12px; }
          ps-facility-manager section .item.facility .facility-card .info .name {
            font-size: 16px; }
    ps-facility-manager section .item .selectable-item {
      line-height: 100%;
      padding: 24px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      text-decoration: none;
      color: rgba(17, 34, 51, 0.6);
      cursor: pointer;
      transition: color 0.2s linear; }
      ps-facility-manager section .item .selectable-item.active, ps-facility-manager section .item .selectable-item:hover {
        color: #111111; }
      ps-facility-manager section .item .selectable-item.sign-out {
        border-top: 1px solid rgba(204, 221, 221, 0.5); }
      ps-facility-manager section .item .selectable-item .outside {
        font-size: 20px;
        margin-right: 10px; }
      ps-facility-manager section .item .selectable-item .text {
        font-size: 14px;
        font-weight: 800;
        font-family: "Gilroy";
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 14px; }

ps-facility-manager ps-preloader .ps-preloader-overlay {
  position: fixed;
  z-index: 10000; }

ps-facility-manager .search-container {
  border-bottom: 1px solid rgba(204, 221, 221, 0.5);
  padding: 0 16px 16px 16px; }
ps-logo {
  display: inline-block; }
  ps-logo figure {
    position: relative;
    margin: 0; }
    ps-logo figure .avatar {
      position: relative; }
      ps-logo figure .avatar .icon {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #a0a7ad; }
      ps-logo figure .avatar .initials {
        font-family: "Gilroy";
        background-color: #00aaee;
        font-size: 18px;
        font-weight: bold;
        color: white;
        overflow: hidden;
        text-align: center;
        line-height: 40px;
        text-transform: uppercase;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    ps-logo figure ps-sport-icon {
      position: absolute;
      bottom: -4px;
      right: -4px;
      background: white;
      padding: 2px;
      border-radius: 100%; }
ps-editable-area {
  display: block;
  width: 100%; }
  ps-editable-area section {
    position: relative;
    padding-bottom: 38px; }
    ps-editable-area section .area-container {
      transition: box-shadow 0.2s linear; }
      ps-editable-area section .area-container.editing {
        box-shadow: 0 1px 0 0 #3399dd; }
      ps-editable-area section .area-container textarea {
        width: 100%;
        background-color: transparent;
        border: none;
        outline: none;
        font-size: 14px;
        font-family: "Roboto", sans-serif;
        padding: 0; }
    ps-editable-area section .control {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      position: absolute;
      bottom: 0;
      width: 100%; }
      ps-editable-area section .control .counter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center; }
        ps-editable-area section .control .counter span {
          color: #FFFFFF;
          font-size: 12px;
          font-family: "Roboto", sans-serif; }
      ps-editable-area section .control .actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end;
        -ms-flex-align: center;
            align-items: center; }
        ps-editable-area section .control .actions .btn-editable-area {
          border: none;
          background: none;
          font-size: 18px;
          outline: none; }
          ps-editable-area section .control .actions .btn-editable-area.btn-edit {
            color: white; }
            ps-editable-area section .control .actions .btn-editable-area.btn-edit:hover {
              color: #3399dd; }
          ps-editable-area section .control .actions .btn-editable-area.btn-apply {
            color: #88bb44; }
          ps-editable-area section .control .actions .btn-editable-area.btn-cancel {
            color: #ee4433; }
  ps-editable-area ::-webkit-input-placeholder {
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.6); }
  ps-editable-area ::-moz-placeholder {
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.6); }
.input-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #495057;
  color: #495057;
  margin-top: 14px;
  transition: color 200ms linear, border 200ms linear;
  font-size: 16px; }
  .input-container:hover {
    color: rgba(17, 34, 51, 0.6);
    border-color: rgba(17, 34, 51, 0.6); }
  .input-container.has-focus {
    color: #00aaee;
    border-color: #00aaee; }
  .input-container.has-disabled {
    color: rgba(17, 34, 51, 0.2);
    border-color: rgba(17, 34, 51, 0.2); }
    .input-container.has-disabled input {
      color: rgba(17, 34, 51, 0.2); }
  .input-container .icon {
    color: #495057;
    padding-left: 10px; }
  .input-container .text-field-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    min-height: 38px;
    padding: 0 10px; }
  .input-container input {
    background: transparent;
    border: 0;
    color: rgba(17, 34, 51, 0.6);
    font-size: 16px;
    padding: 0;
    width: 100%;
    height: 24px; }
    .input-container input.has-value, .input-container input:focus {
      outline: none; }
  .input-container label {
    display: none; }
ps-activities .session-container, ps-facility-videos .session-container {
  display: -ms-flexbox;
  display: flex; }
ps-activities-sidebar, ps-facility-videos-sidebar {
  width: 190px;
  max-width: 190px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  ps-activities-sidebar ps-activities-sidebar-calendar, ps-facility-videos-sidebar ps-activities-sidebar-calendar {
    padding-bottom: 10px;
    border-bottom: 2px solid #88bb44; }

ps-facility-videos-sidebar .nano {
  max-height: 507px; }
ps-facility-videos-sidebar-facility {
  display: block;
  overflow: hidden; }
  ps-facility-videos-sidebar-facility .facility-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 49px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #3399dd;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  ps-facility-videos-sidebar-facility .courts.ng-enter {
    animation: fadeIn 200ms; }
  ps-facility-videos-sidebar-facility .courts.ng-leave {
    animation: fadeOut 200ms; }
ps-facility-videos-sidebar-facility-court .court-name {
  min-height: 59px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1; }
  ps-facility-videos-sidebar-facility-court .court-name:hover {
    color: #3399dd; }

ps-facility-videos-sidebar-facility-court .sessions .session.active {
  transition: none; }
  ps-facility-videos-sidebar-facility-court .sessions .session.active ps-facility-videos-sidebar-facility-session {
    background-color: #3399dd; }
    ps-facility-videos-sidebar-facility-court .sessions .session.active ps-facility-videos-sidebar-facility-session:hover {
      color: white; }

ps-facility-videos-sidebar-facility-court .sessions .session:hover, ps-facility-videos-sidebar-facility-court .sessions .session:focus {
  text-decoration: none; }
ps-facility-videos-sidebar-facility-session {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px 8px 7px 8px; }
  ps-facility-videos-sidebar-facility-session .session-type, ps-facility-videos-sidebar-facility-session .duration {
    font-family: "Roboto", sans-serif;
    font-size: 12px; }
  ps-facility-videos-sidebar-facility-session .session-name {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    text-transform: none;
    text-align: center;
    margin: 23px 0 17px 0; }
ps-activities-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap; }
  ps-activities-filter .filter-container {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
    ps-activities-filter .filter-container .nano {
      min-height: 349px;
      max-height: 349px; }
    ps-activities-filter .filter-container .filters {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 10px; }
      ps-activities-filter .filter-container .filters > * {
        margin: 0; }
        ps-activities-filter .filter-container .filters > * + * {
          margin-top: 26px; }
  ps-activities-filter .footer {
    border-top: 1px solid #dddddd;
    text-align: center;
    padding: 10px 0; }

ps-facility-videos-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap; }
  ps-facility-videos-filter .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100; }
    ps-facility-videos-filter .loader .loader-overlay {
      position: absolute;
      background-color: #000000;
      width: 100%;
      height: 100%;
      opacity: 0.5; }
    ps-facility-videos-filter .loader .circles-container {
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      ps-facility-videos-filter .loader .circles-container .circle {
        width: 15px;
        height: 15px;
        background-color: #ffffff;
        border-radius: 50%;
        margin-right: 10px;
        opacity: 0;
        transform: scale(0.1);
        animation: scaleIn 1.3s infinite; }
        ps-facility-videos-filter .loader .circles-container .circle:nth-child(2) {
          animation-delay: 0.2s; }
        ps-facility-videos-filter .loader .circles-container .circle:nth-child(3) {
          animation-delay: 0.3s; }
        ps-facility-videos-filter .loader .circles-container .circle:last-child {
          margin-right: 0; }

@keyframes scaleIn {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.1);
    opacity: 0; } }
  ps-facility-videos-filter .filter-container {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
    ps-facility-videos-filter .filter-container ps-activities-filter-calendar {
      position: absolute; }
      ps-facility-videos-filter .filter-container ps-activities-filter-calendar.ng-enter {
        animation: fadeIn 0.2s linear; }
    ps-facility-videos-filter .filter-container .nano {
      min-height: 349px;
      max-height: 349px;
      margin-left: 300px; }
    ps-facility-videos-filter .filter-container .filters {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 10px; }
      ps-facility-videos-filter .filter-container .filters > * {
        margin: 0; }
        ps-facility-videos-filter .filter-container .filters > * + * {
          margin-top: 26px; }
  ps-facility-videos-filter .footer {
    border-top: 1px solid #dddddd;
    text-align: center;
    padding: 10px 0; }
ps-facility-videos-filter-courts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-direction: column;
      flex-direction: column; }
  ps-facility-videos-filter-courts .facilities .courts-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  ps-facility-videos-filter-courts .filter-title {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Roboto", sans-serif; }
    ps-facility-videos-filter-courts .filter-title .title {
      color: #3399dd; }
    ps-facility-videos-filter-courts .filter-title .toggle {
      color: #111111;
      text-decoration: underline; }
      ps-facility-videos-filter-courts .filter-title .toggle span {
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        ps-facility-videos-filter-courts .filter-title .toggle span.ng-enter {
          animation: fadeIn 500ms; }
  ps-facility-videos-filter-courts .facilities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 680px; }
    ps-facility-videos-filter-courts .facilities .facility {
      margin: 16px 40px 0 0;
      -ms-flex: 0 1 260px;
          flex: 0 1 260px; }
    ps-facility-videos-filter-courts .facilities .facility-name {
      color: #111111;
      font-size: 12px;
      font-family: "Roboto", sans-serif;
      margin-left: 11px; }
    ps-facility-videos-filter-courts .facilities .courts-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      ps-facility-videos-filter-courts .facilities .courts-list li {
        -ms-flex-align: center;
            align-items: center;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        min-width: 110px;
        padding: 0 10px;
        text-transform: uppercase;
        transition: all 200ms;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        ps-facility-videos-filter-courts .facilities .courts-list li.active {
          background: #3399dd;
          color: white; }
        ps-facility-videos-filter-courts .facilities .courts-list li:active {
          background: #207ebd;
          color: white; }
ps-facility-profile .facility-background {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 352px;
  background-size: cover;
  background-position: center; }

ps-facility-profile .managing-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 40px; }
  ps-facility-profile .managing-container .info {
    font-family: "Roboto", sans-serif;
    width: 370px;
    position: relative; }
    ps-facility-profile .managing-container .info .logo-container {
      position: absolute;
      width: 160px;
      top: -100px;
      left: -70px;
      transform: translateX(-100%); }
      ps-facility-profile .managing-container .info .logo-container .logo {
        width: 160px;
        height: 160px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        border: 5px solid #999999;
        background: #a0a7ad;
        margin-bottom: 10px;
        overflow: hidden;
        cursor: pointer; }
        ps-facility-profile .managing-container .info .logo-container .logo:hover img {
          opacity: 0.8; }
        ps-facility-profile .managing-container .info .logo-container .logo img {
          transition: opacity 0.3s linear;
          max-width: 100%;
          max-height: 100%; }
      ps-facility-profile .managing-container .info .logo-container button {
        width: 100%; }
    ps-facility-profile .managing-container .info .background-control {
      position: absolute;
      transform: translate(100%, -100%);
      right: -100px;
      top: -40px; }

ps-facility-profile button {
  border-radius: 2px;
  outline: none;
  height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  background: transparent;
  border: none; }
  ps-facility-profile button:not([disabled]) {
    transition: opacity 0.2s linear; }
    ps-facility-profile button:not([disabled]):hover {
      opacity: 0.8; }
  ps-facility-profile button.success {
    background: #88bb44; }
  ps-facility-profile button.default {
    background: #3399dd; }
  ps-facility-profile button:disabled {
    background: #999999; }

ps-facility-profile ps-preloader .ps-preloader-overlay {
  position: fixed;
  z-index: 10000; }
ps-facility-profile-contact-info {
  display: block; }
  ps-facility-profile-contact-info .title {
    font-family: "Lato", sans-serif;
    font-size: 36px;
    color: #88bb44;
    margin-bottom: 20px;
    transition: opacity 0.3s linear;
    cursor: pointer; }
    ps-facility-profile-contact-info .title:hover {
      opacity: 0.8; }
  ps-facility-profile-contact-info .description {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 50px; }
  ps-facility-profile-contact-info .form-title {
    font-size: 12px;
    color: #88bb44;
    text-transform: uppercase;
    margin-bottom: 20px; }
  ps-facility-profile-contact-info form .field {
    margin-bottom: 40px; }
    ps-facility-profile-contact-info form .field .field-title {
      font-size: 10px;
      text-transform: uppercase;
      color: #3399dd;
      margin-left: 10px; }
    ps-facility-profile-contact-info form .field input {
      color: white;
      font-size: 14px;
      background: none;
      border: none;
      border-bottom: 2px solid #3399dd;
      padding: 0 10px;
      height: 40px;
      width: 100%;
      outline: none; }
      ps-facility-profile-contact-info form .field input.ng-dirty.ng-invalid {
        border-color: #ee4433; }
  ps-facility-profile-contact-info form button {
    margin-top: 40px;
    width: 100%;
    height: 60px;
    font-size: 18px; }