@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

/*********************************************
 *****     SELECTED COMPASS MIXINS      ******
 *********************************************/
/*****************************
 *****     SUPPORT      ******
 *****************************/
/*****************************
 *****      SHARED      ******
 *****************************/
/*****************************
 ****   BORDER RADIUS   ******
 *****************************/
/********************************
 *****     APPEARANCE      ******
 ********************************/

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.blue {
  background-color: #0079ff !important; }
  .blue-text {
    color: #0079ff !important; }

.caprina {
  font-family: caprina; }

.caprinabold {
  font-family: caprinabold; }

.bold {
  font-weight: bold; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

aside.menubar {
  background-color: white !important;
  width: 200px;
  box-shadow: -10px 0px 80px rgba(0, 0, 0, 0.4);
  overflow: visible; }
  aside.menubar .nano {
    overflow: visible; }
    aside.menubar .nano > .nano-content {
      margin-top: 89px; }
  aside.menubar i {
    font-size: 16pt; }
  aside.menubar .user-info-avatar {
    height: 70px;
    width: 70px;
    display: block;
    position: absolute;
    z-index: 10;
    top: 70px;
    right: -35px; }
    aside.menubar .user-info-avatar img {
      height: 100%;
      width: 100%; }
  aside.menubar .user-info-role {
    height: 70px;
    width: 70px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 70px;
    right: 50px;
    background-color: #333333;
    padding-top: 10px;
    color: #999999;
    text-align: center;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
    aside.menubar .user-info-role i {
      margin: 0; }
    aside.menubar .user-info-role span {
      font-size: 10px; }
    .yay-hide aside.menubar .user-info-role {
      display: none; }
  aside.menubar div.logo {
    position: relative;
    height: 90px;
    background-color: black; }
    aside.menubar div.logo .yay-toggle {
      display: none; }
      *
.yay-hide aside.menubar div.logo .yay-toggle {
        display: inline-block; }
    aside.menubar div.logo a.brand-logo {
      display: block;
      text-align: center;
      padding-top: 15px; }
      .yay-hide aside.menubar div.logo a.brand-logo {
        display: none; }
  aside.menubar div.user-info {
    width: 200px;
    height: 210px;
    left: 0px;
    padding: 0px 26px 0px 20px;
    background-color: #1f1f1f;
    position: relative; }
    .yay-hide aside.menubar div.user-info {
      width: 60px;
      top: -10px;
      left: 0px;
      padding-top: 60px;
      padding-left: 20px; }
    aside.menubar div.user-info h3 {
      padding: 65px 0 0 0;
      margin: 0;
      color: white;
      font-size: 10pt; }
      .yay-hide aside.menubar div.user-info h3 {
        display: none; }
    aside.menubar div.user-info .divider {
      width: 100%;
      height: 3px;
      background: #00ffea;
      /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(left, #00ffea, #007aff);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, #00ffea, #007aff);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, #00ffea, #007aff);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, #00ffea, #007aff);
      /* Standard syntax */ }
      .yay-hide aside.menubar div.user-info .divider {
        display: none; }
    aside.menubar div.user-info a.link-profile {
      display: block;
      margin: 10px 0px;
      width: 100%;
      font-size: 9pt;
      color: #666666;
      text-transform: uppercase;
      font-weight: bold; }
      .yay-hide aside.menubar div.user-info a.link-profile span {
        display: none; }
    aside.menubar div.user-info #btn-dropdown-notification {
      color: white;
      right: 15px;
      bottom: 11px;
      position: absolute; }
      aside.menubar div.user-info #btn-dropdown-notification i.ci-email {
        width: 100%;
        font-size: 17px;
        margin: 0; }
      aside.menubar div.user-info #btn-dropdown-notification span {
        width: 10px;
        height: 10px;
        position: absolute;
        top: -1px;
        right: -5px;
        border: 2px solid #1f1f1f;
        border-radius: 50%;
        background-color: #e12c5d; }
    aside.menubar div.user-info #notification-dropdown {
      left: 0px !important;
      width: 200px !important; }
  aside.menubar ul.menu-links {
    padding-left: 20px;
    padding-right: 60px; }
    .yay-hide aside.menubar ul.menu-links {
      padding: 0px;
      padding-left: 20px; }
    aside.menubar ul.menu-links li a {
      display: flex;
      padding: 10px 0px;
      font-size: 10pt;
      color: #999999;
      text-transform: uppercase;
      font-weight: bold;
      align-items: center; }
      aside.menubar ul.menu-links li a:hover {
        color: #000000; }
      aside.menubar ul.menu-links li a span {
        line-height: 1; }
    aside.menubar ul.menu-links li.open {
      background: none !important; }
      aside.menubar ul.menu-links li.open a {
        color: #999999; }
        aside.menubar ul.menu-links li.open a:hover {
          color: #000000; }
    aside.menubar ul.menu-links > li > ul > li a {
      padding-left: 15px; }
    aside.menubar ul.menu-links > li > ul > li span.label {
      display: block !important; }
    aside.menubar ul.menu-links > li > ul {
      background: #ffffff !important; }
      .yay-hide aside.menubar ul.menu-links > li > ul {
        left: 40px !important; }
  aside.menubar .nano-pane {
    margin-top: 150px; }

section.content-wrap {
  padding: 0; }
  .yaybar.yay-shrink ~ section.content-wrap {
    margin: 0 0 0 200px;
    overflow: hidden; }
    @media (max-width: 999px) {
      .yaybar.yay-shrink ~ section.content-wrap {
        margin: 0 0 0 60px; } }
  section.content-wrap .page-title {
    position: relative;
    height: 90px;
    margin: 0;
    background-image: url("../images/layout/top.jpg");
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0; }
    section.content-wrap .page-title h1 {
      display: none; }
    section.content-wrap .page-title ul {
      float: none;
      position: absolute;
      left: 40px;
      bottom: 15px;
      color: #999999;
      text-transform: uppercase; }
      section.content-wrap .page-title ul li:not(:first-child):before {
        font-family: FontAwesome;
        content: "\f104";
        font-weight: normal;
        margin: 0px 7px; }
      section.content-wrap .page-title ul li a {
        padding: 0; }
      section.content-wrap .page-title ul li span.separator {
        display: none; }
  section.content-wrap #main_content {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 210px; }

div#main_content .content-title {
  font-family: caprinabold; }
  div#main_content .content-title h2 {
    font-size: 30px;
    font-weight: bold; }
    div#main_content .content-title h2 i.ci, div#main_content .content-title h2 i.fa {
      font-size: 80%;
      margin-right: 30px; }

footer {
  height: 75px;
  border: none;
  padding-left: 200px;
  padding-right: 0px;
  text-align: center;
  text-transform: uppercase; }
  .yaybar.yay-shrink ~ footer {
    z-index: 999;
    margin: 0;
    clear: left; }

button.btn, a.btn, span.btn {
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 20px;
  font-family: Roboto;
  font-weight: bold;
  line-height: 25px; }
  button.btn-large, a.btn-large, span.btn-large {
    min-height: 40px; }
  button.btn.pink, a.btn.pink, span.btn.pink {
    background-color: #e4255c !important; }

a.btn, span.btn {
  padding-top: 3px; }
  a.btn-large, span.btn-large {
    padding-top: 7px; }

.btn-group a, .btn-group button {
  float: right;
  background: none;
  color: black;
  width: 40px;
  height: 40px;
  padding: 0px;
  padding-top: 8px; }
  .btn-group a.active, .btn-group a:hover, .btn-group button.active, .btn-group button:hover {
    background-color: #0079ff;
    color: white; }

.form-title i {
  margin-right: 30px;
  vertical-align: middle; }

input:not([type]), input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea, .select-wrapper input.select-dropdown {
  border: 1px solid #ececec;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
  padding: 10px 20px;
  background-color: #ffffff; }
  .simple-form input:not([type]), .simple-form input[type=date], .simple-form input[type=datetime-local], .simple-form input[type=email], .simple-form input[type=number], .simple-form input[type=password], .simple-form input[type=search], .simple-form input[type=tel], .simple-form input[type=text], .simple-form input[type=time], .simple-form input[type=url], .simple-form textarea.materialize-textarea, .simple-form .select-wrapper input.select-dropdown {
    min-height: 20px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #999999;
    padding-left: 0;
    padding-right: 0; }

input:not([type]).valid, input:not([type]):focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
  border: 1px solid #ececec;
  box-shadow: none; }

textarea.materialize-textarea {
  margin-top: 1rem;
  padding-top: 20px;
  min-height: 80px; }

.select2-container {
  margin: 8px 0 !important;
  min-height: 45px !important;
  border: 1px solid #ececec;
  box-shadow: none; }

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px !important;
  line-height: 40px !important; }

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none !important;
  padding-top: 2px;
  padding-left: 20px; }

.select2-dropdown.select2-dropdown--below {
  margin-top: -1rem; }

input:not([type]):focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #007aff;
  box-shadow: none; }

.input-field .prefix.inside {
  top: 1rem;
  right: 1rem;
  color: #999999; }
  .simple-form .input-field .prefix.inside {
    right: 0px; }

.input-field .prefix.inside ~ input, .input-field .prefix.inside ~ textarea {
  margin-left: 0px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__clear, .select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 20px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  background: #0079ff;
  margin-right: 20px;
  padding: 10px 20px;
  border-radius: 20px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 10px 0px 0px 7px;
  font-size: 15px;
  line-height: 0;
  background: #ffffff;
  border-radius: 50%;
  color: #000000;
  top: 7px;
  right: -8px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }

.select-wrapper span.caret {
  right: 10px;
  z-index: 10; }

input[type=checkbox].round.filled-in:checked + label:after, input[type=checkbox].round.filled-in:not(:checked) + label:after, input[type=checkbox].round.filled-in:checked + label:before, input[type=checkbox].round.filled-in:not(:checked) + label:before {
  border-radius: 50%; }

input[type=checkbox].round.filled-in:checked + label:after {
  border-color: #0079ff;
  background: none; }

input[type=checkbox].round.filled-in:not(:checked) + label:before, input[type=checkbox].round.filled-in:checked + label:before {
  background-color: transparent;
  height: 12px;
  width: 12px;
  border: none;
  transform: none;
  top: 2px;
  left: 4px;
  transition: background-color .25s; }

input[type=checkbox].round.filled-in:checked + label:before {
  background-color: #0079ff; }

.cropit-preview {
  background-color: #ececec; }
  .cropit-preview .thumb.active {
    display: none; }

ul.tabs.process .tab {
  font-size: 10px;
  font-family: caprinabold;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0; }
  ul.tabs.process .tab a {
    color: black;
    border-bottom: 2px solid #ececec; }
    ul.tabs.process .tab a.completed {
      border-bottom: 2px solid #0079ff;
      color: #0079ff; }
      ul.tabs.process .tab a.completed:before {
        font-family: icomoon;
        content: "\e900";
        padding-right: 10px; }

ul.tabs.process .indicator {
  background: -moz-linear-gradient(left, #0079ff 0%, #0079ff 50%, rgba(236, 236, 236, 0) 51%, rgba(236, 236, 236, 0) 100%);
  background: -webkit-linear-gradient(left, #0079ff 0%, #0079ff 50%, rgba(236, 236, 236, 0) 51%, rgba(236, 236, 236, 0) 100%);
  background: linear-gradient(to right, #0079ff 0%, #0079ff 50%, rgba(236, 236, 236, 0) 51%, rgba(236, 236, 236, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079ff', endColorstr='#00ececec',GradientType=1 ); }

ul.tabs.process.full-indicator .indicator {
  background: #0079ff; }

ul.tabs.no-frame {
  background-color: transparent; }
  ul.tabs.no-frame .tab {
    text-transform: none;
    letter-spacing: 0; }
    ul.tabs.no-frame .tab a {
      color: #5a5a5a; }
      ul.tabs.no-frame .tab a.active {
        color: #1f1f1f; }
  ul.tabs.no-frame .indicator {
    background-color: #1f1f1f; }

.pagination li.active {
  background-color: #0079ff; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.calendar .card, #calendarPanel .card {
  background: #f2f2f2;
  box-shadow: none !important; }
  .calendar .card .content, #calendarPanel .card .content {
    box-shadow: none; }

.calendar-container, #calendarPanel-container {
  padding: 0 !important; }

.calendar .modal-content ul.tabs a, #calendarPanel .modal-content ul.tabs a {
  color: black; }

.calendar .modal-content ul.tabs .indicator, #calendarPanel .modal-content ul.tabs .indicator {
  background-color: #0079ff; }

.calendar .modal-content .card, #calendarPanel .modal-content .card {
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  background-color: white; }
  .calendar .modal-content .card .title h4, #calendarPanel .modal-content .card .title h4 {
    text-transform: uppercase;
    color: #0079ff !important; }
    .calendar .modal-content .card .title h4 i, #calendarPanel .modal-content .card .title h4 i {
      display: none; }
  .calendar .modal-content .card .content, #calendarPanel .modal-content .card .content {
    background-color: white !important; }

.calendar .modal-content .btn:not(.plan-valid):not(.dialog-btn):not(.plan-newseance), .calendar .modal-content .dropdown-filters-select .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance), .calendar .dropdown-filters-select .modal-content .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance), #calendarPanel .modal-content .btn:not(.plan-valid):not(.dialog-btn):not(.plan-newseance), #calendarPanel .modal-content .calendar .dropdown-filters-select .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance), .calendar .dropdown-filters-select #calendarPanel .modal-content .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) {
  background-color: #0079ff; }
  .calendar .modal-content .btn:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i, .calendar .modal-content .dropdown-filters-select .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i, .calendar .dropdown-filters-select .modal-content .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i, #calendarPanel .modal-content .btn:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i, #calendarPanel .modal-content .calendar .dropdown-filters-select .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i, .calendar .dropdown-filters-select #calendarPanel .modal-content .select-wrapper:not(.plan-valid):not(.dialog-btn):not(.plan-newseance) i {
    display: none; }

.calendar .legend, #calendarPanel .legend {
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap; }
  .calendar .legend-desc, #calendarPanel .legend-desc {
    position: relative;
    text-indent: 26px;
    font-weight: 600;
    color: #4D4D4D;
    font-size: 11px;
    margin-right: 25px;
    line-height: 19px; }
    .calendar .legend-desc:before, .calendar .legend-desc:after, #calendarPanel .legend-desc:before, #calendarPanel .legend-desc:after {
      position: absolute; }
    .calendar .legend-desc:before, #calendarPanel .legend-desc:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      height: 14px;
      width: 14px;
      left: 0;
      box-sizing: border-box;
      background-color: #ffffff; }
    .calendar .legend-desc:after, #calendarPanel .legend-desc:after {
      content: "";
      display: inline-block;
      border-radius: 50%;
      height: 4px;
      width: 4px;
      top: 0px;
      left: 17px;
      background: red;
      display: none; }
  .calendar .legend-sp:before, #calendarPanel .legend-sp:before {
    border-left: 7px solid #000000; }
  .calendar .legend-sr:before, #calendarPanel .legend-sr:before {
    border-left: 7px solid #0079ff; }
  .calendar .legend-ar:before, #calendarPanel .legend-ar:before {
    background: #0079ff; }
  .calendar .legend-ar:after, #calendarPanel .legend-ar:after {
    display: block; }
  .calendar .legend-arcr:before, #calendarPanel .legend-arcr:before {
    background: #0079ff; }
  .calendar .legend-sl:before, #calendarPanel .legend-sl:before {
    border-left: 7px solid #03cad7; }
  .calendar .legend-al:before, #calendarPanel .legend-al:before {
    background: #03cad7; }
  .calendar .legend-al:after, #calendarPanel .legend-al:after {
    display: block; }
  .calendar .legend-alcr:before, #calendarPanel .legend-alcr:before {
    background: #03cad7; }
  .calendar .legend-ad:before, #calendarPanel .legend-ad:before {
    background: #546e7a; }

.fc {
  font-family: 'caprina', sans-serif;
  background: #f2f2f2;
  padding-top: 60px !important; }
  .fc-toolbar {
    height: 100px; }
  .fc button {
    font-family: Roboto,sans-serif !important;
    color: #999999 !important;
    background: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
    font-size: 1em !important;
    box-shadow: none !important;
    text-align: right;
    height: 20px;
    line-height: 20px; }
  .fc button.fc-state-active {
    color: #4c4c4c !important;
    font-weight: 700 !important; }
  .fc th {
    border-width: 0px; }
  .fc-icon {
    overflow: visible; }
  .fc-axis {
    max-width: 100px !important; }
  .fc-toolbar {
    display: flex;
    display: -webkit-flex;
    align-items: center; }
  .fc-left {
    position: absolute;
    left: 520px;
    margin-top: 25px; }
  .fc-today {
    background: #dbdbdb !important; }
  .fc-center {
    position: absolute;
    left: 150px;
    font-size: 1.5em;
    color: #000000; }
    @media (max-width: 992px) {
      .fc-center {
        left: 115px; } }
    .fc-center h2 {
      text-transform: uppercase;
      font-weight: 900;
      -webkit-font-smoothing: antialiased;
      font-size: 22px;
      float: left;
      margin-right: 15px; }
      @media screen and (max-width: 1150px) {
        .fc-center h2 {
          font-size: 16px !important; } }
    .fc-center button {
      font-size: 13px !important;
      margin-top: 5px; }
      @media all and (-ms-high-contrast: none) {
        .fc-center button {
          font-size: 8px !important;
          margin-top: 8px;
          margin-left: 7px; } }
  .fc-right {
    position: absolute;
    left: 45px;
    flex-direction: column;
    display: flex;
    display: -webkit-flex;
    border-right: 2px #4D4D4D solid; }
    @media (max-width: 992px) {
      .fc-right {
        left: 10px; } }
    .fc-right button {
      padding-right: 15px !important; }
  .fc .cib-calendar-header {
    margin-top: 70px; }
  .fc-state-active {
    content: '';
    position: relative; }
    .fc-state-active:before {
      content: '';
      background: #4D4D4D;
      width: 2px;
      height: 100%;
      position: absolute;
      right: -4px; }
  .fc-next-button, .fc-prev-button {
    background: 0 !important;
    color: #B4B4B4;
    padding-right: 10px !important; }
    .fc-next-button:hover, .fc-prev-button:hover {
      color: #4D4D4D;
      font-weight: 900;
      -webkit-font-smoothing: antialiased; }
  .fc-icon {
    height: 18px; }
    .fc-icon:after {
      font-weight: 400 !important;
      font-size: 230% !important;
      top: 3px !important;
      left: 0 !important;
      font-family: FontAwesome !important;
      color: #B4B4B4 !important; }
    .fc-icon-right-single-arrow:after {
      content: "\f105" !important; }
    .fc-icon-left-single-arrow:after {
      content: "\f104" !important; }
  .fc-event {
    padding: 10px !important;
    position: relative;
    padding-left: 7px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    min-height: 16px; }
    .fc-event:hover .closeon {
      opacity: 1; }
    @media (max-width: 992px) {
      .fc-event {
        flex-direction: column;
        min-height: 22px; } }
    .fc-event-title {
      font-weight: 900;
      -webkit-font-smoothing: antialiased;
      text-transform: uppercase;
      font-size: 9px;
      line-height: 9px; }
      .fc-event-title .ci, .fc-event-title .fa {
        font-size: 1.2em;
        font-weight: 200;
        height: 35px;
        display: block;
        width: 20px;
        float: left;
        margin-right: 15px;
        display: flex;
        align-items: center; }
      @media (max-width: 992px) {
        .fc-event-title {
          display: none; } }
    .fc-event-time {
      font-family: 'Roboto', sans-serif;
      font-size: 11px !important;
      opacity: 0.8;
      line-height: 13px;
      font-weight: 200 !important; }
    .fc-event-picto {
      margin-right: 10px;
      margin-left: 7px; }
    .fc-event-mark {
      width: 6px;
      height: 6px;
      background-color: #e12c5d;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: 12px;
      right: 12px; }
      @media (max-width: 992px) {
        .fc-event-mark {
          right: 6px;
          top: 6px; } }
    .fc-event .closeon {
      position: absolute;
      z-index: 999;
      right: 5px;
      bottom: 5px;
      margin: 0 !important;
      opacity: 0;
      transition: 0.25s linear opacity; }
    .fc-event.bd-red {
      border-left: 5px solid #e12c5d; }
    .fc-event.bd-black {
      border-left: 5px solid #000000; }
    .fc-event.bd-green {
      border-left: 5px solid #dcdcdc; }
    .fc-event.bd-cyan {
      border-left: 5px solid #03cad7; }
      .fc-event.bd-cyan .ci {
        color: #03cad7 !important; }
    .fc-event.blue {
      background: #0079ff;
      color: #ffffff; }
    .fc-event.green {
      background: #dcdcdc;
      color: #ffffff; }
    .fc-event.cyan {
      background: #03cad7;
      color: #ffffff; }
    .fc-event.white {
      background: #ffffff;
      color: #000000; }
    .fc-event.gradient {
      color: #ffffff; }
    .fc-event.half-blue {
      background: #ffffff;
      background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #0079ff 51%, #0079ff 100%);
      background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #0079ff 51%, #0079ff 100%);
      background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #0079ff 51%, #0079ff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$c',GradientType=1 );
      color: #000000; }
    .fc-event.picto-white .fc-event-picto {
      color: #ffffff; }
    .fc-event.picto-blue .fc-event-picto {
      color: #0079ff; }
    .fc-event.picto-cyan .fc-event-picto {
      color: #03cad7; }
    .fc-event.picto-black .fc-event-picto {
      color: #000000; }
  .fc-head-container {
    border-width: 0px !important; }
    .fc-head-container .fc-row {
      min-height: auto !important; }
  .fc-today {
    background-color: transparent !important; }
  .fc-week-number {
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    height: auto;
    width: 130px !important;
    text-align: left !important;
    padding-left: 10px !important; }
    .fc-week-number span {
      color: #B4B4B4;
      font-weight: 300;
      font-size: 13px;
      font-family: 'Roboto', sans-serif;
      text-align: left; }
      .fc-week-number span .numWeek {
        font-family: caprina; }
    .fc-week-number > span {
      color: #4D4D4D;
      font-weight: 600; }
    .fc-week-number-summary {
      position: absolute;
      font-size: 11px; }
      .fc-week-number-summary .row, .fc-week-number-summary .col {
        margin: 0 !important;
        padding: 0 !important; }
      .fc-week-number-summary .time {
        font-size: 10px !important; }
        .fc-week-number-summary .time > span {
          font-size: inherit !important;
          font-weight: 600;
          color: #5698FC;
          padding: 0 !important; }
      .fc-week-number-summary .length {
        font-size: 11px !important;
        margin-top: 13px;
        margin-left: 0px;
        font-weight: 600;
        color: #666666; }
      .fc-week-number-summary .progress {
        margin-top: 2px;
        margin-bottom: 0;
        width: 55px;
        border-radius: 0; }
        .fc-week-number-summary .progress .determinate {
          width: 100%;
          background: #00ffea;
          /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(left, #21F5EC, #1792FA);
          /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(right, #21F5EC, #1792FA);
          /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(right, #21F5EC, #1792FA);
          /* For Firefox 3.6 to 15 */
          background: linear-gradient(to right, #21F5EC, #1792FA);
          /* Standard syntax */ }
      .fc-week-number-summary i.ci {
        color: #4D4D4D;
        font-size: 13px; }
        .fc-week-number-summary i.ci-muscu {
          font-size: 10px; }
    .fc-week-number-summary-bubbles .bubble {
      width: 100px;
      height: 100px; }
      .fc-week-number-summary-bubbles .bubble-container {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 99;
        border-radius: 50%;
        justify-content: center;
        flex-direction: column;
        display: flex;
        display: -webkit-flex;
        align-items: center; }
      .fc-week-number-summary-bubbles .bubble .circle {
        position: absolute;
        transform: rotate(90deg); }
      .fc-week-number-summary-bubbles .bubble .length {
        font-size: 20px;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 2px;
        font-family: caprina; }
        .fc-week-number-summary-bubbles .bubble .length + span {
          font-size: 12px;
          line-height: 15px; }
      .fc-week-number-summary-bubbles .bubble .time {
        color: #B4B4B4; }
        .fc-week-number-summary-bubbles .bubble .time b {
          color: #4D4D4D; }
    .fc-week-number-summary-bubbles .ci, .fc-week-number-summary-bubbles .mdi {
      color: #B4B4B4;
      font-size: 18px; }
    .fc-week-number-summary-bubbles .infos {
      width: 100%;
      text-align: center; }
      .fc-week-number-summary-bubbles .infos .time {
        margin: 10px 0;
        text-align: center;
        display: block;
        width: 100px; }
  .fc-day-number {
    color: #999999 !important; }
  .fc-day-header {
    color: #B4B4B4;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: left !important;
    background: #f2f2f2; }
  .fc-row {
    min-height: 150px !important; }
    .fc-row table {
      border-right: initial; }
  .fc-day-grid-event, .fc-time-grid-event {
    transition: 0.25s all linear; }

.calendar {
  position: relative;
  margin-top: 0; }
  .calendar-labels .fc-event {
    max-width: 165px;
    float: left;
    margin: 0 5px 0;
    min-height: 56px;
    margin-bottom: 10px;
  }
  .calendar-element {
    width: auto !important; }
    @media screen and (max-width: 1450px) {
      .calendar-element {
        width: 530px !important;
        justify-content: flex-end !important;
        align-items: center; } }
    @media screen and (max-width: 1025px) and (orientation: landscape) {
      .calendar-element {
        width: 250px !important; }
        .calendar-element a {
          width: 250px !important;
          display: block; } }
    .calendar-element-item {
      margin-top: 10px; }
  .calendar .dropdown {
    position: absolute;
    right: 0 !important;
    top: 90px;
    z-index: 9;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex; }
    .calendar .dropdown .btn, .calendar .dropdown .dropdown-filters-select .select-wrapper, .calendar .dropdown-filters-select .dropdown .select-wrapper {
      font-size: 12px !important;
      margin: 0 10px;
      padding: 10px;
      width: 195px;
      height: 35px;
      text-align: left;
      line-height: 15px;
      justify-content: space-between;
      display: flex;
      display: -webkit-flex;
      align-items: center; }
      .calendar .dropdown .btn.program, .calendar .dropdown .dropdown-filters-select .program.select-wrapper, .calendar .dropdown-filters-select .dropdown .program.select-wrapper {
        width: 250px;
        padding: 5px 15px;
        line-height: 13px; }
      @media screen and (max-width: 1025px) and (orientation: landscape) {
        .calendar .dropdown .btn, .calendar .dropdown .dropdown-filters-select .select-wrapper, .calendar .dropdown-filters-select .dropdown .select-wrapper {
          margin: 5px 0; } }
      .calendar .dropdown .btn i, .calendar .dropdown .dropdown-filters-select .select-wrapper i, .calendar .dropdown-filters-select .dropdown .select-wrapper i {
        vertical-align: sub; }
      .calendar .dropdown .btn.active, .calendar .dropdown .dropdown-filters-select .active.select-wrapper, .calendar .dropdown-filters-select .dropdown .active.select-wrapper {
        background: #ffffff !important;
        color: #666666 !important;
        border-bottom: 1px solid #666666; }
        .calendar .dropdown .btn.active i.right, .calendar .dropdown .dropdown-filters-select .active.select-wrapper i.right, .calendar .dropdown-filters-select .dropdown .active.select-wrapper i.right {
          color: #666666;
          transform: rotate(180deg); }
    .calendar .dropdown .subbtn, .calendar .dropdown .dropdown-filters-select .select-wrapper .select-dropdown li > span, .calendar .dropdown-filters-select .select-wrapper .select-dropdown .dropdown li > span {
      color: #666666;
      text-transform: uppercase;
      line-height: 1em;
      font-size: 1em;
      padding: 10px; }
      .calendar .dropdown .subbtn .ci, .calendar .dropdown .dropdown-filters-select .select-wrapper .select-dropdown li > span .ci, .calendar .dropdown-filters-select .select-wrapper .select-dropdown .dropdown li > span .ci {
        display: block;
        float: left;
        width: 20px;
        font-size: 1.3em; }
      .calendar .dropdown .subbtn span, .calendar .dropdown .dropdown-filters-select .select-wrapper .select-dropdown li > span span, .calendar .dropdown-filters-select .select-wrapper .select-dropdown .dropdown li > span span {
        padding-left: 23px;
        display: block; }
    .calendar .dropdown-content {
      margin: 36px 10px !important; }
    .calendar .dropdown-add-button {
      color: #ffffff; }
      .calendar .dropdown-add-button .fa {
        color: #000000;
        margin-right: 20px; }
      .calendar .dropdown-add-button .material-icons {
        color: #ffffff; }
    .calendar .dropdown-filters-button, .calendar .dropdown-filters-select {
      color: #666666;
      background: #dcdcdc; }
      .calendar .dropdown-filters-button .material-icons, .calendar .dropdown-filters-select .material-icons {
        color: #666666; }
    .calendar .dropdown-filters-li {
      padding: 10px;
      overflow: hidden; }
      .calendar .dropdown-filters-li [type=checkbox] + label {
        padding: 0;
        width: 100%; }
        .calendar .dropdown-filters-li [type=checkbox] + label:before, .calendar .dropdown-filters-li [type=checkbox] + label:after {
          left: inherit !important;
          right: 0 !important; }
      .calendar .dropdown-filters-li [type=checkbox]:checked + label:before {
        border-right-color: #5a5a5a;
        border-bottom-color: #5a5a5a;
        right: 8px !important;
        height: 22px;
        width: 10px;
        top: -8px; }
      .calendar .dropdown-filters-li [type=checkbox]:checked + label:after {
        border-color: #5a5a5a;
        background: transparent;
        right: 0; }
      .calendar .dropdown-filters-li + .dropdown-content .current:after {
        font-family: cicon;
        font-style: normal;
        content: "\e900";
        float: right; }
    .calendar .dropdown-filters-select .select-wrapper {
      width: 100%; }
      .calendar .dropdown-filters-select .select-wrapper .select-dropdown {
        width: 100% !important;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 5px 15px;
        margin: 0;
        border: 0;
        color: white;
        padding: 5px 0;
        text-indent: 5px;
        text-transform: uppercase; }
        .calendar .dropdown-filters-select .select-wrapper .select-dropdown li > span > label {
          position: relative;
          float: right;
          margin: 0; }
    .calendar .dropdown-filters-select .caret {
      transform: scaleY(0.6);
      color: white;
      right: 10px;
      top: 10px; }
    .calendar .dropdown-button {
      padding: 0px 10px;
      box-shadow: none !important; }

#weekSummaryZone .highcharts-tooltip {
  /* transform: rotate(90deg);
			transform-origin: 0 0;
			width: 50px;
			height: 130px;
			box-shadow: #000 3px 0px 9px;
			margin-top: -30px;
			background:$white;

			&-container {
				transform:rotate(-90deg) translateX(-50px) translateY(-20px);

			} */ }
  #weekSummaryZone .highcharts-tooltip-num {
    font-size: 12px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    color: #4D4D4D;
    font-family: 'caprina', sans-serif; }
  #weekSummaryZone .highcharts-tooltip-percent {
    font-size: 9px;
    color: #4D4D4D;
    font-family: 'caprina', sans-serif;
    margin-top: 2px;
    position: absolute;
    margin-left: 2px; }


@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.modalcomments {
  height: 160px; }
  .modalcomments .nano-slider {
    background-color: #0079ff !important; }
  .modalcomments .nano-pane {
    background-color: #C6C6C6 !important; }
  .modalcomments-form {
    position: relative; }
    .modalcomments-form textarea {
      border: 0;
      border-top: 1px solid #C6C6C6;
      padding-left: 60px;
      width: 100%;
      min-height: 50px;
      font-style: italic;
      color: #666666;
      display: block; }
      .modalcomments-form textarea::placeholder {
        color: #C6C6C6; }
      .modalcomments-form textarea:focus {
        outline: none !important; }
  .modalcomments-me {
    position: absolute !important;
    top: -8px !important;
    left: 0 !important; }
  .modalcomments-name {
    font-weight: 600;
    color: #0079ff; }
  .modalcomments-content {
    font-weight: 600;
    color: #000000; }
  .modalcomments-date {
    color: #666666; }
  .modalcomments-line {
    margin-top: 6px; }
    .modalcomments-line:last-child {
      margin-bottom: 6px; }
    .modalcomments-line .connected .name {
      color: #0079ff; }
    .modalcomments-line .connected .vignette:before {
      background-color: #0079ff; }
    .modalcomments-line .notconnected .name {
      color: #03cad7; }
    .modalcomments-line .notconnected .vignette:before {
      background-color: #03cad7; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

/*********************************************
 *****     SELECTED COMPASS MIXINS      ******
 *********************************************/
/*****************************
 *****     SUPPORT      ******
 *****************************/
/*****************************
 *****      SHARED      ******
 *****************************/
/*****************************
 ****   BORDER RADIUS   ******
 *****************************/
/********************************
 *****     APPEARANCE      ******
 ********************************/
.ci, .modalform-disciplines [type=checkbox]:checked + label:after, .modalform-disciplines [type=checkbox]:not(:checked) + label:before {
  font-family: icomoon;
  font-style: normal; }
  .ci.ci-report:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-report:before {
    content: "\e902"; }
  .ci.ci-nat:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-nat:before, .ci.ci-pool:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-pool:before {
    content: "\e911";
    font-size: 70%; }
  .ci.ci-velo:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-velo:before {
    content: "\e913"; }
  .ci.ci-cap:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cap:before {
    content: "\e912";
    font-size: 120%; }
  .ci.ci-email:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-email:before {
    content: "\e904"; }
  .ci.ci-moncompte:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-moncompte:before {
    content: "\e90a"; }
  .ci.ci-coach:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-coach:before {
    content: "\e908"; }
  .ci.ci-check:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-check:before {
    content: "\e900"; }
  .ci.ci-compet:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-compet:before {
    content: "\e901"; }
  .ci.ci-flechedown:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-flechedown:before {
    content: "\e905"; }
  .ci.ci-flecheup:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-flecheup:before {
    content: "\e906"; }
  .ci.ci-calendrier:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-calendrier:before {
    content: "\e907"; }
  .ci.ci-home:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-home:before {
    content: "\e909"; }
  .ci.ci-monitoring:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-monitoring:before {
    content: "\e90b"; }
  .ci.ci-notif:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-notif:before {
    content: "\e90c"; }
  .ci.ci-predictionperf:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-predictionperf:before {
    content: "\e90e"; }
  .ci.ci-profilperf:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-profilperf:before {
    content: "\e90f"; }
  .ci.ci-muscu:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-muscu:before {
    content: "\e910"; }
  .ci.ci-menu:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-menu:before {
    content: "\e916"; }
  .ci.ci-logowhite:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-logowhite:before {
    content: "\e921"; }
  .ci.ci-changer:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-changer:before {
    content: "\e92c"; }
  .ci.ci-ajouter:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-ajouter:before {
    content: "\e92dz"; }
  .ci.ci-valide:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-valide:before {
    content: "\e937"; }
  .ci.ci-download:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-download:before {
    content: "\e939"; }
  .ci.ci-multi:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-multi:before {
    content: "\e93a";
    font-size: 150%; }
  .ci.ci-cloud:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cloud:before {
    content: "\e93b"; }
  .ci.ci-denivel:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-denivel:before {
    content: "\e93c"; }
  .ci.ci-humidity::before {
    content: "\e93d"; }
  .ci.ci-wind:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-wind:before {
    content: "\e93e"; }
  .ci.ci-blessure:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-blessure:before {
    content: "\e93f"; }
  .ci.ci-cr-chrono:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cr-chrono:before {
    content: "\e940"; }
  .ci.ci-activite:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-activite:before {
    content: "\e942"; }
  .ci.ci-cr-rpe:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cr-rpe:before {
    content: "\e941"; }
  .ci.ci-compte-rendu:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-compte-rendu:before {
    content: "\e943"; }
  .ci.ci-altitude:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-altitude:before {
    content: "\e944"; }
  .ci.ci-altitude-down:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-altitude-down:before {
    content: "\e945"; }
  .ci.ci-altitude-up:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-altitude-up:before {
    content: "\e946"; }
  .ci.ci-blessure:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-blessure:before {
    content: "\e947"; }
  .ci.ci-cadence:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cadence:before {
    content: "\e948"; }
  .ci.ci-vagues:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-vagues:before {
    content: "\e949"; }
  .ci.ci-categorie:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-categorie:before {
    content: "\e94a"; }
  .ci.ci-chrono:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-chrono:before {
    content: "\e94b";
    margin-right: -11px; }
  .ci.ci-compet:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-compet:before {
    content: "\e94c"; }
  .ci.ci-dispo:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-dispo:before {
    content: "\e94d"; }
  .ci.ci-distance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-distance:before {
    content: "\e96f";
    font-size: 70%; }
  .ci.ci-donnees:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-donnees:before {
    content: "\e94f"; }
  .ci.ci-doorin:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-doorin:before {
    content: "\e950"; }
  .ci.ci-doorout:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-doorout:before {
    content: "\e951"; }
  .ci.ci-edit:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-edit:before {
    content: "\e952"; }
  .ci.ci-equilibre:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-equilibre:before {
    content: "\e953"; }
  .ci.ci-event:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-event:before {
    content: "\e954"; }
  .ci.ci-fc:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-fc:before {
    content: "\e955"; }
  .ci.ci-holiday:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-holiday:before {
    content: "\e956"; }
  .ci.ci-humidity:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-humidity:before {
    content: "\e957"; }
  .ci.ci-intensite:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-intensite:before {
    content: "\e958"; }
  .ci.ci-nage:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-nage:before {
    content: "\e959"; }
  .ci.ci-nutrition:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-nutrition:before {
    content: "\e95a"; }
  .ci.ci-progress:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-progress:before {
    content: "\e95b"; }
  .ci.ci-puissance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-puissance:before {
    content: "\e95c"; }
  .ci.ci-respiration:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-respiration:before {
    content: "\e95d"; }
  .ci.ci-rpe:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-rpe:before {
    content: "\e95e"; }
  .ci.ci-sceance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-sceance:before {
    content: "\e95f"; }
  .ci.ci-sommeil:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-sommeil:before {
    content: "\e960"; }
  .ci.ci-sceance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-sceance:before {
    content: "\e95f"; }
  .ci.ci-stage:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-stage:before {
    content: "\e961"; }
  .ci.ci-temperature:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-temperature:before {
    content: "\e962"; }
  .ci.ci-terrain:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-terrain:before {
    content: "\e963"; }
  .ci.ci-terrain-type1:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-terrain-type1:before {
    content: "\e964"; }
  .ci.ci-terrain-type2:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-terrain-type2:before {
    content: "\e965"; }
  .ci.ci-vitesse:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-vitesse:before {
    content: "\e966"; }
  .ci.ci-wind:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-wind:before {
    content: "\e967"; }
  .ci.ci-deconnexion:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-deconnexion:before {
    content: "\e969"; }
  .ci.ci-semaine-type:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-semaine-type:before {
    content: "\e975"; }
  .ci.ci-modele-de-seance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-modele-de-seance:before {
    content: "\e973";
    font-size: 60%; }
  .ci.ci-longueur-piscine:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-longueur-piscine:before {
    content: "\e972"; }
  .ci.ci-HRR:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-HRR:before {
    content: "\e970"; }
  .ci.ci-cadence-nage:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-cadence-nage:before {
    content: "\e96e"; }
  .ci.ci-allure:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-allure:before {
    content: "\e96d";
    font-size: 70%; }
  .ci.ci-ajout-modele-de-seance:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-ajout-modele-de-seance:before {
    content: "\e96c"; }
  .ci.ci-temps-au-sol:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-temps-au-sol:before {
    content: "\e96b"; }
  .ci.ci-temperature2:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-temperature2:before {
    content: "\e96a"; }
  .ci.ci-oscillation:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-oscillation:before {
    content: "\e968"; }
  .ci.ci-gear-select:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-gear-select:before {
    content: "\e976"; }
  .ci.ci-training-plan:before, .modalform-disciplines [type=checkbox]:not(:checked) + label.ci-training-plan:before {
    content: "\e977"; }

span.double-icon i {
  font-size: 13px;
  position: relative; }
  span.double-icon i:last-child {
    margin-left: -12px;
    top: -11px; }

.block {
  display: block; }

.relative {
  position: relative; }

.row {
  margin-bottom: 0; }
  .row .col {
    padding-bottom: 0; }

.row.row-adjust-size {
  padding-right: 2rem !important; }

.vignette {
  margin-right: 10px;
  float: left;
  position: relative; }
  .vignette img {
    box-shadow: 0px 2px 17px 3px #acacac;
    float: left; }
  .vignette:before {
    background: #0079ff;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
    content: "";
    display: block;
    margin-right: 10px; }

.dispatch {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .dispatch > * {
    flex-grow: 1; }
    .dispatch > *:first-child, .dispatch > *:last-child {
      flex-grow: 0; }

.center-all {
  display: flex;
  justify-content: center;
  align-items: center; }

.center-margin {
  margin-left: auto;
  margin-right: auto; }

.image-label {
  display: inline-block;
  position: relative; }
  .image-label .label {
    position: absolute;
    right: 12%;
    bottom: 12%; }

.no-background {
  background-color: transparent !important;
  background: none !important; }

.shadow {
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }

.no-shadow {
  box-shadow: none !important; }

.border-0 {
  border-width: 0; }

.border-1 {
  border-width: 1; }

.border-2 {
  border-width: 2; }

.border-3 {
  border-width: 3; }

.border-top-0 {
  border-top-width: 0; }

.border-top-1 {
  border-top-width: 1; }

.border-top-2 {
  border-top-width: 2; }

.border-top-3 {
  border-top-width: 3; }

.border-bottom-0 {
  border-bottom-width: 0; }

.border-bottom-1 {
  border-bottom-width: 1; }

.border-bottom-2 {
  border-bottom-width: 2; }

.border-bottom-3 {
  border-bottom-width: 3; }

.border-left-0 {
  border-left-width: 0; }

.border-left-1 {
  border-left-width: 1; }

.border-left-2 {
  border-left-width: 2; }

.border-left-3 {
  border-left-width: 3; }

.border-right-0 {
  border-right-width: 0; }

.border-right-1 {
  border-right-width: 1; }

.border-right-2 {
  border-right-width: 2; }

.border-right-3 {
  border-right-width: 3; }

.w-full {
  width: 100% !important; }

.gradient {
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #00ffea, #007aff);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #00ffea, #007aff);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #00ffea, #007aff);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #00ffea, #007aff);
  /* Standard syntax */ }

.itooltip {
  background: #0079ff;
  border-radius: 50%;
  color: #ffffff;
  width: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 15px;
  font-size: 0.9em; }
  .itooltip:hover + div {
    display: block;
    opacity: 1 !important;
    left: 35px !important; }
  .itooltip + .tooltipped:not(.btn):not(.btn-floating) {
    position: absolute;
    background: #0079ff;
    padding: 40px;
    border-radius: 10px;
    z-index: 999;
    top: -31px;
    color: #ffffff;
    box-shadow: 0px 0px 35px 2px rgba(90, 90, 90, 0.38);
    left: -9999px;
    opacity: 0;
    transition: 0.25s opacity linear;
    width: 380px; }
    .itooltip + .tooltipped:not(.btn):not(.btn-floating):before {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #0079ff;
      position: absolute;
      top: 30px;
      left: -10px;
      content: "";
      display: block; }
    .itooltip + .tooltipped:not(.btn):not(.btn-floating) .h3 {
      color: #ffffff;
      color: upercase; }

.popover {
  background-color: #0079ff !important;
  font-size: 13px !important; }
  .popover-title {
    text-align: center;
    background-color: #0077fa !important;
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff; }
  .popover-content, .popover .btn {
    background-color: #0079ff !important;
    color: #ffffff; }
  .popover .btn {
    text-transform: uppercase;
    color: #ffffff;
    padding: 3px 10px;
    border: 1px solid #ffffff;
    background: #0079ff; }
  .popover.onside {
    top: 300px !important;
    transform: translateY(-100%); }
  .popover .oncontent {
    transform: translate(50%, 20%); }
  .popover.right .arrow:after {
    border-right-color: #0079ff !important; }
  .popover.left .arrow:after {
    border-left-color: #0079ff !important; }
  .popover.bottom .arrow:after {
    border-bottom-color: #0079ff !important; }
  .popover.top .arrow:after {
    border-top-color: #0079ff !important; }
  .popover .btn:hover, .popover .btn:focus {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #0074f5 !important; }

.card-panel {
  min-height: 390px;
  border-radius: 0;
  padding: 17px 35px;
  background: white;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
  @media screen and (max-width: 1200px) {
    .l4 .card-panel {
      padding: 17px 15px; } }
  @media (max-width: 992px) {
    .l4 .card-panel {
      padding: 17px 35px; } }
  .card-panel.card-short {
    min-height: 168px; }
  .card-panel.card-mini {
    min-height: auto; }
  .card-panel div.name {
    height: 30px;
    font-size: 10pt;
    color: #333333;
    font-family: caprinabold;
    font-weight: bold;
    text-transform: uppercase; }
  .card-panel .card-content {
    padding: 0; }
  .card-panel .card-reveal {
    margin-left: -35px;
    padding: 26px;
    background-color: #0079ff; }
    .card-panel .card-reveal .card-title.competition-reveal {
      display: inherit;
      color: white;
      font-size: inherit;
      line-height: inherit;
      font-weight: normal;
      padding: 0;
      border: 0;
      border-radius: 0; }
    .card-panel .card-reveal .competition-content > div {
      padding-top: 20px;
      padding-bottom: 20px; }
      .card-panel .card-reveal .competition-content > div:not(:last-child) {
        border-bottom: 1px solid white; }

table.table-bordered tr td {
  border: none;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec; }

table.table-bordered .table > thead:first-child > tr:first-child > td {
  border: 1px solid #ececec; }

table.table-bordered.table-bordered-between {
  border: none; }
  table.table-bordered.table-bordered-between thead td {
    border-top: 0; }
  table.table-bordered.table-bordered-between tr td:first-child {
    border-left: 0; }
  table.table-bordered.table-bordered-between tr td:last-child {
    border-right: 0; }
  table.table-bordered.table-bordered-between tr:last-child td {
    border-bottom: 0; }
  table.table-bordered.table-bordered-between tbody, table.table-bordered.table-bordered-between tbody tr:first-child td {
    border-top: 0; }

table.table-bordered.table-bordered-horizontal tr, table.table-bordered.table-bordered-horizontal td {
  border-left: 0;
  border-right: 0; }

a.timer > div {
  min-height: 0px;
  height: 108px;
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #21f4ec, #0693f9);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #21f4ec, #0693f9);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #21f4ec, #0693f9);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #21f4ec, #0693f9);
  /* Standard syntax */
  padding: 15px; }
  a.timer > div div {
    text-align: center; }
    a.timer > div div.name:first-child {
      height: auto;
      margin-bottom: 20px;
      color: white;
      font-size: 10pt;
      font-family: caprinabold;
      text-transform: uppercase; }
    a.timer > div div.count {
      margin-top: 10px;
      margin-bottom: 5px;
      color: #333333;
      font-size: 2.5vw;
      font-family: caprina; }
      @media (max-width: 992px) {
        a.timer > div div.count {
          font-size: 38px; } }
      a.timer > div div.count > .col {
        position: relative; }
        a.timer > div div.count > .col:not(:last-child):after {
          content: ':';
          position: absolute;
          right: 15%;
          bottom: 0px; }
    a.timer > div div#countdown-legend {
      color: #333333;
      font-family: Roboto;
      margin-top: 0px;
      font-size: 0.7vw; }
      @media (max-width: 992px) {
        a.timer > div div#countdown-legend {
          font-size: 10px; } }

.trainings-analysis ul.collection {
  border: none;
  margin: 0; }
  .trainings-analysis ul.collection li {
    border: none;
    padding: 0; }
    .trainings-analysis ul.collection li:not(:first-child) {
      border-top: 1px solid #ececec; }
    .trainings-analysis ul.collection li a img {
      display: inline-block;
      margin: 25px 25px 28px 0px; }
    .trainings-analysis ul.collection li a div {
      display: inline-block;
      vertical-align: top;
      margin-top: 28px;
      color: #999999; }
      .trainings-analysis ul.collection li a div p {
        font-size: 8pt;
        font-weight: bold; }
        .trainings-analysis ul.collection li a div p:first-child {
          font-size: 7pt;
          color: black;
          font-family: caprinabold;
          text-transform: uppercase;
          line-height: 0.8; }

.wellness div.name button {
  margin-right: -20px; }
  @media screen and (max-width: 1200px) {
    .wellness div.name button {
      margin-right: 0; } }
  @media (max-width: 992px) {
    .wellness div.name button {
      margin-right: -20px; } }

.wellness .card-content {
  padding-top: 47px; }

.wellness form .label {
  display: inline-block;
  width: 70px;
  color: #999999;
  font-size: 8.5pt;
  text-transform: capitalize; }

.wellness form .select {
  display: block;
  margin-left: 71px;
  margin-top: -12px; }

.wellness form .separator {
  clear: both;
  width: 100%;
  display: block;
  height: 45px; }

.wellness .wellness-slider {
  height: 5px;
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #df2d5e, #24ffeb);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #df2d5e, #24ffeb);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #df2d5e, #24ffeb);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #df2d5e, #24ffeb);
  /* Standard syntax */ }

.wellness .noUi-horizontal .noUi-handle {
  z-index: 6;
  left: -5px;
  top: -6px;
  background-color: white !important; }
  .wellness .noUi-horizontal .noUi-handle .noUi-tooltip {
    background-color: white !important;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    border-radius: 50%;
    transform: scale(0.6);
    transform-origin: 15% 135%; }
    .wellness .noUi-horizontal .noUi-handle .noUi-tooltip span {
      display: block;
      width: 300px;
      position: absolute;
      top: 40px;
      color: #999999;
      font-size: 16pt;
      opacity: 1;
      transform: none; }
  .wellness .noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip {
    transform: translate(-5px, 10px); }
    .wellness .noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip span {
      top: 30px; }

.wellness .noUi-base {
  z-index: 3; }

.wellness .noUi-connect {
  height: 5px;
  background-color: #cdcdcd; }

.wellness .noUi-marker {
  height: 5px;
  width: 1px;
  z-index: 2;
  top: -5px;
  background-color: black; }

.wellness .wellness-slider .noUi-value.noUi-value-horizontal.noUi-value-large {
  display: none; }

.wellness .wellness-slider .noUi-value.noUi-value-horizontal.noUi-value-sub {
  display: none; }

.wellness .noUi-origin[style^="left: 0"] .noUi-tooltip span {
  text-align: left;
  left: 0px; }

.wellness .noUi-origin[style^="left: 25"] .noUi-tooltip span {
  text-align: left;
  left: 0px; }

.wellness .noUi-origin[style^="left: 50"] .noUi-tooltip span {
  text-align: center;
  left: -140px; }

.wellness .noUi-origin[style^="left: 75"] .noUi-tooltip span {
  text-align: right;
  left: auto;
  right: 0px; }

.wellness .noUi-origin[style^="left: 100"] .noUi-tooltip span {
  text-align: right;
  left: auto;
  right: 0px; }

#wellnessWidget {
  margin: 20px auto; }
  @media screen and (max-width: 1050px) {
    #wellnessWidget {
      width: 150px !important;
      height: 150px !important; } }
  @media (max-width: 992px) {
    #wellnessWidget {
      width: 200px !important;
      height: 200px !important; } }
  #wellnessWidget .progressbar-text {
    color: #000 !important;
    text-align: center;
    font-family: caprina;
    font-size: 42px;
    line-height: 1; }
    #wellnessWidget .progressbar-text i {
      position: absolute;
      left: 40%;
      top: 45px;
      font-size: 20px; }

.weeklyRecap #weekSummary {
  padding-top: 25px; }
  .weeklyRecap #weekSummary > .row {
    margin-left: 0; }
    .weeklyRecap #weekSummary > .row > .col {
      height: 48px;
      border-right: 1px solid #999999;
      padding: 0px 35px; }
      @media (max-width: 992px) {
        .weeklyRecap #weekSummary > .row > .col {
          padding: 0px 15px; } }
      .weeklyRecap #weekSummary > .row > .col:first-child {
        padding-left: 0; }
      .weeklyRecap #weekSummary > .row > .col:last-child {
        border: none; }
      .weeklyRecap #weekSummary > .row > .col > .row {
        margin-top: 0; }
        .weeklyRecap #weekSummary > .row > .col > .row .col:last-child {
          margin-top: 10px; }
  .weeklyRecap #weekSummary .col.s2 {
    padding-top: 10px; }
  .weeklyRecap #weekSummary i.ci {
    font-size: 20px; }

.weeklyRecap .progress {
  margin-top: 0; }
  .weeklyRecap .progress .determinate {
    height: 6px;
    background: #00ffea;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #00ffea, #007aff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #00ffea, #007aff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #00ffea, #007aff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #00ffea, #007aff);
    /* Standard syntax */ }

.todaySessions .card-content .day, .todaySessions .card-content .date {
  color: #999999;
  text-transform: capitalize; }

.todaySessions .schedule {
  background-color: #f2f2f2;
  display: table;
  width: 100%; }
  .todaySessions .schedule .schedule-item {
    display: table-row; }
    .todaySessions .schedule .schedule-item:last-child .schedule-content {
      border-bottom: 1px solid #999999; }
    .todaySessions .schedule .schedule-item:last-child .schedule-label {
      border-bottom: 1px solid #999999; }
  .todaySessions .schedule .schedule-label {
    width: 40px;
    height: 100%;
    display: table-cell;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding-top: 8px;
    padding-right: 5px;
    color: #999999;
    font-size: 7pt;
    text-align: right;
    vertical-align: top;
    font-family: caprina; }
  .todaySessions .schedule .schedule-content {
    display: table-cell;
    border-top: 1px solid #e0e0e0;
    height: 35px; }
    .todaySessions .schedule .schedule-content .workout {
      height: 40px;
      margin: 0px 15px 0px 20px;
      border-left: 4px solid #5a5a5a;
      border-radius: 3px;
      background-color: white;
      color: black;
      -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
      .todaySessions .schedule .schedule-content .workout:hover {
        border-left: 4px solid #0079ff;
        background-color: #0079ff;
        color: white; }
        .todaySessions .schedule .schedule-content .workout:hover .left {
          color: white; }
      @media screen and (max-width: 1300px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0; } }
      @media screen and (max-width: 1200px) {
        .todaySessions .schedule .schedule-content .workout {
          padding-left: 10px; } }
      @media (max-width: 992px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0px 15px 0px 20px;
          padding-left: 0px; } }
      @media screen and (max-width: 780px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0; } }
      @media (max-width: 768px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0px 15px 0px 20px; } }
      .todaySessions .schedule .schedule-content .workout > div {
        height: 40px;
        min-width: 35px;
        padding-top: 12px; }
      .todaySessions .schedule .schedule-content .workout .left, .todaySessions .schedule .schedule-content .workout .right {
        text-align: center; }
      .todaySessions .schedule .schedule-content .workout .left {
        color: #5a5a5a; }
        @media screen and (max-width: 1100px) {
          .todaySessions .schedule .schedule-content .workout .left {
            display: none; } }
        @media (max-width: 992px) {
          .todaySessions .schedule .schedule-content .workout .left {
            display: inherit; } }
      .todaySessions .schedule .schedule-content .workout .detail {
        font-size: 6pt;
        font-weight: bold;
        line-height: 1; }
      .todaySessions .schedule .schedule-content .workout .category {
        font-size: 6pt;
        font-family: caprinabold;
        text-transform: uppercase; }

.chargeDynamic .highcharts-markers.highcharts-tracker image:not(:first-child) {
  display: none; }

.chargeDynamic .highcharts-series.highcharts-tracker rect {
  fill: #dcdcdc; }
  .chargeDynamic .highcharts-series.highcharts-tracker rect:last-child {
    fill: #5a5a5a; }

.chargeDynamic .stats {
  height: 264px;
  padding: 0; }
  .chargeDynamic .stats h2 {
    font-family: caprina; }
    .chargeDynamic .stats h2 sup {
      color: white; }

.legend, .legend-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap; }
  .legend li, .legend div, .legend-top li, .legend-top div {
    font-size: 12px;
    letter-spacing: -0.3px; }
  .legend .line, .legend-top .line {
    display: inline-block;
    height: 2px;
    width: 30px;
    vertical-align: middle;
    margin-right: 5px; }
  .legend .fa, .legend-top .fa {
    margin-left: 5px;
    margin-top: -9px; }

.legend-top div {
  color: #7b7b7b; }

.legend-top .left {
  margin-left: -5px; }

.legend-top .right {
  margin-right: -5px; }

.table-scrollable {
  width: 100%;
  overflow-x: auto;
  max-height: 540px;
  border-bottom: 3px solid #B4B4B4; }

.training-plan-table {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 12px; }
  .training-plan-table .select-cell, .training-plan-table .hit-cell {
    min-width: 100px; }
  .training-plan-table .time-cell {
    min-width: 85px; }
    .training-plan-table .time-cell sup {
      font-size: 60%; }
  .training-plan-table .dates-cell {
    min-width: 80px; }
  .training-plan-table th {
    color: #939393;
    font-weight: normal; }
    .training-plan-table th:first-child {
      border-left: 0; }
    .training-plan-table th:last-child {
      border-right: 0; }
  .training-plan-table td {
    color: #666666;
    valign: bottom;
    font-family: caprina;
    font-weight: bold; }
    .training-plan-table td:first-child {
      border-left: 0; }
    .training-plan-table td:last-child {
      border-right: 0; }
    .training-plan-table td input[type=number] {
      display: inline;
      background-color: transparent;
      border: 0;
      padding: 0 2px;
      margin: 0;
      text-align: right;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .training-plan-table td input[type=number]::-webkit-inner-spin-button, .training-plan-table td input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
  .training-plan-table .time-cell input[type=number] {
    width: 30px; }
  .training-plan-table .hit-cell input[type=number] {
    width: 15px; }
  .training-plan-table thead tr th {
    padding-top: 20px; }
  .training-plan-table tbody tr td {
    vertical-align: bottom; }

.table-select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/select_icon.svg") no-repeat right #FFF;
  background-size: 15px 15px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  margin: 0; }

.training-plan-graph-card .card-content {
  overflow-x: hidden;
  box-sizing: content-box; }

.training-plan-graph {
  padding: 0 10px; }
  .training-plan-graph .__react_component_tooltip {
    box-shadow: 0px 2px 7px rgba(93, 93, 93, 0.49) !important;
    min-width: 180px !important;
    padding: 25px 40px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important; }
    .training-plan-graph .__react_component_tooltip strong {
      display: block !important;
      color: #0098fa;
      font-size: 15px !important;
      font-weight: 700 !important;
      margin-bottom: 8px !important; }
    .training-plan-graph .__react_component_tooltip div {
      margin-bottom: 2px;
      font-weight: 500;
      letter-spacing: 0.1px; }
    .training-plan-graph .__react_component_tooltip.show {
      opacity: 0.97 !important; }

.cropit-preview.circle .cropit-preview-image-container {
  border-radius: 50%; }

.cropit-preview.circle .cropit-select-image.circle {
  position: absolute;
  top: 160px;
  left: 160px;
  z-index: 2; }

#clusters, #mapLegends, #wbalLegends {
  display: flex;
  display: -webkit-flex;
  margin: 0px 30px 0px 20px;
  float: left;
  height: 20px; }
  #clusters span, #mapLegends span, #wbalLegends span  {
    height: 20px;
    min-width: 30px;
    overflow: hidden;
    display: block;
    padding-top: 1px;
    color: #ffffff; }

.table-accordion-button {
  color: #0079ff;
  font-size: 2em;
  float: right;
  cursor: pointer; }

.modalform > .col {
  margin-bottom: 15px; }

.modalform [type=text] {
  padding: 0 5px; }

.modalform-submit {
  background: #E42F62;
  padding: 5px 10px;
  border: 0;
  width: 120px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 40px; }
  .modalform-submit .ci, .modalform-submit .modalform-disciplines [type=checkbox]:checked + label:after, .modalform-disciplines .modalform-submit [type=checkbox]:checked + label:after, .modalform-submit .modalform-disciplines [type=checkbox]:not(:checked) + label:before, .modalform-disciplines .modalform-submit [type=checkbox]:not(:checked) + label:before {
    color: #ffffff !important;
    border: 0;
    font-size: 2em;
    font-weight: 200; }

.modalform-comment {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 40px 0 30px 0;
  margin-bottom: 30px;
  float: left;
  width: 100%; }
  .modalform-comment textarea {
    background: #ececec;
    border: 0;
    height: 100px;
    padding: 5px;
    width: 84%; }

.modalform hr {
  margin-top: 30px;
  display: block;
  border-top: 1px solid #dbdbdb; }

.modalform textarea {
  background: #ececec;
  border: 0;
  height: 100px;
  padding: 5px; }

.modalform label, .modalform .label {
  font-size: 1.2em;
  float: left; }

.modalform-select, .modalform [type=text] {
  display: block  !important;
  background: #ececec;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px; }

.modalform-disciplines {
  margin-bottom: 25px !important; }
  .modalform-disciplines [type=checkbox]:not(:checked) + label:hover:after {
    background-color: #03cad7 !important; }
  .modalform-disciplines [type=checkbox]:not(:checked) + label:after, .modalform-disciplines [type=checkbox]:not(:checked) + label:before {
    transform: scale(2.52) translateX(5px); }
  .modalform-disciplines [type=checkbox]:not(:checked) + label:before {
    border-radius: 50%;
    border: none;
    background-color: #B4B4B4; }
  .modalform-disciplines [type=checkbox]:checked + label:after {
    transform: scale(2.52) translateX(5px);
    border: none !important;
    background-color: #03cad7 !important; }
  .modalform-disciplines [type=checkbox] + label.required:after {
    color: #ffffff !important; }
  .modalform-disciplines [type=checkbox]:checked + label:after, .modalform-disciplines [type=checkbox]:not(:checked) + label:before {
    color: #ffffff !important;
    font-weight: 200 !important;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modalform-disciplines [type=checkbox]:checked + label:before {
    display: none; }
  .modalform-disciplines [type=checkbox]:checked + label:after {
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%; }
  .modalform-disciplines [type=checkbox]:checked + label[for=appbundle_debriefing_disciplines_5]:after,
  .modalform-disciplines [type=checkbox]:not(:checked) + label[for=appbundle_debriefing_disciplines_5]:before {
    content: "\e911";
    font-size: 70%; }
  .modalform-disciplines [type=checkbox]:checked + label[for=appbundle_debriefing_disciplines_6]:after,
  .modalform-disciplines [type=checkbox]:not(:checked) + label[for=appbundle_debriefing_disciplines_6]:before {
    content: "\e913"; }
  .modalform-disciplines [type=checkbox]:checked + label[for=appbundle_debriefing_disciplines_7]:after,
  .modalform-disciplines [type=checkbox]:not(:checked) + label[for=appbundle_debriefing_disciplines_7]:before {
    content: "\e912";
    font-size: 120%; }
  .modalform-disciplines [type=checkbox]:checked + label[for=appbundle_debriefing_disciplines_8]:after,
  .modalform-disciplines [type=checkbox]:not(:checked) + label[for=appbundle_debriefing_disciplines_8]:before {
    content: "\e910"; }
  .modalform-disciplines [type=checkbox] + label {
    font-size: 0.5em !important;
    color: #dbdbdb !important; }
  .modalform-disciplines > label {
    position: relative;
    margin-right: 0 !important;
    margin: 0 20px 10px 0;
    float: left; }
    .modalform-disciplines > label .ci, .modalform-disciplines > label [type=checkbox]:checked + label:after, .modalform-disciplines > label [type=checkbox]:not(:checked) + label:before {
      position: absolute;
      z-index: 9;
      left: 4px;
      top: -2px;
      text-align: center;
      width: 40px;
      color: white; }
      .modalform-disciplines > label .ci-muscu {
        font-size: 0.8em;
        margin-top: 2px; }
    .modalform-disciplines > label span {
      display: none; }
    .modalform-disciplines > label[for=fever] {
      line-height: 3em;
      border-left: 1px solid grey;
      margin-left: 10px;
      padding-left: 10px;
      width: 50px; }

.modalform-container {
  padding-right: 0 !important; }
  .modalform-container > div {
    width: 60%;
    float: left;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 34px; }
    .modalform-container > div:first-child {
      width: 40%; }
    .modalform-container > div > label {
      font-size: 0.9em;
      padding: 0 !important;
      margin: 0 !important;
      border-left: 1px solid grey;
      padding-left: 14px !important;
      display: block;
      flex: 1; }
    .modalform-container > div > div > label {
      margin: 0;
      padding-left: 25px !important;
      margin-right: 10px; }
    .modalform-container > div > div .label {
      margin-right: 10px;
      padding-right: 13px;
      font-size: 1em;
      line-height: 2em; }
    .modalform-container > div > div input {
      margin: 0; }

.modalform-rangeSlider {
  display: flex;
  display: -webkit-flex;
  padding: 0 !important; }
  .modalform-rangeSlider > .col.s1 {
    width: 5.3333%;
    line-height: 0.8em; }
  .modalform-rangeSlider > .col.s10 {
    width: 84.33333%; }

.modalform-tooltip {
  position: relative;
  float: left;
  left: 10px; }

.modalform .noUi-horizontal {
  height: 10px;
  background: #00fdeb;
  background: -moz-linear-gradient(left, #00fdeb 0%, #8f0222 80%, #e42f62 100%);
  background: -webkit-linear-gradient(left, #00fdeb 0%, #8f0222 80%, #e42f62 100%);
  background: linear-gradient(to right, #00fdeb 0%, #8f0222 80%, #e42f62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdeb', endColorstr='#e42f62',GradientType=1 ); }

.modalform .noUi-target.noUi-horizontal .noUi-tooltip {
  background: #ffffff !important; }

.modalform .noUi-horizontal .noUi-handle {
  background: #ffffff !important;
  box-shadow: 0px 0px 5px 2px rgba(90, 90, 90, 0.38);
  width: 20px;
  height: 20px; }

.modalform .noUi-target .noUi-active.noUi-handle {
  width: 20px;
  height: 20px;
  left: 0px;
  top: -6px; }

.modalform .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
  transform: rotate(0deg) translate(-64px, 53px);
  width: 150px;
  height: 31px;
  border-radius: 0;
  box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.38); }
  .modalform .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip span {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600; }
  .modalform .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    top: -10px;
    left: 50%;
    margin-left: -10px; }

.modalform .noUi-target.noUi-horizontal .noUi-origin[style="left: 100%;"] .noUi-active .noUi-tooltip {
  height: 68px; }

.modalform .noUi-horizontal .noUi-tooltip span {
  transform: rotate(0); }

.note-editor .btn {
  background: inherit !important; }
  .note-editor .btn i {
    display: block !important; }

.note-editor .dropdown-menu {
  color: white !important; }
  .note-editor .dropdown-menu h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    -webkit-font-smoothing: inherit !important;
    text-transform: inherit !important; }
  .note-editor .dropdown-menu li div {
    color: white !important; }

.note-editor .btn-group button {
  float: inherit !important;
  background: inherit !important;
  color: white !important;
  width: inherit !important;
  height: inherit !important;
  padding: inherit !important;
  padding-top: inherit !important;
  width: inherit !important;
  position: inherit !important;
  right: inherit !important;
  top: inherit !important;
  z-index: inherit !important;
  flex-wrap: inherit !important;
  justify-content: inherit !important;
  display: inherit !important;
  display: inherit !important;
  line-height: 3em !important; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.slidecards-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  display: -webkit-flex; }
  @media (max-width: 768px) {
    .slidecards-container {
      display: block; } }

.slidecards ul li {
  list-style-type: disc;
  padding-left: 15px;
  color: #000;
  margin-left: 15px; }

.slidecards-card {
  margin-top: 0 !important;
  width: 27%;
  box-shadow: 0px 0 10px 3px #dbdbdb;
  padding: 20px;
  min-height: 240px; }
  @media (max-width: 992px) {
    .slidecards-card {
      width: 31%; } }
  @media (max-width: 768px) {
    .slidecards-card {
      width: 80%;
      margin: 10%; } }

.slidecards-prez {
  font-size: 1.5em;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Times New Roman';
  text-align: center;
  margin-top: 0; }

.slidecards-title {
  color: #0079ff;
  font-weight: 600;
  font-family: 'Times New Roman';
  text-align: center; }
  .slidecards-title img {
    padding: 0 !important; }
  .slidecards-title .bigger {
    font-size: 2em; }

.slidecards-button {
  border: 0;
  background: transparent;
  width: 100%; }
  .slidecards-button:hover, .slidecards-button:focus {
    background: #ffffff; }
  .slidecards-button.rot span {
    transform: rotate(-90deg); }
  .slidecards-button span {
    transform: rotate(90deg);
    display: block;
    font-size: 1.7em;
    color: grey;
    height: 30px;
    width: 30px;
    margin: 0 auto; }

.slidecards-footer {
  color: #0079ff;
  text-transform: uppercase;
  text-align: center;
  width: 100%; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.tuto {
  padding: 0 !important;
  background-color: #0079ff !important;
  overflow: hidden; }
  @media (max-width: 992px) {
    .tuto {
      width: 95%; } }
  .tuto .modal-content {
    background-color: #0079ff !important;
    color: #ffffff;
    max-height: 400px; }
  .tuto iframe {
    width: 80%; }
    @media (max-width: 768px) {
      .tuto iframe {
        width: 85%; } }
  .tuto-slider {
    height: 310px; }
    .tuto-slider .slick-prev, .tuto-slider .slick-next {
      z-index: 999; }
      .tuto-slider .slick-prev:before, .tuto-slider .slick-next:before {
        font-size: 24px;
        z-index: 999; }
    .tuto-slider .slick-prev {
      left: 0px; }
      @media (max-width: 768px) {
        .tuto-slider .slick-prev {
          left: -7.5px; } }
    .tuto-slider .slick-next {
      right: 0px; }
      @media (max-width: 768px) {
        .tuto-slider .slick-next {
          right: -7.5px; } }
    .tuto-slider .slick-dots li button:before {
      color: #ffffff !important; }
  .tuto .mdi-navigation-close:before {
    color: #ffffff !important; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

/*********************************************
 *****     SELECTED COMPASS MIXINS      ******
 *********************************************/
/*****************************
 *****     SUPPORT      ******
 *****************************/
/*****************************
 *****      SHARED      ******
 *****************************/
/*****************************
 ****   BORDER RADIUS   ******
 *****************************/
/********************************
 *****     APPEARANCE      ******
 ********************************/
.ci {
  font-family: icomoon;
  font-style: normal; }
  .ci.ci-report:before {
    content: "\e902"; }
  .ci.ci-nat:before, .ci.ci-pool:before {
    content: "\e911";
    font-size: 70%; }
  .ci.ci-velo:before {
    content: "\e913"; }
  .ci.ci-cap:before {
    content: "\e912";
    font-size: 120%; }
  .ci.ci-email:before {
    content: "\e904"; }
  .ci.ci-moncompte:before {
    content: "\e90a"; }
  .ci.ci-coach:before {
    content: "\e908"; }
  .ci.ci-check:before {
    content: "\e900"; }
  .ci.ci-compet:before {
    content: "\e901"; }
  .ci.ci-flechedown:before {
    content: "\e905"; }
  .ci.ci-flecheup:before {
    content: "\e906"; }
  .ci.ci-calendrier:before {
    content: "\e907"; }
  .ci.ci-home:before {
    content: "\e909"; }
  .ci.ci-monitoring:before {
    content: "\e90b"; }
  .ci.ci-notif:before {
    content: "\e90c"; }
  .ci.ci-predictionperf:before {
    content: "\e90e"; }
  .ci.ci-profilperf:before {
    content: "\e90f"; }
  .ci.ci-muscu:before {
    content: "\e910"; }
  .ci.ci-menu:before {
    content: "\e916"; }
  .ci.ci-logowhite:before {
    content: "\e921"; }
  .ci.ci-changer:before {
    content: "\e92c"; }
  .ci.ci-ajouter:before {
    content: "\e92dz"; }
  .ci.ci-valide:before {
    content: "\e937"; }
  .ci.ci-download:before {
    content: "\e939"; }
  .ci.ci-multi:before {
    content: "\e93a";
    font-size: 150%; }
  .ci.ci-cloud:before {
    content: "\e93b"; }
  .ci.ci-denivel:before {
    content: "\e93c"; }
  .ci.ci-humidity::before {
    content: "\e93d"; }
  .ci.ci-wind:before {
    content: "\e93e"; }
  .ci.ci-blessure:before {
    content: "\e93f"; }
  .ci.ci-cr-chrono:before {
    content: "\e940"; }
  .ci.ci-activite:before {
    content: "\e942"; }
  .ci.ci-cr-rpe:before {
    content: "\e941"; }
  .ci.ci-compte-rendu:before {
    content: "\e943"; }
  .ci.ci-altitude:before {
    content: "\e944"; }
  .ci.ci-altitude-down:before {
    content: "\e945"; }
  .ci.ci-altitude-up:before {
    content: "\e946"; }
  .ci.ci-blessure:before {
    content: "\e947"; }
  .ci.ci-cadence:before {
    content: "\e948"; }
  .ci.ci-vagues:before {
    content: "\e949"; }
  .ci.ci-categorie:before {
    content: "\e94a"; }
  .ci.ci-chrono:before {
    content: "\e94b";
    margin-right: -11px; }
  .ci.ci-compet:before {
    content: "\e94c"; }
  .ci.ci-dispo:before {
    content: "\e94d"; }
  .ci.ci-distance:before {
    content: "\e96f";
    font-size: 70%; }
  .ci.ci-donnees:before {
    content: "\e94f"; }
  .ci.ci-doorin:before {
    content: "\e950"; }
  .ci.ci-doorout:before {
    content: "\e951"; }
  .ci.ci-edit:before {
    content: "\e952"; }
  .ci.ci-equilibre:before {
    content: "\e953"; }
  .ci.ci-event:before {
    content: "\e954"; }
  .ci.ci-fc:before {
    content: "\e955"; }
  .ci.ci-holiday:before {
    content: "\e956"; }
  .ci.ci-humidity:before {
    content: "\e957"; }
  .ci.ci-intensite:before {
    content: "\e958"; }
  .ci.ci-nage:before {
    content: "\e959"; }
  .ci.ci-nutrition:before {
    content: "\e95a"; }
  .ci.ci-progress:before {
    content: "\e95b"; }
  .ci.ci-puissance:before {
    content: "\e95c"; }
  .ci.ci-respiration:before {
    content: "\e95d"; }
  .ci.ci-rpe:before {
    content: "\e95e"; }
  .ci.ci-sceance:before {
    content: "\e95f"; }
  .ci.ci-sommeil:before {
    content: "\e960"; }
  .ci.ci-sceance:before {
    content: "\e95f"; }
  .ci.ci-stage:before {
    content: "\e961"; }
  .ci.ci-temperature:before {
    content: "\e962"; }
  .ci.ci-terrain:before {
    content: "\e963"; }
  .ci.ci-terrain-type1:before {
    content: "\e964"; }
  .ci.ci-terrain-type2:before {
    content: "\e965"; }
  .ci.ci-vitesse:before {
    content: "\e966"; }
  .ci.ci-wind:before {
    content: "\e967"; }
  .ci.ci-deconnexion:before {
    content: "\e969"; }
  .ci.ci-semaine-type:before {
    content: "\e975"; }
  .ci.ci-modele-de-seance:before {
    content: "\e973";
    font-size: 60%; }
  .ci.ci-longueur-piscine:before {
    content: "\e972"; }
  .ci.ci-HRR:before {
    content: "\e970"; }
  .ci.ci-cadence-nage:before {
    content: "\e96e"; }
  .ci.ci-allure:before {
    content: "\e96d";
    font-size: 70%; }
  .ci.ci-ajout-modele-de-seance:before {
    content: "\e96c"; }
  .ci.ci-temps-au-sol:before {
    content: "\e96b"; }
  .ci.ci-temperature2:before {
    content: "\e96a"; }
  .ci.ci-oscillation:before {
    content: "\e968"; }
  .ci.ci-gear-select:before {
    content: "\e976"; }
  .ci.ci-training-plan:before {
    content: "\e977"; }

span.double-icon i {
  font-size: 13px;
  position: relative; }
  span.double-icon i:last-child {
    margin-left: -12px;
    top: -11px; }

.block {
  display: block; }

.relative {
  position: relative; }

.row {
  margin-bottom: 0; }
  .row .col {
    padding-bottom: 0; }

.row.row-adjust-size {
  padding-right: 2rem !important; }

.vignette {
  margin-right: 10px;
  float: left;
  position: relative; }
  .vignette img {
    box-shadow: 0px 2px 17px 3px #acacac;
    float: left; }
  .vignette:before {
    background: #0079ff;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
    content: "";
    display: block;
    margin-right: 10px; }

.dispatch {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .dispatch > * {
    flex-grow: 1; }
    .dispatch > *:first-child, .dispatch > *:last-child {
      flex-grow: 0; }

.center-all {
  display: flex;
  justify-content: center;
  align-items: center; }

.center-margin {
  margin-left: auto;
  margin-right: auto; }

.image-label {
  display: inline-block;
  position: relative; }
  .image-label .label {
    position: absolute;
    right: 12%;
    bottom: 12%; }

.no-background {
  background-color: transparent !important;
  background: none !important; }

.shadow {
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }

.no-shadow {
  box-shadow: none !important; }

.border-0 {
  border-width: 0; }

.border-1 {
  border-width: 1; }

.border-2 {
  border-width: 2; }

.border-3 {
  border-width: 3; }

.border-top-0 {
  border-top-width: 0; }

.border-top-1 {
  border-top-width: 1; }

.border-top-2 {
  border-top-width: 2; }

.border-top-3 {
  border-top-width: 3; }

.border-bottom-0 {
  border-bottom-width: 0; }

.border-bottom-1 {
  border-bottom-width: 1; }

.border-bottom-2 {
  border-bottom-width: 2; }

.border-bottom-3 {
  border-bottom-width: 3; }

.border-left-0 {
  border-left-width: 0; }

.border-left-1 {
  border-left-width: 1; }

.border-left-2 {
  border-left-width: 2; }

.border-left-3 {
  border-left-width: 3; }

.border-right-0 {
  border-right-width: 0; }

.border-right-1 {
  border-right-width: 1; }

.border-right-2 {
  border-right-width: 2; }

.border-right-3 {
  border-right-width: 3; }

.w-full {
  width: 100% !important; }

.gradient {
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #00ffea, #007aff);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #00ffea, #007aff);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #00ffea, #007aff);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #00ffea, #007aff);
  /* Standard syntax */ }

.itooltip {
  background: #0079ff;
  border-radius: 50%;
  color: #ffffff;
  width: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 15px;
  font-size: 0.9em; }
  .itooltip:hover + div {
    display: block;
    opacity: 1 !important;
    left: 35px !important; }
  .itooltip + .tooltipped:not(.btn):not(.btn-floating) {
    position: absolute;
    background: #0079ff;
    padding: 40px;
    border-radius: 10px;
    z-index: 999;
    top: -31px;
    color: #ffffff;
    box-shadow: 0px 0px 35px 2px rgba(90, 90, 90, 0.38);
    left: -9999px;
    opacity: 0;
    transition: 0.25s opacity linear;
    width: 380px; }
    .itooltip + .tooltipped:not(.btn):not(.btn-floating):before {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #0079ff;
      position: absolute;
      top: 30px;
      left: -10px;
      content: "";
      display: block; }
    .itooltip + .tooltipped:not(.btn):not(.btn-floating) .h3 {
      color: #ffffff;
      color: upercase; }

.popover {
  background-color: #0079ff !important;
  font-size: 13px !important; }
  .popover-title {
    text-align: center;
    background-color: #0077fa !important;
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff; }
  .popover-content, .popover .btn {
    background-color: #0079ff !important;
    color: #ffffff; }
  .popover .btn {
    text-transform: uppercase;
    color: #ffffff;
    padding: 3px 10px;
    border: 1px solid #ffffff;
    background: #0079ff; }
  .popover.onside {
    top: 300px !important;
    transform: translateY(-100%); }
  .popover .oncontent {
    transform: translate(50%, 20%); }
  .popover.right .arrow:after {
    border-right-color: #0079ff !important; }
  .popover.left .arrow:after {
    border-left-color: #0079ff !important; }
  .popover.bottom .arrow:after {
    border-bottom-color: #0079ff !important; }
  .popover.top .arrow:after {
    border-top-color: #0079ff !important; }
  .popover .btn:hover, .popover .btn:focus {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #0074f5 !important; }

.card-panel {
  min-height: 390px;
  border-radius: 0;
  padding: 17px 35px;
  background: white;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
  @media screen and (max-width: 1200px) {
    .l4 .card-panel {
      padding: 17px 15px; } }
  @media (max-width: 992px) {
    .l4 .card-panel {
      padding: 17px 35px; } }
  .card-panel.card-short {
    min-height: 168px; }
  .card-panel.card-mini {
    min-height: auto; }
  .card-panel div.name {
    height: 30px;
    font-size: 10pt;
    color: #333333;
    font-family: caprinabold;
    font-weight: bold;
    text-transform: uppercase; }
  .card-panel .card-content {
    padding: 0; }
  .card-panel .card-reveal {
    margin-left: -35px;
    padding: 26px;
    background-color: #0079ff; }
    .card-panel .card-reveal .card-title.competition-reveal {
      display: inherit;
      color: white;
      font-size: inherit;
      line-height: inherit;
      font-weight: normal;
      padding: 0;
      border: 0;
      border-radius: 0; }
    .card-panel .card-reveal .competition-content > div {
      padding-top: 20px;
      padding-bottom: 20px; }
      .card-panel .card-reveal .competition-content > div:not(:last-child) {
        border-bottom: 1px solid white; }

table.table-bordered tr td {
  border: none;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec; }

table.table-bordered .table > thead:first-child > tr:first-child > td {
  border: 1px solid #ececec; }

table.table-bordered.table-bordered-between {
  border: none; }
  table.table-bordered.table-bordered-between thead td {
    border-top: 0; }
  table.table-bordered.table-bordered-between tr td:first-child {
    border-left: 0; }
  table.table-bordered.table-bordered-between tr td:last-child {
    border-right: 0; }
  table.table-bordered.table-bordered-between tr:last-child td {
    border-bottom: 0; }
  table.table-bordered.table-bordered-between tbody, table.table-bordered.table-bordered-between tbody tr:first-child td {
    border-top: 0; }

table.table-bordered.table-bordered-horizontal tr, table.table-bordered.table-bordered-horizontal td {
  border-left: 0;
  border-right: 0; }

a.timer > div {
  min-height: 0px;
  height: 108px;
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #21f4ec, #0693f9);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #21f4ec, #0693f9);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #21f4ec, #0693f9);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #21f4ec, #0693f9);
  /* Standard syntax */
  padding: 15px; }
  a.timer > div div {
    text-align: center; }
    a.timer > div div.name:first-child {
      height: auto;
      margin-bottom: 20px;
      color: white;
      font-size: 10pt;
      font-family: caprinabold;
      text-transform: uppercase; }
    a.timer > div div.count {
      margin-top: 10px;
      margin-bottom: 5px;
      color: #333333;
      font-size: 2.5vw;
      font-family: caprina; }
      @media (max-width: 992px) {
        a.timer > div div.count {
          font-size: 38px; } }
      a.timer > div div.count > .col {
        position: relative; }
        a.timer > div div.count > .col:not(:last-child):after {
          content: ':';
          position: absolute;
          right: 15%;
          bottom: 0px; }
    a.timer > div div#countdown-legend {
      color: #333333;
      font-family: Roboto;
      margin-top: 0px;
      font-size: 0.7vw; }
      @media (max-width: 992px) {
        a.timer > div div#countdown-legend {
          font-size: 10px; } }

.trainings-analysis ul.collection {
  border: none;
  margin: 0; }
  .trainings-analysis ul.collection li {
    border: none;
    padding: 0; }
    .trainings-analysis ul.collection li:not(:first-child) {
      border-top: 1px solid #ececec; }
    .trainings-analysis ul.collection li a img {
      display: inline-block;
      margin: 25px 25px 28px 0px; }
    .trainings-analysis ul.collection li a div {
      display: inline-block;
      vertical-align: top;
      margin-top: 28px;
      color: #999999; }
      .trainings-analysis ul.collection li a div p {
        font-size: 8pt;
        font-weight: bold; }
        .trainings-analysis ul.collection li a div p:first-child {
          font-size: 7pt;
          color: black;
          font-family: caprinabold;
          text-transform: uppercase;
          line-height: 0.8; }

.wellness div.name button {
  margin-right: -20px; }
  @media screen and (max-width: 1200px) {
    .wellness div.name button {
      margin-right: 0; } }
  @media (max-width: 992px) {
    .wellness div.name button {
      margin-right: -20px; } }

.wellness .card-content {
  padding-top: 47px; }

.wellness form .label {
  display: inline-block;
  width: 70px;
  color: #999999;
  font-size: 8.5pt;
  text-transform: capitalize; }

.wellness form .select {
  display: block;
  margin-left: 71px;
  margin-top: -12px; }

.wellness form .separator {
  clear: both;
  width: 100%;
  display: block;
  height: 45px; }

.wellness .wellness-slider {
  height: 5px;
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #df2d5e, #24ffeb);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #df2d5e, #24ffeb);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #df2d5e, #24ffeb);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #df2d5e, #24ffeb);
  /* Standard syntax */ }

.wellness .noUi-horizontal .noUi-handle {
  z-index: 6;
  left: -5px;
  top: -6px;
  background-color: white !important; }
  .wellness .noUi-horizontal .noUi-handle .noUi-tooltip {
    background-color: white !important;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
    border-radius: 50%;
    transform: scale(0.6);
    transform-origin: 15% 135%; }
    .wellness .noUi-horizontal .noUi-handle .noUi-tooltip span {
      display: block;
      width: 300px;
      position: absolute;
      top: 40px;
      color: #999999;
      font-size: 16pt;
      opacity: 1;
      transform: none; }
  .wellness .noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip {
    transform: translate(-5px, 10px); }
    .wellness .noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip span {
      top: 30px; }

.wellness .noUi-base {
  z-index: 3; }

.wellness .noUi-connect {
  height: 5px;
  background-color: #cdcdcd; }

.wellness .noUi-marker {
  height: 5px;
  width: 1px;
  z-index: 2;
  top: -5px;
  background-color: black; }

.wellness .wellness-slider .noUi-value.noUi-value-horizontal.noUi-value-large {
  display: none; }

.wellness .wellness-slider .noUi-value.noUi-value-horizontal.noUi-value-sub {
  display: none; }

.wellness .noUi-origin[style^="left: 0"] .noUi-tooltip span {
  text-align: left;
  left: 0px; }

.wellness .noUi-origin[style^="left: 25"] .noUi-tooltip span {
  text-align: left;
  left: 0px; }

.wellness .noUi-origin[style^="left: 50"] .noUi-tooltip span {
  text-align: center;
  left: -140px; }

.wellness .noUi-origin[style^="left: 75"] .noUi-tooltip span {
  text-align: right;
  left: auto;
  right: 0px; }

.wellness .noUi-origin[style^="left: 100"] .noUi-tooltip span {
  text-align: right;
  left: auto;
  right: 0px; }

#wellnessWidget {
  margin: 20px auto; }
  @media screen and (max-width: 1050px) {
    #wellnessWidget {
      width: 150px !important;
      height: 150px !important; } }
  @media (max-width: 992px) {
    #wellnessWidget {
      width: 200px !important;
      height: 200px !important; } }
  #wellnessWidget .progressbar-text {
    color: #000 !important;
    text-align: center;
    font-family: caprina;
    font-size: 42px;
    line-height: 1; }
    #wellnessWidget .progressbar-text i {
      position: absolute;
      left: 40%;
      top: 45px;
      font-size: 20px; }

.weeklyRecap #weekSummary {
  padding-top: 25px; }
  .weeklyRecap #weekSummary > .row {
    margin-left: 0; }
    .weeklyRecap #weekSummary > .row > .col {
      height: 48px;
      border-right: 1px solid #999999;
      padding: 0px 35px; }
      @media (max-width: 992px) {
        .weeklyRecap #weekSummary > .row > .col {
          padding: 0px 15px; } }
      .weeklyRecap #weekSummary > .row > .col:first-child {
        padding-left: 0; }
      .weeklyRecap #weekSummary > .row > .col:last-child {
        border: none; }
      .weeklyRecap #weekSummary > .row > .col > .row {
        margin-top: 0; }
        .weeklyRecap #weekSummary > .row > .col > .row .col:last-child {
          margin-top: 10px; }
  .weeklyRecap #weekSummary .col.s2 {
    padding-top: 10px; }
  .weeklyRecap #weekSummary i.ci {
    font-size: 20px; }

.weeklyRecap .progress {
  margin-top: 0; }
  .weeklyRecap .progress .determinate {
    height: 6px;
    background: #00ffea;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #00ffea, #007aff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #00ffea, #007aff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #00ffea, #007aff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #00ffea, #007aff);
    /* Standard syntax */ }

.todaySessions .card-content .day, .todaySessions .card-content .date {
  color: #999999;
  text-transform: capitalize; }

.todaySessions .schedule {
  background-color: #f2f2f2;
  display: table;
  width: 100%; }
  .todaySessions .schedule .schedule-item {
    display: table-row; }
    .todaySessions .schedule .schedule-item:last-child .schedule-content {
      border-bottom: 1px solid #999999; }
    .todaySessions .schedule .schedule-item:last-child .schedule-label {
      border-bottom: 1px solid #999999; }
  .todaySessions .schedule .schedule-label {
    width: 40px;
    height: 100%;
    display: table-cell;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding-top: 8px;
    padding-right: 5px;
    color: #999999;
    font-size: 7pt;
    text-align: right;
    vertical-align: top;
    font-family: caprina; }
  .todaySessions .schedule .schedule-content {
    display: table-cell;
    border-top: 1px solid #e0e0e0;
    height: 35px; }
    .todaySessions .schedule .schedule-content .workout {
      height: 40px;
      margin: 0px 15px 0px 20px;
      border-left: 4px solid #5a5a5a;
      border-radius: 3px;
      background-color: white;
      color: black;
      -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
      .todaySessions .schedule .schedule-content .workout:hover {
        border-left: 4px solid #0079ff;
        background-color: #0079ff;
        color: white; }
        .todaySessions .schedule .schedule-content .workout:hover .left {
          color: white; }
      @media screen and (max-width: 1300px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0; } }
      @media screen and (max-width: 1200px) {
        .todaySessions .schedule .schedule-content .workout {
          padding-left: 10px; } }
      @media (max-width: 992px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0px 15px 0px 20px;
          padding-left: 0px; } }
      @media screen and (max-width: 780px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0; } }
      @media (max-width: 768px) {
        .todaySessions .schedule .schedule-content .workout {
          margin: 0px 15px 0px 20px; } }
      .todaySessions .schedule .schedule-content .workout > div {
        height: 40px;
        min-width: 35px;
        padding-top: 12px; }
      .todaySessions .schedule .schedule-content .workout .left, .todaySessions .schedule .schedule-content .workout .right {
        text-align: center; }
      .todaySessions .schedule .schedule-content .workout .left {
        color: #5a5a5a; }
        @media screen and (max-width: 1100px) {
          .todaySessions .schedule .schedule-content .workout .left {
            display: none; } }
        @media (max-width: 992px) {
          .todaySessions .schedule .schedule-content .workout .left {
            display: inherit; } }
      .todaySessions .schedule .schedule-content .workout .detail {
        font-size: 6pt;
        font-weight: bold;
        line-height: 1; }
      .todaySessions .schedule .schedule-content .workout .category {
        font-size: 6pt;
        font-family: caprinabold;
        text-transform: uppercase; }

.chargeDynamic .highcharts-markers.highcharts-tracker image:not(:first-child) {
  display: none; }

.chargeDynamic .highcharts-series.highcharts-tracker rect {
  fill: #dcdcdc; }
  .chargeDynamic .highcharts-series.highcharts-tracker rect:last-child {
    fill: #5a5a5a; }

.chargeDynamic .stats {
  height: 264px;
  padding: 0; }
  .chargeDynamic .stats h2 {
    font-family: caprina; }
    .chargeDynamic .stats h2 sup {
      color: white; }

.legend, .legend-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap; }
  .legend li, .legend div, .legend-top li, .legend-top div {
    font-size: 12px;
    letter-spacing: -0.3px; }
  .legend .line, .legend-top .line {
    display: inline-block;
    height: 2px;
    width: 30px;
    vertical-align: middle;
    margin-right: 5px; }
  .legend .fa, .legend-top .fa {
    margin-left: 5px;
    margin-top: -9px; }

.legend-top div {
  color: #7b7b7b; }

.legend-top .left {
  margin-left: -5px; }

.legend-top .right {
  margin-right: -5px; }

.table-scrollable {
  width: 100%;
  overflow-x: auto;
  max-height: 540px;
  border-bottom: 3px solid #B4B4B4; }

.training-plan-table {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 12px; }
  .training-plan-table .select-cell, .training-plan-table .hit-cell {
    min-width: 100px; }
  .training-plan-table .time-cell {
    min-width: 85px; }
    .training-plan-table .time-cell sup {
      font-size: 60%; }
  .training-plan-table .dates-cell {
    min-width: 80px; }
  .training-plan-table th {
    color: #939393;
    font-weight: normal; }
    .training-plan-table th:first-child {
      border-left: 0; }
    .training-plan-table th:last-child {
      border-right: 0; }
  .training-plan-table td {
    color: #666666;
    valign: bottom;
    font-family: caprina;
    font-weight: bold; }
    .training-plan-table td:first-child {
      border-left: 0; }
    .training-plan-table td:last-child {
      border-right: 0; }
    .training-plan-table td input[type=number] {
      display: inline;
      background-color: transparent;
      border: 0;
      padding: 0 2px;
      margin: 0;
      text-align: right;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .training-plan-table td input[type=number]::-webkit-inner-spin-button, .training-plan-table td input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
  .training-plan-table .time-cell input[type=number] {
    width: 30px; }
  .training-plan-table .hit-cell input[type=number] {
    width: 15px; }
  .training-plan-table thead tr th {
    padding-top: 20px; }
  .training-plan-table tbody tr td {
    vertical-align: bottom; }

.table-select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/select_icon.svg") no-repeat right #FFF;
  background-size: 15px 15px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  margin: 0; }

.training-plan-graph-card .card-content {
  overflow-x: hidden;
  box-sizing: content-box; }

.training-plan-graph {
  padding: 0 10px; }
  .training-plan-graph .__react_component_tooltip {
    box-shadow: 0px 2px 7px rgba(93, 93, 93, 0.49) !important;
    min-width: 180px !important;
    padding: 25px 40px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important; }
    .training-plan-graph .__react_component_tooltip strong {
      display: block !important;
      color: #0098fa;
      font-size: 15px !important;
      font-weight: 700 !important;
      margin-bottom: 8px !important; }
    .training-plan-graph .__react_component_tooltip div {
      margin-bottom: 2px;
      font-weight: 500;
      letter-spacing: 0.1px; }
    .training-plan-graph .__react_component_tooltip.show {
      opacity: 0.97 !important; }

.cropit-preview.circle .cropit-preview-image-container {
  border-radius: 50%; }

.cropit-preview.circle .cropit-select-image.circle {
  position: absolute;
  top: 160px;
  left: 160px;
  z-index: 2; }

#clusters, #mapLegends, #wbalLegends {
  display: flex;
  display: -webkit-flex;
  margin: 0px 30px 0px 20px;
  float: left;
  height: 20px; }
  #clusters span, #mapLegends span, #wbalLegends span  {
    height: 20px;
    min-width: 30px;
    overflow: hidden;
    display: block;
    padding-top: 1px;
    color: #ffffff; }

.table-accordion-button {
  color: #0079ff;
  font-size: 2em;
  float: right;
  cursor: pointer; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.dialog {
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  justify-items: center;
  align-items: center;
  margin: 0; }
  .dialog-item {
    position: relative;
    margin: 0 20px; }
    .dialog-item .ci, .dialog-item .fa {
      margin-right: 15px !important; }
  .dialog-btn {
    width: 420px;
    height: 50px !important;
    color: #ffffff;
    background: #0079ff;
    box-shadow: 0 2px 5px #B4B4B4 !important; }
    .dialog-btn:hover {
      opacity: 0.8;
      background: #0079ff; }
    .dialog-btn.active {
      color: #4D4D4D;
      background: #ffffff; }
  .dialog-panel {
    position: absolute;
    width: 100%;
    z-index: 9; }
    .dialog-panel .loader-container {
      background: transparent !important; }
  .dialog-select {
    border: 1px solid #B4B4B4;
    height: 48px;
    padding: 10px;
    margin-bottom: 20px; }
    .dialog-select .caret {
      right: 10px !important; }
    .dialog-select [type=text] {
      border: none !important; }
    .dialog-select option {
      padding: 20px;
      color: #B4B4B4; }

.plan .card-panel {
  min-height: auto !important;
  width: 100% !important;
  box-shadow: 0 2px 5px #B4B4B4 !important;
  border-top: 1px solid #B4B4B4; }

.plan .alert {
  text-align: center; }

.plan .col > .col {
  padding-right: 0 !important; }

.plan .fc-event {
  height: 45px !important;
  box-shadow: 0px 2px 5px 0px #d0d0d0;
  border-radius: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: caprina;
  font-size: 10px;
  border-width: 5px; }
  .plan .fc-event .ci {
    font-size: 15px; }

.plan-alert {
  color: #4D4D4D;
  margin-top: 0; }

.plan-valid {
  border-radius: 0;
  width: 40px;
  padding: 10px 0 0 0px !important;
  height: 43px !important;
  margin-top: 32px;
  float: right;
  text-align: center;
  box-shadow: none !important; }
  .plan-valid .ci, .plan-valid .fa {
    margin: 0 !important; }

.plan-newseance {
  width: 100%;
  height: 35px !important;
  border-radius: 0;
  box-shadow: none !important;
  font-weight: bold;
  height: 46px !important;
  line-height: 40px !important; }
  .plan-newseance i {
    color: #000000;
    font-size: 22px;
    font-weight: 600; }

.select2 {
  left: 0 !important;
  padding: 0 10px;
  width: 100% !important;
  color: #4D4D4D !important;
  background-color: transparent;
  border: 1px solid #B4B4B4; }
  .select2 li {
    background: #ffffff; }
    .select2 li span {
      color: #B4B4B4;
      padding-left: 40px; }
  .select2-selection {
    border-bottom: 0 !important; }
  .select2-search__field {
    border: 0 !important; }
    .select2-search__field:focus {
      border: 0 !important; }
  .select2-results__option--highlighted[aria-selected] {
    background-color: #dbdbdb !important;
    color: #4D4D4D !important; }
  .select2-results__option {
    padding: 10px 40px; }
  .select2-selection__clear {
    font-size: 25px;
    font-weight: 200 !important;
    line-height: 7px;
    height: 23px;
    margin-top: 9px;
    padding: 5px;
    background: #f2f2f2;
    left: 6px;
    opacity: 0.3;
    transition: 0.25s linear all; }
    .select2-selection__clear:hover {
      opacity: 1; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.gtabs {
  padding-top: 0px;
  background: transparent !important; }
  .gtabs #chartVentilation {
    top: 40px;
    position: relative; }
  .gtabs #criticalIntensity {
    margin: 0;
    top: 40px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #000000; }
  .gtabs #chartPerformance {
    margin-top: 20px; }
    .gtabs #chartIntensities .highcharts-tooltip {
      fill-opacity: 0; }
  .gtabs #chartIntensities .highcharts-tooltip {
    bottom: 0 !important;
    top: 0 !important;
    height: 400px !important;
    margin-top: 317px !important;
    margin-left: -39px; }

  .gtabs .loader-container {
    background: transparent !important;
    position: absolute; }
    .gtabs .loader-container .preloader-wrapper.big {
      width: 34px;
      height: 34px; }
  .gtabs .cursor {
    width: 120px;
    text-align: center;
    background: #0079ff;
    position: absolute;
    color: #ffffff;
    margin-left: 0px;
    top: 0; }
    .gtabs .cursor:before {
      position: absolute;
      top: 5px;
      left: 4px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-right: 4px solid #ffffff;
      opacity: 0.7;
      content: ""; }
    .gtabs .cursor:after {
      position: absolute;
      right: 4px;
      top: 5px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 4px solid white;
      opacity: 0.7;
      content: ""; }
    .gtabs .cursor .span {
      position: relative;
      z-index: 99; }
    .gtabs .cursor .text {
      background: #0079ff;
      position: relative;
      z-index: 9; }
    .gtabs .cursor .dome {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: -5px;
      margin-left: -2.5px;
      background: #0079ff; }
      .gtabs .cursor .dome:before {
        width: 3px;
        height: 323px;
        content: "";
        display: block;
        background: #0079ff;
        position: absolute;
        left: 50%;
        margin-left: -1.5px;
        bottom: 0; }
  .gtabs-perf {
    width: 200px;
    padding: 17px;
    position: absolute;
    top: 70px;
    right: 140px;
    min-height: 0;
    display: none;
    margin-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.7) !important; }
    .gtabs-perf-1 {
      right: 240px; }
    .gtabs-perf-2 {
      right: 20px; }
  .gtabs-more {
    background: 0;
    border: 0;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    position: absolute;
    right: 0;
    margin-top: -20px;
    font-size: 3em; }
    .gtabs-more:focus, .gtabs-more:hover {
      background: 0; }
  .gtabs-list {
    display: inline-block;
    border-bottom: 2px solid #B4B4B4;
    margin-top: 0;
    padding-top: 0; }
    @media screen and (max-width: 768px) {
      .gtabs-list {
        border-bottom: none; } }
  .gtabs-item {
    float: left; }
    .gtabs-item:not(:last-child) {
      margin-right: 20px; }
    @media screen and (max-width: 768px) {
      .gtabs-item {
        margin-bottom: 10px; } }
    .gtabs-item a {
      font-weight: 600;
      color: #B4B4B4;
      position: relative;
      line-height: 2em; }
      .gtabs-item a.active {
        color: #4D4D4D;
        padding-bottom: 2px; }
        .gtabs-item a.active:after {
          content: "";
          display: block;
          width: 100%;
          height: 5px;
          background: #4D4D4D;
          position: absolute;
          bottom: -8px;
          left: 0; }
  .gtabs-head {
    display: flex;
    display: -webkit-flex;
    align-items: center; }
  .gtabs-title {
    float: left;
    margin: 0 0px 0px 20px; }
  .gtabs-tooltip {
    position: relative;
    float: left;
    width: 15px;
    height: 15px;
    z-index: 9999; }
  .gtabs-contents {
    position: relative; }
  .gtabs-content {
    box-shadow: 0 0 10px 0 #B4B4B4;
    background: #ffffff;
    min-height: 400px;
    display: none;
    padding-bottom: 0;
    margin-top: 10px; }
    .gtabs-content:first-child {
      display: block; }
    .gtabs-content .btn-group {
      margin-top: -50px; }
    .gtabs-content.width-submenu .loader-container {
      margin-top: 40px; }
    .gtabs-content.width-legend {
      position: relative;
      padding-bottom: 20px; }
      .gtabs-content.width-legend:before {
        content: "";
        background: #f2f2f2;
        width: 100%;
        height: 100px;
        position: absolute;
        bottom: 0;
        z-index: 1; }
      .gtabs-content.width-legend #generateChart {
        z-index: 999;
        position: relative; }
  .gtabs-graph {
    margin-top: 30px; }
  .gtabs-intensity {
    background: #f2f2f2;
    margin-top: 36px;
    width: 100%; }
    .gtabs-intensity-list {
      justify-content: center;
      align-items: space-between;
      display: flex;
      display: -webkit-flex;
      align-items: center; }
    .gtabs-intensity-legend, .gtabs-intensity-mesure {
      color: #B4B4B4;
      font-weight: 400; }
    .gtabs-intensity-mesure {
      font-size: 1.2em; }
    .gtabs-intensity-item {
      flex: 1;
      justify-content: center;
      flex-direction: column;
      display: flex;
      display: -webkit-flex;
      align-items: center; }
      .gtabs-intensity .ci {
        font-size: 3em;
        height: 40px; }
      .graph-cyan-lighter .ci, .graph-cyan-lighter span.gtabs-intensity-value {
        color: #03DEEB; }
      .graph-cyan-darker .ci, .graph-cyan-darker span.gtabs-intensity-value {
        color: #01A3AD; }
      .graph-cyan .ci, .graph-cyan span.gtabs-intensity-value {
        color: #03cad7; }
      .graph-blue .ci, .graph-blue span.gtabs-intensity-value {
        color: #0079ff; }
      .graph-pink .ci, .graph-pink span.gtabs-intensity-value {
        color: #F7005B; }
      .graph-grey .ci, .graph-grey span.gtabs-intensity-value {
        color: #4D4D4D; }
      .graph-brown .ci, .graph-brown span.gtabs-intensity-value {
        color: #B15618; }
      .graph-strawberry .ci, .graph-strawberry span.gtabs-intensity-value {
        color: #800080; }
    .gtabs-intensity-value {
      font-size: 2em;
      font-weight: 600; }
  .gtabs-btn {
    font-weight: 600;
    text-transform: uppercase;
    color: normal;
    background: transparent;
    border: 2px solid #B4B4B4;
    float: left;
    color: #B4B4B4 !important;
    padding: 0px 11px !important;
    min-width: 90px !important;
    width: auto !important;
    line-height: 1em !important;
    height: 30px !important;
    border-left-width: 1px; }
    .gtabs-btn:first-child {
      border-right-width: 2px; }
    .gtabs-btn:last-child {
      border-left-width: 2px; }
    .gtabs-btn.active, .gtabs-btn:hover, .gtabs-btn:focus {
      background: #B4B4B4 !important;
      color: #ffffff !important; }
  .gtabs-xAxis {
    margin-left: 20px;
    float: right; }
  .gtabs-form {
    clear: left; }
    .gtabs-form div.context-param {
      width: 100%;
      justify-content: center;
      align-items: space-around;
      display: flex;
      display: -webkit-flex; }
      .gtabs-form div.context-param .btn-tab {
        text-transform: uppercase;
        font-weight: 600;
        color: #4D4D4D;
        border-bottom: 3px solid #f2f2f2;
        flex: 1;
        line-height: 2.3em;
        text-align: center;
        cursor: pointer; }
        .gtabs-form div.context-param .btn-tab.active {
          color: #0079ff;
          border-color: #0079ff; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.laps.nat .laps-row > div {
  width: 14%; }

.laps.velo .laps-row > div {
  width: 7.69%; }

.laps.cap .laps-row > div {
  width: 6.66%; }

.laps-thead {
  border-bottom: 1px solid #B4B4B4;
  margin-bottom: 10px; }

.laps-content {
  font-weight: 600;
  text-transform: uppercase;
  color: #4D4D4D;
  text-align: center;
  font-family: caprina;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px; }
  .laps-content > span {
    background: transparent;
    position: relative; }

.laps-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  transition: 0.25s all linear; }
  .laps-row:not(.laps-thead) {
    margin-bottom: 1px; }
    .laps-row:not(.laps-thead):hover {
      background: #ffffff;
      box-shadow: 0px 0px 25px 0px #4D4D4D; }
      .laps-row:not(.laps-thead):hover .laps-content:not(.nofilter) {
        position: relative;
        border: 0; }
        .laps-row:not(.laps-thead):hover .laps-content:not(.nofilter):after {
          display: block;
          content: "";
          background: #B4B4B4;
          width: 4px;
          height: 4px;
          position: absolute;
          top: 50%;
          margin-top: -2px;
          left: -2px;
          border-radius: 50%; }
  .laps-row > div {
    width: 100%;
    text-align: center;
    flex: 1; }
    @media screen and (max-width: 1280px) {
      .laps-row > div {
        font-size: 0.8em; } }
    .laps-row > div.dbl {
      flex: 2; }
      .laps-row > div.dbl > div span {
        width: 50%;
        display: block;
        float: left; }
    .laps-row > div:not(.nofilter) {
      border-left: 1px solid #B4B4B4;
      padding: 10px 0; }
    .laps-row > div .ci {
      font-size: 2.5em;
      color: #4D4D4D; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.modal {
  padding: 0 50px;
  font-size: 13px;
  color: #666666;
  background: #ffffff; }
  .modal [type=radio] + label {
    font-weight: 600;
    color: #4D4D4D; }
  .modal [type=radio]:checked + label:after {
    border: 3px solid #ffffff;
    background-color: #0079ff; }
  .modal [type=radio]:not(:checked) + label:before {
    background-color: #ececec;
    border-color: transparent; }
  .modal .loader-container {
    background: transparent !important; }
  .modal .title {
    color: #0079ff;
    text-transform: uppercase; }
    .modal .title .modal-title, .modal .title .modal-debriefing-desc {
      border-bottom: 1px solid #dbdbdb; }
  .modal-close {
    z-index: 999 !important;
    position: absolute !important;
    right: 0; }
  .modal-content {
    height: 80vh;
    padding-top: 0 !important; }
  .modal-page:not(:first-child) {
    display: none; }
  .modal-tabs {
    padding: 0;
    background: #dbdbdb;
    margin: 0;
    width: 100%; }
    .modal-tabs-content {
      display: none;
      padding-top: 40px;
      background: #dbdbdb; }
      .modal-tabs-content .title, .modal-tabs-content .content {
        background: #dbdbdb !important; }
        .modal-tabs-content .title > h4, .modal-tabs-content .content > h4 {
          color: #0079ff !important;
          font-weight: bold; }
    .modal-tabs-item {
      clear: left;
      float: left;
      position: relative;
      height: 38px;
      background: transparent;
      width: 100%;
      opacity: 0.5; }
      .modal-tabs-item.current {
        opacity: 1;
        height: auto; }
        .modal-tabs-item.current:before {
          box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.15);
          content: "";
          display: block;
          width: 100%;
          height: 5px;
          background: transparent;
          margin-top: -5px;
          position: absolute; }
        .modal-tabs-item.current > span {
          float: right;
          opacity: 1; }
        .modal-tabs-item.current .modal-tabs-content {
          display: block !important; }
      .modal-tabs-item > a {
        border-bottom: 1px #B4B4B4 solid;
        line-height: 30px;
        position: absolute;
        top: 0;
        padding: 6px 0 0 6px;
        width: 200px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.4em;
        color: #939393;
        display: block;
        z-index: 999; }
        .modal-tabs-item > a span {
          float: right;
          opacity: 0.5; }
      .modal-tabs-item > .ci {
        font-size: 1.3em;
        font-weight: 200; }
  .modal-plan {
    justify-content: space-between;
    display: flex;
    display: -webkit-flex; }
    .modal-plan-form {
      width: 420px;
      float: left;
      background: #ffffff;
      padding: 0px;
      margin-right: 20px;
      position: relative;
      flex: 1; }
      .modal-plan-form .fc-event {
        width: 100%; }
    .modal-plan-preview {
      position: relative;
      flex: 3; }
    .modal-plan .plan-newseance.grey {
      color: #ffffff; }
    .modal-plan .dialog-btn {
      box-shadow: none !important;
      margin: 0;
      background: #ffffff;
      width: 100% !important;
      cursor: default; }
      .modal-plan .dialog-btn:hover {
        background: #ffffff; }
    .modal-plan .modal-file {
      padding: 0 !important; }
    .modal-plan .alert {
      clear: left; }
    .modal-plan .loader-container {
      left: 0;
      top: 15px;
      position: absolute;
      transform: scale(0.5); }
    .modal-plan .modal-file-subtitle,
    .modal-plan .modal-tabs,
    .modal-plan .modal-workout {
      margin: 0; }
    .modal-plan .modal-section {
      padding: 0 20px; }
      .modal-plan .modal-section:before {
        display: none; }
    .modal-plan .modal-tabs-item a {
      display: none; }
    .modal-plan .modal-file-subtitle, .modal-plan .modal-tabs {
      margin: 0; }
  .modal-file {
    width: 100%;
    height: 110px;
    position: relative;
    background: #fff;
    z-index: 9; }
    .modal-file:before {
      box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.1);
      content: "";
      width: 97%;
      display: block;
      position: absolute;
      height: 10px;
      top: 100px;
      margin: 0 1.5%; }
    .modal-file-subtitle {
      float: left;
      display: flex;
      align-items: center;
      width: 100%; }
      .modal-file-subtitle > p {
        padding: 6px 0 0 60px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.4em;
        color: #939393; }
    .modal-file > .row {
      height: 100%;
      margin: 0 !important;
      background: #ffffff;
      z-index: 99;
      position: relative; }
      .modal-file > .row .col {
        height: 100%;
        padding-left: 20px; }
        .modal-file > .row .col.valign {
          justify-content: center;
          flex-direction: column;
          display: flex;
          display: -webkit-flex; }
          .modal-file > .row .col.valign img {
            width: 100%;
            height: auto; }
        .modal-file > .row .col:first-child {
          background: #ececec;
          border-left: 8px solid #0079ff;
          justify-content: flex-end;
          align-items: center;
          display: flex;
          display: -webkit-flex;
          flex-direction: row; }
          .modal-file > .row .col:first-child .ci {
            font-size: 3em;
            float: right; }
    .modal-file-title {
      margin: 0 !important;
      padding: 0 !important;
      color: #000000;
      font-size: 27px !important;
      line-height: 28px !important; }
      .modal-file-title + p {
        margin: 0;
        color: #4D4D4D; }
    .modal-file-objectives {
      position: absolute;
      right: 0px;
      top: 20px; }
  .modal-workout {
    padding: 0 50px;
    background: #dbdbdb; }
  .modal small {
    color: #939393;
    text-align: center;
    font-size: 12px; }
  .modal .ci {
    color: #939393; }
    .modal .ci.cat {
      color: #000000; }
  .modal-table {
    margin: 0 !important; }
    .modal-table-training td {
      color: black;
      font-size: 1.3em;
      border: 0 !important;
      text-align: center;
      line-height: 26px;
      padding: 0; }
  .modal-tr {
    border-bottom: 1px solid #666666; }
  .modal-td {
    width: 33.333%;
    border: 0; }
    .modal-td .conditions > p {
      clear: left;
      line-height: 1.2em; }
    .modal-td.blue {
      color: #ffffff; }
    .modal-td .repetitions {
      font-family: caprina; }
    .modal-td #context-form-location form > div {
      display: flex;
      display: -webkit-flex; }
    .modal-td #context-form-location form .discipline-code {
      flex-wrap: wrap;
      display: flex;
      display: -webkit-flex; }
  .modal-pdflink {
    color: #4D4D4D;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
    position: relative !important;
    top: -40px;
    z-index: 999; }
    .modal-pdflink .ci {
      font-size: 2em;
      color: #4D4D4D;
      margin: 5px; }
  .modal-title, .modal-debriefing-desc {
    color: #0079ff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3em;
    padding: 20px 0px 0;
    margin: 0; }
  .modal-subtable {
    min-width: 600px; }
    .modal-subtable tr:not(:first-child) {
      border-top: 1px solid #B4B4B4; }
    /*.modal-subtable tr td span.tooltipped {
      display: none; }*/
    .modal-subtable > tbody > tr > td {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0 !important; }
      .modal-subtable > tbody > tr > td > div {
        flex: 1; }
        .modal-subtable > tbody > tr > td > div.zli, .modal-subtable > tbody > tr > td > div.alternance {
          min-width: 120px; }
    .modal-subtable-child tr {
      border: none !important; }
      .modal-subtable-child tr td {
        font-size: 1em; }
  .modal-section {
    padding: 0 150px 30px; }
    .modal-section-before, .modal-section-after {
      background: #dbdbdb; }
      .modal-section-before .modal-td, .modal-section-after .modal-td {
        vertical-align: top;
        padding: 50px 20px 50px 0; }
        .modal-section-before .modal-td:first-child, .modal-section-after .modal-td:first-child {
          width: 13%; }
        .modal-section-before .modal-td .modal-subtitle, .modal-section-after .modal-td .modal-subtitle {
          padding: 0; }
        .modal-section-before .modal-td .ci, .modal-section-after .modal-td .ci {
          float: left;
          display: block;
          height: 100%;
          font-size: 2em;
          margin-right: 10px; }
          .modal-section-before .modal-td .ci ~ p, .modal-section-after .modal-td .ci ~ p {
            padding-left: 50px;
            margin: 0; }
    .modal-section-before {
      position: relative; }
      .modal-section-before tr:first-child td {
        border-bottom: 1px solid #B4B4B4; }
    .modal-section-training .modal-subtitle {
      color: #808080;
      font-size: 20px;
      margin-top: 20px; }
    .modal-section-training-description:not(:first-child) {
      border-bottom: 1px solid #dbdbdb; }
    .modal-section-training-content {
      display: flex;
      padding: 20px 0;
      border-bottom: 1px solid #B4B4B4;
      margin-bottom: 20px; }
      .modal-section-training-content > p {
        padding: 0 20px; }
      .modal-section-training-content .ci {
        color: #0079ff;
        font-size: 3em;
        float: left; }
  .modal-debriefing {
    flex-direction: column;
    display: flex;
    display: -webkit-flex; }
    .modal-debriefing li {
      line-height: 2em; }
      .modal-debriefing li > p {
        margin: 0; }
        .modal-debriefing li > p.left {
          display: flex;
          display: -webkit-flex;
          align-items: center; }
    .modal-debriefing-desc {
      font-family: caprina;
      font-size: 1.8em;
      padding-top: 0; }
      .modal-debriefing-desc.training {
        font-size: 1.2em;
        color: #000000; }
    .modal-debriefing .ci {
      color: #0079ff;
      font-size: 2em;
      margin-right: 10px;
      height: 40px; }

@media screen and (max-width: 1024px) and (orientation: portrait) {
  .modal {
    padding: 0 !important; }
    .modal-file {
      padding: 0;
      height: 82px; }
      .modal-file:before {
        top: 82px; }
      .modal-file-title {
        font-size: 1.5em !important;
        line-height: 1em !important; }
    .modal-workout {
      margin: 0;
      position: relative; }
    .modal-pdflink {
      position: absolute;
      right: 15px; }
    .modal-section {
      padding: 0 15px; }
      .modal-section > div {
        overflow-x: overlay;
        width: 100%; } }

.timeline {
  margin-top: 50px; }
  .timeline-content {
    min-height: 0 !important; }
  .timeline .remove-comment, .timeline .edit-comment {
    padding: inherit !important;
    height: 34px !important; }
  .timeline .btn i {
    display: inline !important; }

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .modal {
    padding: 0; }
    .modal-workout {
      position: relative; }
    .modal-pdflink {
      position: absolute;
      right: 15px; }
    .modal-section {
      padding: 0 15px; }
      .modal-section > div {
        overflow-x: overlay;
        width: 100%; } }

#calendarPanel #workoutShowModal .modal-content, #calendarPanel #final-workout .modal-content, .page_workout_template #workoutShowModal .modal-content, .page_workout_template #final-workout .modal-content, .page_workout_template_new #workoutShowModal .modal-content, .page_workout_template_new #final-workout .modal-content {
  padding: 0 !important; }

#calendarPanel #workoutShowModal .modal-file-subtitle, #calendarPanel #workoutShowModal .modal-tabs, #calendarPanel #workoutShowModal .modal-page, #calendarPanel #final-workout .modal-file-subtitle, #calendarPanel #final-workout .modal-tabs, #calendarPanel #final-workout .modal-page, .page_workout_template #workoutShowModal .modal-file-subtitle, .page_workout_template #workoutShowModal .modal-tabs, .page_workout_template #workoutShowModal .modal-page, .page_workout_template #final-workout .modal-file-subtitle, .page_workout_template #final-workout .modal-tabs, .page_workout_template #final-workout .modal-page, .page_workout_template_new #workoutShowModal .modal-file-subtitle, .page_workout_template_new #workoutShowModal .modal-tabs, .page_workout_template_new #workoutShowModal .modal-page, .page_workout_template_new #final-workout .modal-file-subtitle, .page_workout_template_new #final-workout .modal-tabs, .page_workout_template_new #final-workout .modal-page {
  margin: 0; }

#calendarPanel #workoutShowModal .modal-tabs-item > a, #calendarPanel #final-workout .modal-tabs-item > a, .page_workout_template #workoutShowModal .modal-tabs-item > a, .page_workout_template #final-workout .modal-tabs-item > a, .page_workout_template_new #workoutShowModal .modal-tabs-item > a, .page_workout_template_new #final-workout .modal-tabs-item > a {
  display: none; }

#calendarPanel #workoutShowModal .modal-table, #calendarPanel #final-workout .modal-table, .page_workout_template #workoutShowModal .modal-table, .page_workout_template #final-workout .modal-table, .page_workout_template_new #workoutShowModal .modal-table, .page_workout_template_new #final-workout .modal-table {
  min-height: auto; }

#calendarPanel #workoutShowModal .modal-table-training i.ci, #calendarPanel #final-workout .modal-table-training i.ci, .page_workout_template #workoutShowModal .modal-table-training i.ci, .page_workout_template #final-workout .modal-table-training i.ci, .page_workout_template_new #workoutShowModal .modal-table-training i.ci, .page_workout_template_new #final-workout .modal-table-training i.ci {
  float: none;
  font-size: inherit; }

#calendarPanel #workoutShowModal .modal-section-before .modal-td, #calendarPanel #workoutShowModal .modal-section-after .modal-td, #calendarPanel #final-workout .modal-section-before .modal-td, #calendarPanel #final-workout .modal-section-after .modal-td, .page_workout_template #workoutShowModal .modal-section-before .modal-td, .page_workout_template #workoutShowModal .modal-section-after .modal-td, .page_workout_template #final-workout .modal-section-before .modal-td, .page_workout_template #final-workout .modal-section-after .modal-td, .page_workout_template_new #workoutShowModal .modal-section-before .modal-td, .page_workout_template_new #workoutShowModal .modal-section-after .modal-td, .page_workout_template_new #final-workout .modal-section-before .modal-td, .page_workout_template_new #final-workout .modal-section-after .modal-td {
  padding: 20px; }

.page_workout_template_new #final-workout .modal-file {
  padding: 0; }
  .page_workout_template_new #final-workout .modal-file .modal-section {
    padding: 15px 50px; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

@media screen and (max-width: 768px) {
  .stats {
    overflow: auto;
    padding-bottom: 20px; } }

.stats-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .stats-row {
      min-width: 768px; } }

.stats-item {
  text-align: center;
  width: 100%; }
  .stats-item .count {
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    color: #000000;
    display: block;
    line-height: 1em;
    font-size: 1.5em !important; }
    @media screen and (max-width: 1280px) {
      .stats-item .count {
        font-size: 1.7em !important; } }
    @media screen and (max-width: 768px) {
      .stats-item .count {
        font-size: 1.3em !important; } }
  .stats-item a {
    color: #4D4D4D !important;
    float: none !important;
    display: block;
    max-width: 300px;
    margin: 0 auto; }
    .stats-item a i + div {
      justify-content: center;
      display: flex;
      display: -webkit-flex; }
    .stats-item a > div > div:not(.name) {
      float: left;
      width: 50%;
      margin-top: -20px;
      color: #0079ff; }
  .stats-item .ci, .stats-item .mdi, .stats-item .fa {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #666666; }
    .stats-item .ci.blue, .stats-item .mdi.blue, .stats-item .fa.blue {
      color: #0079ff; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

.resume {
  margin: 20px;
  border-top: 1px solid #B4B4B4;
  border-bottom: 1px solid #B4B4B4; }
  .resume-row {
    padding: 0 20px;
    display: flex;
    display: -webkit-flex;
    transition: all 0.25s linear; }
    .resume-row:not(:last-child) {
      border-bottom: 1px solid #dbdbdb; }
    .resume-row:hover {
      background: #ffffff;
      box-shadow: 0px 0px 5px 5px #dbdbdb;
      font-weight: bold; }
      .resume-row:hover .col.s7 {
        border-color: #ffffff; }
    .resume-row .col {
      margin: 0 !important;
      padding-top: 20px;
      padding-bottom: 20px; }
      .resume-row .col.s7 {
        transition: border-color 0.25s linear;
        padding-left: 20px;
        border-left: 1px solid #dbdbdb; }

@font-face {
  font-family: caprina;
  src: url(../font/caprinabook.otf); }

@font-face {
  font-family: caprinabold;
  src: url(../font/caprinabold.otf); }

@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.woff); }

section.content-wrap #main_content.page_dashboard .row:first-child .nextCompetitionTimer {
  margin-top: -42px;
  margin-bottom: 35px; }

section.content-wrap #main_content.page_calendar {
  padding: 0px 15px 0px 0px;
  background-color: #f2f2f2; }
  section.content-wrap #main_content.page_calendar h1 {
    margin: 0 60px;
    padding: 50px 0 0;
    font-family: caprinabold;
    font-size: 32px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase; }
    section.content-wrap #main_content.page_calendar h1 > span .ci {
      font-size: 13px; }
      section.content-wrap #main_content.page_calendar h1 > span .ci:last-child {
        margin-left: -12px;
        top: -11px;
        position: relative; }
  section.content-wrap #main_content.page_calendar .content {
    background: #f2f2f2; }
  section.content-wrap #main_content.page_calendar .loader-container {
    background: #f2f2f2; }

section.content-wrap #main_content.page_training_plan {
  padding: 0px 15px 0px 0px; }
  section.content-wrap #main_content.page_training_plan .content-title {
    padding-left: 60px; }
  section.content-wrap #main_content.page_training_plan .training-plan-container {
    padding: 0 60px 210px;
    box-sizing: border-box; }

section.content-wrap #main_content.page_form {
  padding-top: 70px; }

section.content-wrap #main_content.page_sortable_table .table-search {
  min-height: auto;
  height: 30px; }

section.content-wrap #main_content.page_sortable_table #datatable_filter input {
  background-color: #ececec;
  width: 200px;
  float: left;
  min-height: auto;
  height: 30px; }

section.content-wrap #main_content.page_sortable_table #datatable_info, section.content-wrap #main_content.page_sortable_table #datatable_length {
  display: none; }

section.content-wrap #main_content.page_sortable_table table.table-bordered {
  border-top: 2px solid lightgrey;
  border-right: 0;
  border-bottom: 2px solid lightgrey;
  border-left: 0; }
  section.content-wrap #main_content.page_sortable_table table.table-bordered th:first-child, section.content-wrap #main_content.page_sortable_table table.table-bordered td:first-child {
    border-left: 0; }
  section.content-wrap #main_content.page_sortable_table table.table-bordered th:last-child, section.content-wrap #main_content.page_sortable_table table.table-bordered td:last-child {
    border-left: 0;
    border-right: 0; }
  /*section.content-wrap #main_content.page_sortable_table table.table-bordered th:nth-last-child(2), section.content-wrap #main_content.page_sortable_table table.table-bordered td:nth-last-child(2) {*/
    /*border-right: 0; }*/
  section.content-wrap #main_content.page_sortable_table table.table-bordered th {
    font-weight: normal;
    color: grey; }
    section.content-wrap #main_content.page_sortable_table table.table-bordered th:before, section.content-wrap #main_content.page_sortable_table table.table-bordered th:after {
      display: none; }
  section.content-wrap #main_content.page_sortable_table table.table-bordered td {
    color: #939393; }
    section.content-wrap #main_content.page_sortable_table table.table-bordered td:last-child {
      padding: 0; }
  section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr {
    transition: all 0.2s; }
    section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr .btn-group {
      display: none; }
      section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr .btn-group a {
        float: right;
        background: none;
        color: black;
        width: 40px;
        height: 40px;
        padding: 0px;
        padding-top: 8px; }
        section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr .btn-group a.active, section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr .btn-group a:hover {
          background-color: #0079ff;
          color: white; }
    section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr:hover {
      background-color: white;
      -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16) !important; }
      section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr:hover td {
        color: black;
        font-weight: bold; }
      section.content-wrap #main_content.page_sortable_table table.table-bordered tbody tr:hover .btn-group {
        display: block; }

section.content-wrap #main_content.page_sortable_table .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next), section.content-wrap #main_content.page_sortable_table .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.previous):not(.next) {
  border-radius: 50%;
  background-color: #ececec;
  color: black;
  box-shadow: none !important; }
  section.content-wrap #main_content.page_sortable_table .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next).current, section.content-wrap #main_content.page_sortable_table .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.previous):not(.next).current {
    background-color: white;
    color: #0079ff; }

section.content-wrap #main_content.page_monitoring {
  background-color: #f2f2f2; }
  section.content-wrap #main_content.page_monitoring .tab_content > div {
    background-color: white;
    height: 100%;
    position: relative; }
    section.content-wrap #main_content.page_monitoring .tab_content > div .top-filter {
      position: absolute;
      top: -97px;
      right: 0px; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .top-filter .select2-container {
        border: none;
        border-bottom: 1px solid;
        padding: 0;
        min-height: 20px; }
        section.content-wrap #main_content.page_monitoring .tab_content > div .top-filter .select2-container .select2-selection {
          background-color: transparent;
          text-align: left;
          padding: 0;
          min-width: 150px; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .top-filter .select-wrapper {
        padding-top: 15px; }
        section.content-wrap #main_content.page_monitoring .tab_content > div .top-filter .select-wrapper span.caret {
          top: 28px; }
    section.content-wrap #main_content.page_monitoring .tab_content > div .header {
      background-color: #f2f2f2;
      width: 100%;
      height: 230px;
      margin: 0; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .header > .col {
        height: 100%;
        padding: 20px; }
    section.content-wrap #main_content.page_monitoring .tab_content > div .datas {
      width: 100%;
      max-width: 100%;
      padding: 40px 20px 20px 20px;
      position: relative; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .datas .filter-top-left {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 10; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .datas .filter-bottom-right {
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 10; }
      section.content-wrap #main_content.page_monitoring .tab_content > div .datas .datas-top-right {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
        min-height: 0px; }
  section.content-wrap #main_content.page_monitoring .tab_content #reportPerformances {
    margin-right: 220px;
    width: 200px;
    padding: 17px; }
  section.content-wrap #main_content.page_monitoring .tab_content #reportPerformances2 {
    margin-top: 0px;
    width: 200px;
    padding: 17px; }

section.content-wrap #main_content.page_workout_template_new #workout .modal-table-training .repetitions {
  position: relative; }
  section.content-wrap #main_content.page_workout_template_new #workout .modal-table-training .repetitions input {
    background-color: #0079ff;
    border: 0; }
  section.content-wrap #main_content.page_workout_template_new #workout .modal-table-training .repetitions:after {
    content: 'x';
    position: absolute;
    right: 20px;
    bottom: 9px; }

section.content-wrap #main_content.page_workout_template_new #final-workout .modal-section-before:before {
  display: none; }

section.content-wrap #main_content.page_workout_template_new #cadenceSlider, section.content-wrap #main_content.page_workout_template_new #rpeSlider{
  height: 5px;
  background: #00ffea;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #03cad7, #0079ff);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #03cad7, #0079ff);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #03cad7, #0079ff);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #03cad7, #0079ff);
  /* Standard syntax */ }
  section.content-wrap #main_content.page_workout_template_new #cadenceSlider .noUi-handle .noUi-tooltip span, section.content-wrap #main_content.page_workout_template_new #rpeSlider .noUi-handle .noUi-tooltip span, section.content-wrap #main_content.page_workout_template_new #wbalIntensitySlider .noUi-handle .noUi-tooltip span {
    display: none; }
  section.content-wrap #main_content.page_workout_template_new #cadenceSlider .noUi-marker, section.content-wrap #main_content.page_workout_template_new #rpeSlider .noUi-marker, section.content-wrap #main_content.page_workout_template_new #wbalIntensitySlider .noUi-marker {
    top: auto;
    background-color: #999; }

section.content-wrap #main_content.page_onboarding label {
  width: 100%; }

section.content-wrap #main_content.page_onboarding .select2-container {
  margin-top: 0; }

section.content-wrap #main_content.page_onboarding textarea {
  height: auto;
  min-height: 80px; }

/*# sourceMappingURL=mainv2.css.map */