@media screen and (max-width: 960px) {
  .training-calendar-wrap {
    padding-right: 0;
    padding-left: 0; }
    .training-calendar-wrap .date-wrapper {
      width: 100%; }
      .training-calendar-wrap .date-wrapper input {
        width: 100%; }
    .training-calendar-wrap .headDate {
      padding-right: 0;
      padding-left: 0; }
      .training-calendar-wrap .headDate pre {
        padding: 0; }
    .training-calendar-wrap .training-calendar-table {
      padding-right: 0;
      padding-left: 0; }
  .selectLocationTab {
    text-align: center; }
  .addUserButton {
    width: 100%;
    margin-right: 10px !important;
    position: fixed;
    right: 0 !important;
    bottom: 20px !important;
    transform: scale(0.88, 0.88); }
    .addUserButton button {
      position: relative;
      right: -300px; }
  .workoutInput {
    max-width: 100%;
    overflow-x: scroll; }
    .workoutInput .cancelTime p {
      width: 90px !important; }
    .workoutInput .minMaxAth input {
      width: 15% !important; }
    .workoutInput .minMaxAth #maxAth {
      margin-left: -170px; }
    .workoutInput .minMaxAth p {
      font-size: 14px !important; }
    .workoutInput md-select {
      margin: 1px; }
    .workoutInput .enableRegistrationTime p {
      margin-right: 42px !important;
      margin-left: 0 !important;
      padding-left: 22px !important; }
      .workoutInput .enableRegistrationTime p:last-of-type {
        margin-left: -50px !important; }
    .workoutInput .enableRegistrationTime md-input-container {
      width: 35%; }
    .workoutInput .disableCancellationTime md-input-container {
      width: 35%; } }

.training-calendar-wrap {
  margin-top: 30px;
  padding-right: 0;
  padding-left: 0; }
  .training-calendar-wrap .addButton md-fab-actions {
    margin-right: 0; }

@media screen and (min-width: 1280px) and (max-width: 1380px) {
  .calendar-fix {
    display: none !important; }
  .calendar-fix-hide {
    display: block !important; } }

@media screen and (min-width: 960px) {
  .calendar-wrap {
    width: auto;
    height: auto;
    display: block; } }

.users-list-custom-menu li .item-title .item-icon {
  max-width: 30px;
  margin-right: 10px;
  padding: 2px;
  border-radius: 100px;
  border: 1px solid #f8f8f8; }

.headDate {
  font-size: 20px;
  font-weight: bold;
  color: #020000;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  text-align: center;
  margin-top: 20px; }

.class-loader-wrap {
  margin-top: 50px; }

.date-wrapper {
  display: inline-block; }

.trainingCalendarBtn {
  display: -webkit-inline-box;
  float: right; }
  .trainingCalendarBtn #addWorkoutBtn {
    background-color: #79c447; }
  .trainingCalendarBtn p {
    border: 6px solid white;
    background-color: white;
    color: black;
    margin-top: 10px;
    font-size: 18px;
    font-family: Tahoma;
    white-space: nowrap; }

.cloneWeekPopup {
  width: 450px;
  overflow: visible; }
  .cloneWeekPopup md-dialog-content {
    overflow: inherit; }
  .cloneWeekPopup md-input-container {
    width: 50%; }
  .cloneWeekPopup .cloneWeek {
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
    .cloneWeekPopup .cloneWeek .md-subheader-inner {
      padding: 0px; }
  .cloneWeekPopup p {
    margin: 10px;
    font-weight: bold;
    font-size: 15px; }
  .cloneWeekPopup .btn-group.dropdown {
    padding: 0px; }
  .cloneWeekPopup .weekSelectBtn {
    margin-left: 10px !important;
    min-width: 145px;
    max-width: 145px; }

.buttonClass {
  margin-top: -40px;
  display: table-caption; }
  .buttonClass .md-dialog-container.ng-scope {
    top: 0px;
    padding-left: 0px; }
  .buttonClass button.md-raised.md-primary.md-button.md-default-theme {
    width: 200%;
    margin-bottom: 10px; }

.selectedTab {
  color: #37A6F5;
  font-weight: 900; }

.trainingCalendar {
  text-align: center;
  background: #F5F5F5;
  border-radius: 4px;
  color: black; }
  .trainingCalendar #standbyUsers, .trainingCalendar #registeredUsers {
    outline: none;
    cursor: pointer; }

.trainingCalendar thead {
  background-color: #37A6F5;
  color: white;
  font-size: 16px; }

.editDelete {
  cursor: pointer; }

.calendarSideBar {
  margin-top: 30px; }
  .calendarSideBar h4 {
    margin: 0;
    padding: 0; }

.workoutPopup {
  width: 700px; }
  .workoutPopup .addWorkout, .workoutPopup .editWorkout {
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
    .workoutPopup .addWorkout .md-subheader-inner, .workoutPopup .editWorkout .md-subheader-inner {
      padding: 0px; }
  .workoutPopup .workoutInput {
    font-size: 14px;
    padding: 0px; }
    .workoutPopup .workoutInput md-select-value {
      color: black; }
  .workoutPopup .addBtn, .workoutPopup .doneEditing {
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px; }
  .workoutPopup md-select.md-default-theme .md-select-label.md-placeholder {
    color: black; }
  .workoutPopup h2.md-sticky-no-effect.md-subheader.md-default-theme {
    font-size: 20px;
    width: 100%;
    background-color: #30426a;
    color: white;
    line-height: 10px; }
  .workoutPopup .md-label {
    margin-left: 10px; }
  .workoutPopup md-select-label {
    margin-left: 7px;
    width: 190px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px; }
  .workoutPopup .checkboxDays {
    display: -webkit-inline-box;
    margin-bottom: -30px; }
    .workoutPopup .checkboxDays md-checkbox {
      padding-left: 15px;
      padding-top: 3px; }
  .workoutPopup .checkboxDays p {
    position: relative;
    margin-left: 16px;
    padding-right: 15px;
    color: black;
    margin-top: 8px; }
  .workoutPopup button.md-raised.md-primary.md-button.md-default-theme {
    width: 60%;
    margin-left: 100px;
    margin-bottom: 10px; }
  .workoutPopup .timePicker {
    display: -webkit-inline-box;
    margin-top: -15px; }
  .workoutPopup .timePickerEdit {
    display: -webkit-inline-box;
    margin-top: -15px;
    margin-left: -12px; }
  .workoutPopup .locations {
    width: 40%;
    margin-left: 20px; }
  .workoutPopup .locationsEdit {
    width: 40%;
    margin: -10px 0 15px 15px; }
  .workoutPopup .timePickerEdit p {
    margin-left: 25px;
    width: 98px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 33px;
    margin-right: 5px; }
  .workoutPopup .timePicker p {
    margin-left: 14px;
    width: 98px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding-top: 40px;
    margin-right: 5px; }
  .workoutPopup #requiredCategory {
    color: red;
    font-size: 12px;
    text-align: center; }
  .workoutPopup #endHour {
    margin-left: 22px; }
  .workoutPopup .minMaxAth, .workoutPopup .cancelTime, .workoutPopup .disableCancellationTime, .workoutPopup .enableRegistrationTime {
    display: -webkit-inline-box; }
    .workoutPopup .minMaxAth md-input-container, .workoutPopup .cancelTime md-input-container, .workoutPopup .disableCancellationTime md-input-container, .workoutPopup .enableRegistrationTime md-input-container {
      margin-top: -5px; }
  .workoutPopup .minMaxAth p {
    margin-left: -15px;
    width: 100px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px; }
  .workoutPopup #maxAth {
    margin-left: -49px; }
  .workoutPopup .minMaxAth input {
    width: 60%; }
  .workoutPopup .cancelTime input {
    width: 25%;
    text-align: center; }
  .workoutPopup .enableRegistrationTime input, .workoutPopup .disableCancellationTime input {
    width: 55%;
    text-align: center; }
  .workoutPopup .cancelTime p, .workoutPopup .enableRegistrationTime p, .workoutPopup .disableCancellationTime p {
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px; }
  .workoutPopup .cancelTime p:first-child, .workoutPopup .enableRegistrationTime p:first-child, .workoutPopup .disableCancellationTime p:first-child {
    width: 90px;
    text-align: center; }
  .workoutPopup .enableRegistrationTime p:first-child, .workoutPopup .disableCancellationTime p:first-child {
    white-space: nowrap;
    padding-left: 25px;
    margin-right: 60px; }
  .workoutPopup .enableRegistrationTime p:last-child, .workoutPopup .disableCancellationTime p:last-child {
    margin-left: -60px;
    white-space: nowrap; }
  .workoutPopup .cancelTime p:last-child {
    margin-left: -120px;
    white-space: nowrap; }

.addUsersPopup {
  overflow: visible !important; }
  .addUsersPopup md-dialog-content {
    overflow: inherit; }
  .addUsersPopup .addUsers {
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
    .addUsersPopup .addUsers .md-subheader-inner {
      padding: 0px; }
  .addUsersPopup h2.md-sticky-no-effect.cloneWeek.md-subheader.md-default-theme {
    font-size: 20px;
    width: 100%;
    background-color: #30426a;
    color: white;
    font-weight: 800;
    line-height: 10px; }
  .addUsersPopup .angucomplete-dropdown {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left; }
  .addUsersPopup .userSearchField {
    margin-top: 30px;
    margin-left: 10px;
    padding: 0px; }
  .addUsersPopup .removeBorder {
    border: none !important; }
  .addUsersPopup p {
    font-weight: 600;
    padding-left: 10px;
    margin-bottom: -15px;
    margin-top: 10px; }

.standbyUsersPopup {
  width: 400px; }
  .standbyUsersPopup .standbyUsers {
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
  .standbyUsersPopup .users {
    padding-top: 10px; }
    .standbyUsersPopup .users button {
      font-size: 12px;
      color: white;
      background-color: #37A6F5;
      border-radius: 15px;
      margin-left: 15px;
      font-family: Arial; }
    .standbyUsersPopup .users button:hover {
      background-color: #3089cb !important; }
  .standbyUsersPopup .closeBtn {
    padding: 0; }
    .standbyUsersPopup .closeBtn button {
      width: 90%;
      margin: 0 auto;
      display: block;
      margin-bottom: 10px; }

.selectLocationTab {
  cursor: pointer; }

.listedUsersPopup {
  width: 400px; }
  @media screen and (max-width: 960px) {
    .listedUsersPopup .md-subheader-inner {
      padding: 7px; }
      .listedUsersPopup .md-subheader-inner .no-btn {
        height: 30px; } }
  .listedUsersPopup .userRegistered .removeUser {
    position: absolute;
    margin-left: 5px;
    margin-top: -5px;
    cursor: pointer; }
  .listedUsersPopup .listedUsers {
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
  .listedUsersPopup .userRegistered {
    padding-top: 10px; }
    .listedUsersPopup .userRegistered #userBtn, .listedUsersPopup .userRegistered #addUsersBtn, .listedUsersPopup .userRegistered #deleteUsersBtn {
      font-size: 12px;
      color: white;
      background-color: #37A6F5;
      border-radius: 15px;
      margin-bottom: 10px;
      margin-left: 15px;
      font-family: Arial; }
    .listedUsersPopup .userRegistered #deleteUsersBtn {
      background-color: red !important; }
    .listedUsersPopup .userRegistered #addUsersBtn, .listedUsersPopup .userRegistered #deleteUsersBtn {
      width: 30px;
      line-height: 30px;
      height: 30px;
      border-radius: 30px;
      font-size: 20px;
      min-width: 0px;
      min-height: 0px; }
  .listedUsersPopup .closeBtn {
    padding: 0; }
    .listedUsersPopup .closeBtn button {
      width: 90%;
      margin: 0 auto;
      display: block;
      margin-bottom: 10px; }

.heb .trainingCalendarBtn {
  float: left; }

.newPaymentPopup {
  width: 700px;
  margin: 0 auto;
  height: 300px;
  white-space: nowrap; }
  .newPaymentPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .newPaymentPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .newPaymentPopup .dataInput md-select {
    margin-top: 25px; }
  .newPaymentPopup .dataInput input[type=date] {
    padding-top: 0px; }
  .newPaymentPopup .row {
    padding: 0; }
  .newPaymentPopup .itemLabel {
    display: flex; }
  .newPaymentPopup textarea {
    width: 100%;
    height: 100px; }
  .newPaymentPopup .finishBtns {
    bottom: 10px;
    position: absolute;
    right: 0; }

.add-payment-popup.md-dialog-custom-styling .md-content-container-custom-styling {
  margin-top: 10px; }

.add-payment-popup.md-dialog-custom-styling md-input-container .md-errors-spacer {
  display: none; }

@media screen and (max-width: 960px) {
  .loginWrapper {
    background-image: url("../img/loginBackground.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: static;
    width: 100%;
    left: 0; }
    .loginWrapper .form-signin {
      padding: 18px 17px 18px;
      margin: 0 auto;
      background-color: transparent;
      opacity: 0.6;
      width: 90%; }
    .loginWrapper .form-control {
      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 0px; }
    .loginWrapper button {
      border-radius: 0px; } }

#layout-content-only {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%; }
  #layout-content-only md-content {
    top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0; }
  #layout-content-only .loader-auth {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    #layout-content-only .loader-auth .dark-loader {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: black;
      opacity: 0.3; }
    #layout-content-only .loader-auth md-progress-circular {
      top: 50%; }

@media screen and (min-width: 960px) {
  .loginWrapper {
    background-image: url("../img/loginBackground.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover; }
    .loginWrapper .form-signin {
      padding: 18px 17px 18px;
      margin: 0 auto;
      background-color: transparent;
      opacity: 0.6;
      width: 65%; }
    .loginWrapper .form-control {
      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 0px; }
    .loginWrapper button {
      border-radius: 0px; } }

#calendar {
  padding-top: 20px;
  background: #FFFFFF; }
  #calendar .header {
    position: relative;
    background-size: 100% auto;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    color: black;
    font-size: 18px;
    padding-bottom: 16px;
    transition: all ease .1s; }
    #calendar .header:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      background-image: url("../img/wide_background.png");
      background-position: center; }
    #calendar .header .header-content {
      height: 100%; }
      #calendar .header .header-content .header-top {
        position: relative;
        z-index: 2; }
        #calendar .header .header-content .header-top .location-box-select {
          margin-left: 50px; }
        #calendar .header .header-content .header-top .logo .logo-icon {
          margin-right: 16px; }
        #calendar .header .header-content .header-top .logo .logo-text {
          font-size: 24px; }
      #calendar .header .header-content .header-bottom {
        position: relative;
        z-index: 2; }
        #calendar .header .header-content .header-bottom .title {
          font-size: 20px;
          min-width: 160px;
          text-align: center;
          font-weight: bold;
          position: relative; }
          #calendar .header .header-content .header-bottom .title .event-loader-wrap {
            position: absolute;
            top: -35px;
            left: 50%; }
    #calendar .header .add-event-button {
      position: absolute;
      right: 18px;
      bottom: -32px; }
    #calendar .header md-icon {
      color: #428bca; }
      #calendar .header md-icon.icon-chevron-left:before, #calendar .header md-icon.icon-chevron-right:before {
        font-weight: bold; }
  #calendar .content {
    padding: 0; }
    #calendar .content .calendarView {
      overflow: auto; }
      #calendar .content .calendarView .fsm-sticky-header {
        transition: all .2s ease;
        background: rgba(255, 255, 255, 0.8); }
        #calendar .content .calendarView .fsm-sticky-header .fc-widget-header th {
          font-weight: bold !important; }
      #calendar .content .calendarView.fc .fc-widget-header {
        border: none;
        color: rgba(0, 0, 0, 0.54); }
        #calendar .content .calendarView.fc .fc-widget-header .fc-day-header {
          text-align: left;
          border: none;
          font-weight: 500;
          padding: 8px; }
      #calendar .content .calendarView.fc .fc-widget-content {
        color: rgba(0, 0, 0, 0.54); }
        #calendar .content .calendarView.fc .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-day-number {
          text-align: left;
          padding: 8px 8px 0 8px; }
        #calendar .content .calendarView.fc .fc-widget-content .fc-time-grid-container {
          overflow: hidden;
          height: auto !important; }
          #calendar .content .calendarView.fc .fc-widget-content .fc-time-grid-container .fc-axis {
            font-weight: 500;
            border: none; }
      #calendar .content .calendarView.fc .fc-day-grid-event {
        margin: 4px 8px 0 8px;
        padding: 2px 4px;
        font-size: 13px;
        color: #FFFFFF; }
      #calendar .content .calendarView.fc .fc-time-grid-event {
        color: #FFFFFF; }
      #calendar .content .calendarView.fc .fc-month-view {
        padding: 24px; }
      #calendar .content .calendarView.fc .fc-agenda-view .fc-widget-header .fc-day-header {
        border: 1px solid #DDD;
        line-height: 50px;
        font-size: 17px; }
      #calendar .content .calendarView.fc .fc-agenda-view > table > tbody > tr > td.fc-widget-content {
        border: none; }
      #calendar .content .calendarView.fc .fc-agenda-view .fc-minor .fc-widget-content {
        border-top: none; }
      #calendar .content .calendarView.fc .fc-agenda-view .fc-week, #calendar .content .calendarView.fc .fc-agenda-view .fc-day {
        height: 100px !important; }
      #calendar .content .calendarView.fc .fc-agenda-view .fc-widget-content {
        height: 50px; }
      #calendar .content .calendarView.fc .fc-agenda-view .fc-axis {
        padding-left: 24px; }
    #calendar .content .fc-day-grid-event .more-content {
      display: none; }
    #calendar .content .fc-v-event .fc-content, #calendar .content .fc-event .fc-content {
      direction: ltr; }
      #calendar .content .fc-v-event .fc-content .regular-client-holder .event-icon, #calendar .content .fc-event .fc-content .regular-client-holder .event-icon {
        min-width: 12px; }
      #calendar .content .fc-v-event .fc-content .event-icon, #calendar .content .fc-event .fc-content .event-icon {
        font-size: 12px;
        width: 12px;
        min-width: 16px;
        line-height: 18px;
        padding: 0 1px; }
        #calendar .content .fc-v-event .fc-content .event-icon.fa-child, #calendar .content .fc-event .fc-content .event-icon.fa-child {
          font-size: 15px; }
        #calendar .content .fc-v-event .fc-content .event-icon.icon-alarm-plus, #calendar .content .fc-event .fc-content .event-icon.icon-alarm-plus {
          font-size: 16px;
          width: 15px;
          min-width: 19px;
          color: white;
          line-height: 18px; }
      #calendar .content .fc-v-event .fc-content .more-content, #calendar .content .fc-event .fc-content .more-content {
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 18px; }
    #calendar .content .fc-v-event .fc-title, #calendar .content .fc-event .fc-title {
      font-weight: bold;
      font-size: 14px; }
    #calendar .content .fc-v-event.cancelled:before, #calendar .content .fc-event.cancelled:before {
      background: repeating-linear-gradient(45deg, transparent 10px, transparent 15px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.2) 20px);
      width: 100%;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 100%; }
    #calendar .content .fc-v-event.cat-color-1, #calendar .content .fc-event.cat-color-1 {
      background-color: #0bbcb2;
      border-color: #0e9189; }
    #calendar .content .fc-v-event.cat-color-2, #calendar .content .fc-event.cat-color-2 {
      background-color: #5466ed;
      border-color: #4c53e5; }
    #calendar .content .fc-v-event.cat-color-3, #calendar .content .fc-event.cat-color-3 {
      background-color: #367de9;
      border-color: #2c5db3; }
    #calendar .content .fc-v-event.cat-color-4, #calendar .content .fc-event.cat-color-4 {
      background-color: #66c1a0;
      border-color: #4b8e75; }
    #calendar .content .fc-v-event.cat-color-5, #calendar .content .fc-event.cat-color-5 {
      background-color: #51b749;
      border-color: #51b749; }
    #calendar .content .fc-v-event.cat-color-6, #calendar .content .fc-event.cat-color-6 {
      background-color: #e3b345;
      border-color: #dbab3e; }
    #calendar .content .fc-v-event.cat-color-7, #calendar .content .fc-event.cat-color-7 {
      background-color: #f39138;
      border-color: #d67e2f; }
    #calendar .content .fc-v-event.cat-color-8, #calendar .content .fc-event.cat-color-8 {
      background-color: #ff887c;
      border-color: #ff887c; }
    #calendar .content .fc-v-event.cat-color-9, #calendar .content .fc-event.cat-color-9 {
      background-color: #dc2127;
      border-color: #dc2127; }
    #calendar .content .fc-v-event.cat-color-10, #calendar .content .fc-event.cat-color-10 {
      background-color: #c08ce9;
      border-color: #a768d8; }
    #calendar .content .fc-v-event.cat-color-11, #calendar .content .fc-event.cat-color-11 {
      background-color: #848484;
      border-color: #787878; }
    #calendar .content .fc-v-event.cat-color-12, #calendar .content .fc-event.cat-color-12 {
      background-color: #913123;
      border-color: #74291d; }

@media screen and (max-width: 600px) {
  #calendar .header {
    padding: 8px; }
    #calendar .header .header-content .header-top .location-box-select {
      margin-left: 0px; }
    #calendar .header .header-content .header-top .logo {
      margin-bottom: 16px; }
    #calendar .header .add-event-button {
      right: 10px; } }

.heb .tablet-forms-global-container, .external .tablet-forms-global-container {
  direction: rtl; }

#register-flow-tablet {
  width: 100vw;
  height: 100%; }
  #register-flow-tablet .tablet-forms-global-container {
    height: calc(100vh - (54px + 62px + 73px));
    width: 940px;
    margin: 0 auto;
    padding: 10px 10px; }
  #register-flow-tablet h1,
  #register-flow-tablet h2,
  #register-flow-tablet h3,
  #register-flow-tablet p {
    padding: 0;
    margin: 0; }
  #register-flow-tablet h2 {
    font-size: 18px; }
  #register-flow-tablet .hello-user {
    margin-bottom: 20px; }
  #register-flow-tablet .wellcome-wrapper {
    width: 100vw;
    height: calc(100vh - 54px);
    background: url("../img/arbox-triangular-background.jpg");
    background-size: cover;
    background-position: 50%; }
    #register-flow-tablet .wellcome-wrapper img {
      width: 280px;
      max-width: 100%; }
    #register-flow-tablet .wellcome-wrapper p {
      color: #37a6f5;
      font-size: 31px;
      padding: 50px 0; }
    #register-flow-tablet .wellcome-wrapper .md-button {
      background-color: #37a6f5;
      box-shadow: 0px 5px 11px 1px rgba(84, 81, 81, 0.619608);
      width: 128px;
      height: 52px;
      font-size: 18px; }
    #register-flow-tablet .wellcome-wrapper .tablet-process-end-wrapper p {
      padding: 0; }
      #register-flow-tablet .wellcome-wrapper .tablet-process-end-wrapper p:first-of-type {
        padding: 30px 0; }
  #register-flow-tablet .content-tablet-wrapper {
    width: 100vw;
    height: calc(100vh - (54px + 62px));
    background: url("../img/arbox-triangular-background.jpg");
    background-size: cover;
    background-position: 50%; }
  #register-flow-tablet user-flow-actions {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    bottom: 0; }
  @media screen and (max-width: 600px) {
    #register-flow-tablet .forms-container-tablet {
      height: 100%;
      width: 100%;
      padding: 15px 15px calc(73px + 15px) 15px;
      margin: 0; }
    #register-flow-tablet .tablet-forms-global-container {
      height: auto;
      width: 100%;
      padding: 0; } }

#datePicker {
  margin-bottom: -7px;
  margin-top: 12px;
  color: #777777;
  font-weight: 100; }

.workoutsSkillTitle .md-select-icon {
  margin-left: -5px !important; }

.workoutsSkillTitle .workoutsSkillText {
  font-size: 18px;
  margin-top: 3px; }

.workoutsSkillTitle .workoutsSkillComboBox {
  margin-top: 2px;
  border: 1px solid black; }

.workoutsSkillTitle .workoutsTypeComboBox {
  margin-left: -90px; }

.workoutsSkillTitle md-content.md-default-theme {
  width: 100%; }

.workoutsSkillTitle md-select {
  margin-top: -20px;
  width: 110%;
  margin-left: -85px; }

.workoutsSkillTitle .inputForTypeSelect {
  position: inherit;
  margin-left: 384px;
  margin-top: -78px;
  width: 62%;
  text-align: center; }

.workoutsSkillTitle .inputForSkillSelect {
  width: 70%;
  text-align: center;
  margin-left: -25px; }

.workoutsSkillTitle .buttonSkillAdd {
  margin-left: 50px; }

.workoutsSkillTitle .requiredFields {
  margin-top: 50px;
  margin-left: 40px; }

.workoutsSkillTitle .angucomplete-dropdown {
  overflow-y: auto;
  max-height: 200px;
  text-align: left; }

.workoutsSkillTitle md-input-container.cancel-overflow-x.md-default-theme {
  margin-top: 25px; }

.workoutsSkillTitle .md-input {
  width: 100%; }

.workoutsSkillTitle .numberIndex {
  margin-top: 30px;
  font-size: 19px;
  margin-left: 20px;
  margin-right: -10px; }

.workoutsSkillTitle .workoutSkillContent button {
  margin-top: 25px; }

.workoutsSkillTitle .inputForTypeSelect md-input-container {
  padding-right: 10px; }

.workoutsSkillTitle .RmOption {
  width: 10%;
  margin-top: 28px;
  margin-left: 1px; }

.workoutsSkillTitle button {
  margin-left: -1px; }

.createWorkOutHeader {
  font-size: 20px; }
  .createWorkOutHeader .freeText {
    margin-top: 25px; }

h2.md-sticky-no-effect.addNew.md-subheader.md-default-theme {
  width: 100%;
  background-color: #37A6F5;
  color: white;
  font-weight: bold; }

.createWorkOutHeader md-select {
  margin-top: 35px;
  width: 100%; }

.workoutsHr {
  background-color: black !important;
  height: 1px;
  border: none;
  margin-top: 0px;
  margin-bottom: 0px; }

.autocomplete-label {
  margin-top: -50px; }

.cancel-overflow-x {
  overflow-x: visible !important; }

.addWorkoutButton {
  float: right; }

@media screen and (min-width: 1400px) {
  .workoutsSkillTitle {
    width: 80%; }
  .workoutsSkillTitle md-select {
    margin-left: -80px; }
  .workoutsSkillTitle .workoutsTypeComboBox {
    margin-left: -80px; }
  .workoutsSkillTitle .inputForTypeSelect {
    margin-left: 560px; }
  .workoutsSkillTitle .inputForSkillSelect {
    width: 80%;
    margin-left: -75px; }
  .workoutsSkillTitle .numberIndex {
    margin-left: -20px; } }

.coachProfileDetails .union-profile-actions {
  display: -webkit-inline-box; }
  .coachProfileDetails .union-profile-actions p {
    border: 6px solid white;
    background-color: white;
    color: black;
    margin-top: 10px;
    font-size: 18px;
    font-family: Tahoma;
    white-space: nowrap; }

.coachProfileDetails .union-row {
  min-height: 48px; }

.coachProfileDetails .tableHeader {
  border-bottom: 1px solid #d6d6d6;
  background: #fcfcfc;
  height: 40px; }

.coachProfileDetails .settings-card-row {
  background: #fcfcfc;
  border-bottom: 2px solid #f3f3f3; }

.coachProfileDetails .headline {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0;
  color: #37a6f5; }

.coachProfileDetails .coachReport {
  padding-left: 9px; }
  .coachProfileDetails .coachReport .dateBtn {
    margin-top: 25px; }

.coachProfileDetails .excel-export {
  top: 435px; }
  .coachProfileDetails .excel-export img {
    max-width: 100%; }

.coachProfileDetails .capitalize {
  text-transform: capitalize; }

.coachProfileDetails .history-card .vertical-container {
  height: 292px;
  width: 100%; }

.coachProfileDetails .history-card .repeated-item {
  box-sizing: border-box;
  height: 40px;
  padding-top: 10px; }
  .coachProfileDetails .history-card .repeated-item:nth-child(even) {
    background: rgba(55, 166, 245, 0.3); }
  .coachProfileDetails .history-card .repeated-item.item-null {
    display: none; }

.coachProfileDetails .history-card md-content {
  margin: 16px; }

.coachProfileDetails .history-card .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px; }

#datePicker {
  margin-bottom: -7px;
  margin-top: 12px;
  color: #777777;
  font-weight: 100; }

.sideBarCreateTraining .editWorkoutBtn {
  color: white !important; }

.sideBarCreateTraining #editWorkout li {
  color: white;
  border: 1px solid black;
  background-color: white; }

.addWorkoutForm {
  margin-top: 30px;
  text-align: left;
  direction: ltr; }
  .addWorkoutForm [class^="col"] {
    float: left !important; }

#sideBarCreateTraining {
  margin-top: 25px; }

.sideBarCreateTraining p {
  font-size: 16px;
  font-weight: 900;
  margin-top: 40px; }

.editWorkoutPopup {
  background-color: #BBBBBB;
  width: 240px;
  font-weight: 600;
  border-radius: 30px;
  margin-left: -140px;
  margin-top: 100px; }
  .editWorkoutPopup ul {
    list-style-type: none; }
  .editWorkoutPopup .hidePopupBtn {
    margin-left: 40px; }
  .editWorkoutPopup .hidePopupBtn, .editWorkoutPopup .editPopupBtn, .editWorkoutPopup .donePopupBtn {
    margin-bottom: 10px; }

.workoutsSkillTitle .freeTextAddForWorkout {
  position: relative;
  margin-left: 10%;
  width: 85%;
  margin-top: -2%; }
  .workoutsSkillTitle .freeTextAddForWorkout label {
    margin-left: 10px;
    margin-bottom: -5px; }
  .workoutsSkillTitle .freeTextAddForWorkout textarea {
    margin-top: 30px; }

.workoutsSkillTitle .sectionBtn {
  margin-left: -15px;
  margin-top: -15px; }

.workoutsSkillTitle .sectionBtnFixSize .btn {
  padding: 5px 3px;
  height: 30px;
  width: 31px; }
  .workoutsSkillTitle .sectionBtnFixSize .btn i {
    font-size: 12px; }

.workoutsSkillTitle .md-select-icon {
  margin-left: -5px !important; }

.workoutsSkillTitle .workoutsSkillText {
  font-size: 18px;
  margin-top: 3px; }

.workoutsSkillTitle .workoutsSkillComboBox {
  margin-top: 2px;
  border: 1px solid black; }

.workoutsSkillTitle .workoutsTypeComboBox {
  margin-left: -90px; }

.workoutsSkillTitle md-content.md-default-theme {
  width: 100%; }

.workoutsSkillTitle md-select {
  margin-top: -20px;
  width: 110%;
  margin-left: -85px; }

.workoutsSkillTitle .inputForTypeSelect {
  position: inherit;
  margin-left: 395px;
  margin-top: -103px;
  width: 62%;
  text-align: center; }
  .workoutsSkillTitle .inputForTypeSelect .repsRoundsTimeField {
    margin-top: 30px; }

.workoutsSkillTitle .inputForSkillSelect {
  width: 70%;
  text-align: center;
  margin-left: -25px; }

.workoutsSkillTitle .buttonSkillAdd {
  margin-left: -5px; }

.workoutsSkillTitle .requiredFields {
  margin-top: 50px;
  margin-left: 40px; }

.workoutsSkillTitle .angucomplete-dropdown {
  overflow-y: auto;
  max-height: 200px;
  text-align: left;
  margin-top: 30px; }

.workoutsSkillTitle md-input-container.cancel-overflow-x.md-default-theme {
  margin-top: 25px; }

.workoutsSkillTitle .md-input {
  width: 100%; }

.workoutsSkillTitle .numberIndex {
  margin-top: 30px;
  font-size: 19px;
  margin-left: 20px;
  margin-right: -10px; }

.workoutsSkillTitle .workoutSkillContent button {
  margin-top: 25px;
  border-radius: 20px;
  outline: none; }

.workoutsSkillTitle .workoutSkillContent button:focus {
  outline: none; }

.workoutsSkillTitle .inputForTypeSelect md-input-container {
  padding-right: 10px; }

.workoutsSkillTitle .RmOption {
  width: 10%;
  margin-top: 28px;
  margin-left: 1px; }

.workoutsSkillTitle button {
  margin-left: -1px; }

.freeTextPopup {
  width: 450px; }
  .freeTextPopup .freeTextHeader {
    font-size: 20px;
    width: 100%;
    background-color: #30426a;
    color: white;
    line-height: 10px; }

.createWorkOutHeader {
  font-size: 20px; }
  .createWorkOutHeader .freeText {
    margin-top: 25px; }
  .createWorkOutHeader #requiredCategory {
    color: red;
    font-size: 10px; }
  .createWorkOutHeader .datePickerForm {
    margin-top: 35px; }

.addNew {
  padding-bottom: 50px; }
  .addNew.category {
    width: 400px !important; }
  .addNew .addNewHeader {
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    background-color: #37A6F5;
    width: 100%;
    color: white;
    font-weight: bold; }
    .addNew .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .addNew .btns-row {
    position: absolute;
    bottom: 0;
    right: 0; }
  .addNew .colors-row {
    display: flex; }
  .addNew md-radio-button {
    margin: 10px;
    display: inline-block; }
    .addNew md-radio-button.cat-color-1.md-checked .md-container .md-off {
      background-color: #0bbcb2; }
    .addNew md-radio-button.cat-color-1.md-checked .md-container .md-on {
      background-color: #0bbcb2;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-1 .md-container .md-off {
      background-color: #0bbcb2;
      border: none; }
    .addNew md-radio-button.cat-color-1 .md-container .md-on {
      background-color: #0bbcb2; }
    .addNew md-radio-button.cat-color-2.md-checked .md-container .md-off {
      background-color: #5466ed; }
    .addNew md-radio-button.cat-color-2.md-checked .md-container .md-on {
      background-color: #5466ed;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-2 .md-container .md-off {
      background-color: #5466ed;
      border: none; }
    .addNew md-radio-button.cat-color-2 .md-container .md-on {
      background-color: #5466ed; }
    .addNew md-radio-button.cat-color-3.md-checked .md-container .md-off {
      background-color: #367de9; }
    .addNew md-radio-button.cat-color-3.md-checked .md-container .md-on {
      background-color: #367de9;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-3 .md-container .md-off {
      background-color: #367de9;
      border: none; }
    .addNew md-radio-button.cat-color-3 .md-container .md-on {
      background-color: #367de9; }
    .addNew md-radio-button.cat-color-4.md-checked .md-container .md-off {
      background-color: #66c1a0; }
    .addNew md-radio-button.cat-color-4.md-checked .md-container .md-on {
      background-color: #66c1a0;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-4 .md-container .md-off {
      background-color: #66c1a0;
      border: none; }
    .addNew md-radio-button.cat-color-4 .md-container .md-on {
      background-color: #66c1a0; }
    .addNew md-radio-button.cat-color-5.md-checked .md-container .md-off {
      background-color: #51b749; }
    .addNew md-radio-button.cat-color-5.md-checked .md-container .md-on {
      background-color: #51b749;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-5 .md-container .md-off {
      background-color: #51b749;
      border: none; }
    .addNew md-radio-button.cat-color-5 .md-container .md-on {
      background-color: #51b749; }
    .addNew md-radio-button.cat-color-6.md-checked .md-container .md-off {
      background-color: #e3b345; }
    .addNew md-radio-button.cat-color-6.md-checked .md-container .md-on {
      background-color: #e3b345;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-6 .md-container .md-off {
      background-color: #e3b345;
      border: none; }
    .addNew md-radio-button.cat-color-6 .md-container .md-on {
      background-color: #e3b345; }
    .addNew md-radio-button.cat-color-7.md-checked .md-container .md-off {
      background-color: #f39138; }
    .addNew md-radio-button.cat-color-7.md-checked .md-container .md-on {
      background-color: #f39138;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-7 .md-container .md-off {
      background-color: #f39138;
      border: none; }
    .addNew md-radio-button.cat-color-7 .md-container .md-on {
      background-color: #f39138; }
    .addNew md-radio-button.cat-color-8.md-checked .md-container .md-off {
      background-color: #ff887c; }
    .addNew md-radio-button.cat-color-8.md-checked .md-container .md-on {
      background-color: #ff887c;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-8 .md-container .md-off {
      background-color: #ff887c;
      border: none; }
    .addNew md-radio-button.cat-color-8 .md-container .md-on {
      background-color: #ff887c; }
    .addNew md-radio-button.cat-color-9.md-checked .md-container .md-off {
      background-color: #dc2127; }
    .addNew md-radio-button.cat-color-9.md-checked .md-container .md-on {
      background-color: #dc2127;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-9 .md-container .md-off {
      background-color: #dc2127;
      border: none; }
    .addNew md-radio-button.cat-color-9 .md-container .md-on {
      background-color: #dc2127; }
    .addNew md-radio-button.cat-color-10.md-checked .md-container .md-off {
      background-color: #c08ce9; }
    .addNew md-radio-button.cat-color-10.md-checked .md-container .md-on {
      background-color: #c08ce9;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-10 .md-container .md-off {
      background-color: #c08ce9;
      border: none; }
    .addNew md-radio-button.cat-color-10 .md-container .md-on {
      background-color: #c08ce9; }
    .addNew md-radio-button.cat-color-11.md-checked .md-container .md-off {
      background-color: #848484; }
    .addNew md-radio-button.cat-color-11.md-checked .md-container .md-on {
      background-color: #848484;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-11 .md-container .md-off {
      background-color: #848484;
      border: none; }
    .addNew md-radio-button.cat-color-11 .md-container .md-on {
      background-color: #848484; }
    .addNew md-radio-button.cat-color-12.md-checked .md-container .md-off {
      background-color: #913123; }
    .addNew md-radio-button.cat-color-12.md-checked .md-container .md-on {
      background-color: #913123;
      transform: scale(1.8); }
    .addNew md-radio-button.cat-color-12 .md-container .md-off {
      background-color: #913123;
      border: none; }
    .addNew md-radio-button.cat-color-12 .md-container .md-on {
      background-color: #913123; }

h2.md-sticky-no-effect.addNew.md-subheader.md-default-theme {
  width: 100%;
  background-color: #37A6F5;
  color: white;
  font-weight: bold; }

.createWorkOutHeader md-select {
  margin-top: 35px;
  width: 100%; }

.workoutsHr {
  background-color: black !important;
  height: 1px;
  border: none;
  margin-top: 0px;
  margin-bottom: 0px; }

.autocomplete-label {
  margin-top: -50px; }

.cancel-overflow-x {
  overflow-x: visible !important; }

.addWorkoutButton {
  float: right; }

@media screen and (min-width: 1400px) {
  .workoutsSkillTitle {
    width: 80%; }
  .workoutsSkillTitle md-select {
    margin-left: -80px; }
  .workoutsSkillTitle .workoutsTypeComboBox {
    margin-left: -80px; }
  .workoutsSkillTitle .inputForTypeSelect {
    margin-left: 560px; }
  .workoutsSkillTitle .inputForSkillSelect {
    width: 80%;
    margin-left: -75px; }
  .workoutsSkillTitle .numberIndex {
    margin-left: -20px; }
  .autoCompleteSkill {
    margin-top: 25px; } }

@media screen and (max-width: 1250px) {
  .workoutsSkillTitle md-select {
    margin-top: -20px;
    width: 160%;
    margin-left: -40px; }
  .workoutsSkillTitle .workoutsTypeComboBox {
    margin-left: -10px; }
  .workoutsSkillTitle .inputForTypeSelect {
    margin-left: 72px;
    margin-top: -25px;
    width: 85%; }
  .workoutsSkillTitle .workoutSkillContent button {
    margin-top: 25px; }
  .workoutsSkillTitle .buttonSkillAdd {
    margin-left: 14px; } }

@media screen and (max-width: 960px) {
  .md-dialog-container .small-popup {
    height: 210px; } }

#publishWorkout {
  padding-top: 20px;
  background: #FFFFFF; }
  #publishWorkout .header {
    position: relative;
    background-size: 100% auto;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    min-height: 66px;
    height: 66px;
    color: black;
    font-size: 18px;
    transition: all ease .1s; }
    #publishWorkout .header:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      background-image: url("../img/wide_background.png");
      background-position: center; }
    #publishWorkout .header .header-content {
      height: 100%; }
      #publishWorkout .header .header-content .header-top {
        position: relative;
        z-index: 2; }
        #publishWorkout .header .header-content .header-top .location-box-select {
          margin-left: 50px; }
        #publishWorkout .header .header-content .header-top .logo .logo-icon {
          margin-right: 16px; }
        #publishWorkout .header .header-content .header-top .logo .logo-text {
          font-size: 24px; }
      #publishWorkout .header .header-content .header-bottom {
        position: relative;
        z-index: 2;
        line-height: 132px; }
        #publishWorkout .header .header-content .header-bottom .title {
          font-size: 20px;
          min-width: 160px;
          text-align: center;
          font-weight: bold;
          position: relative; }
          #publishWorkout .header .header-content .header-bottom .title .event-loader-wrap {
            position: absolute;
            top: -35px;
            left: 50%; }
    #publishWorkout .header .add-event-button {
      position: absolute;
      right: 18px;
      bottom: -32px; }
  #publishWorkout .fc-content {
    direction: ltr;
    text-align: center;
    cursor: pointer;
    height: 26px;
    line-height: 26px; }
  #publishWorkout .content {
    padding: 0; }
    #publishWorkout .content .fsm-sticky-header {
      transition: all .2s ease;
      background: rgba(255, 255, 255, 0.8); }
      #publishWorkout .content .fsm-sticky-header .fc-widget-header th {
        font-weight: bold !important; }
    #publishWorkout .content .fc-v-event .fc-title,
    #publishWorkout .content .fc-event .fc-title {
      font-size: 14px;
      font-weight: bold; }
    #publishWorkout .content .fc-v-event.cat-color-1,
    #publishWorkout .content .fc-event.cat-color-1 {
      background-color: #0bbcb2;
      border-color: #0e9189; }
    #publishWorkout .content .fc-v-event.cat-color-2,
    #publishWorkout .content .fc-event.cat-color-2 {
      background-color: #5466ed;
      border-color: #4c53e5; }
    #publishWorkout .content .fc-v-event.cat-color-3,
    #publishWorkout .content .fc-event.cat-color-3 {
      background-color: #367de9;
      border-color: #2c5db3; }
    #publishWorkout .content .fc-v-event.cat-color-4,
    #publishWorkout .content .fc-event.cat-color-4 {
      background-color: #66c1a0;
      border-color: #4b8e75; }
    #publishWorkout .content .fc-v-event.cat-color-5,
    #publishWorkout .content .fc-event.cat-color-5 {
      background-color: #51b749;
      border-color: #51b749; }
    #publishWorkout .content .fc-v-event.cat-color-6,
    #publishWorkout .content .fc-event.cat-color-6 {
      background-color: #e3b345;
      border-color: #dbab3e; }
    #publishWorkout .content .fc-v-event.cat-color-7,
    #publishWorkout .content .fc-event.cat-color-7 {
      background-color: #f39138;
      border-color: #d67e2f; }
    #publishWorkout .content .fc-v-event.cat-color-8,
    #publishWorkout .content .fc-event.cat-color-8 {
      background-color: #ff887c;
      border-color: #ff887c; }
    #publishWorkout .content .fc-v-event.cat-color-9,
    #publishWorkout .content .fc-event.cat-color-9 {
      background-color: #dc2127;
      border-color: #dc2127; }
    #publishWorkout .content .fc-v-event.cat-color-10,
    #publishWorkout .content .fc-event.cat-color-10 {
      background-color: #c08ce9;
      border-color: #a768d8; }
    #publishWorkout .content .fc-v-event.cat-color-11,
    #publishWorkout .content .fc-event.cat-color-11 {
      background-color: #848484;
      border-color: #787878; }
    #publishWorkout .content .fc-v-event.cat-color-12,
    #publishWorkout .content .fc-event.cat-color-12 {
      background-color: #913123;
      border-color: #74291d; }

@media screen and (max-width: 600px) {
  #publishWorkout .header {
    padding: 8px; }
    #publishWorkout .header .header-content .header-top .location-box-select {
      margin-left: 0px; }
    #publishWorkout .header .header-content .header-top .logo {
      margin-bottom: 16px; }
    #publishWorkout .header .add-event-button {
      right: 10px; } }

.dashboard-container {
  margin-bottom: 20px; }
  .dashboard-container .margin-between-flex {
    width: 10px; }
  .dashboard-container .boxes-container {
    color: white;
    font-weight: bold; }
    .dashboard-container .boxes-container .boxes-container-box {
      height: 120px;
      margin-bottom: 10px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .dashboard-container .boxes-container .boxes-container-box-slim {
      height: 80px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      margin-bottom: 10px; }
    .dashboard-container .boxes-container .text-wrap {
      cursor: pointer;
      min-height: 100%;
      text-decoration: none;
      color: white;
      text-align: center; }
      .dashboard-container .boxes-container .text-wrap .text-wrap-inner {
        width: 50%;
        margin: 0 auto;
        height: calc((120px / 2));
        max-height: calc((120px / 2)); }
      .dashboard-container .boxes-container .text-wrap span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 38px;
        margin-top: 8px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .dashboard-container .boxes-container .text-wrap p {
        font-size: 14px;
        margin: 0; }
      .dashboard-container .boxes-container .text-wrap.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .dashboard-container .boxes-container .text-wrap.smaller p {
        font-size: 12px; }
    .dashboard-container .boxes-container .layout-row > .flex {
      width: 100%; }
    .dashboard-container .boxes-container .text-wrap-slim {
      cursor: pointer;
      text-decoration: none;
      color: white;
      position: relative;
      min-height: 60px;
      text-align: center; }
      .dashboard-container .boxes-container .text-wrap-slim .text-wrap-inner {
        width: 50%;
        margin: 0 auto; }
      .dashboard-container .boxes-container .text-wrap-slim span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 28px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .dashboard-container .boxes-container .text-wrap-slim i {
        position: absolute;
        left: 5px;
        top: -3px;
        font-size: 20px; }
      .dashboard-container .boxes-container .text-wrap-slim p {
        font-size: 14px;
        margin: 0; }
      .dashboard-container .boxes-container .text-wrap-slim.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .dashboard-container .boxes-container .text-wrap-slim.smaller p {
        font-size: 12px; }
    .dashboard-container .boxes-container .active-members {
      background: #3d8af7; }
    .dashboard-container .boxes-container .warning-members {
      background: #ff5d55; }
    .dashboard-container .boxes-container .sales-summery {
      text-decoration: none;
      background: #92d36e; }
    .dashboard-container .boxes-container .open-debts {
      background: #fec63d; }
    .dashboard-container .boxes-container .today-trainers {
      background: #f06e9c; }
  .dashboard-container .dashboard-box {
    -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .dashboard-container .dashboard-box md-select {
      margin: 2px 0; }
    .dashboard-container .dashboard-box md-toolbar {
      min-height: unset; }
    .dashboard-container .dashboard-box .dashboard-box-title {
      padding: 0 16px;
      height: 45px;
      background: #adbbd8; }
      .dashboard-container .dashboard-box .dashboard-box-title span {
        font-size: 16px;
        font-weight: bold; }
    .dashboard-container .dashboard-box .dashboard-box-content {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 130px + 120px));
      max-height: calc(100vh - (45px + 130px + 120px));
      padding: 5px 8px 8px 8px; }
    .dashboard-container .dashboard-box .dashboard-box-content-slim {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 200px + 120px));
      max-height: calc(100vh - (45px + 200px + 120px));
      padding: 5px 8px 8px 8px; }
    .dashboard-container .dashboard-box .workoutDetails, .dashboard-container .dashboard-box .task-today {
      cursor: pointer; }
      .dashboard-container .dashboard-box .workoutDetails .workoutName, .dashboard-container .dashboard-box .workoutDetails .task-type, .dashboard-container .dashboard-box .task-today .workoutName, .dashboard-container .dashboard-box .task-today .task-type {
        font-size: 14px;
        color: black; }
      .dashboard-container .dashboard-box .workoutDetails .workoutAthletes, .dashboard-container .dashboard-box .workoutDetails .task-info, .dashboard-container .dashboard-box .task-today .workoutAthletes, .dashboard-container .dashboard-box .task-today .task-info {
        font-size: 12px;
        font-weight: 300; }
        .dashboard-container .dashboard-box .workoutDetails .workoutAthletes .no-users, .dashboard-container .dashboard-box .workoutDetails .task-info .no-users, .dashboard-container .dashboard-box .task-today .workoutAthletes .no-users, .dashboard-container .dashboard-box .task-today .task-info .no-users {
          color: red; }
        .dashboard-container .dashboard-box .workoutDetails .workoutAthletes .arrived-limit, .dashboard-container .dashboard-box .workoutDetails .task-info .arrived-limit, .dashboard-container .dashboard-box .task-today .workoutAthletes .arrived-limit, .dashboard-container .dashboard-box .task-today .task-info .arrived-limit {
          font-weight: bold; }
    .dashboard-container .dashboard-box .none-today {
      margin-top: 20px; }
      .dashboard-container .dashboard-box .none-today img {
        width: 45%;
        margin-bottom: 15px; }
        .dashboard-container .dashboard-box .none-today img.no-leads-donut {
          width: 20%; }
      .dashboard-container .dashboard-box .none-today p {
        color: black;
        margin: 0;
        font-size: 14px;
        font-weight: normal; }
    .dashboard-container .dashboard-box .leads-data-container {
      margin: 0;
      color: black; }
      .dashboard-container .dashboard-box .leads-data-container #donut-chart {
        margin-top: 0; }
        .dashboard-container .dashboard-box .leads-data-container #donut-chart .c3-chart-arcs-title {
          font-family: 'heebo';
          font-weight: bold;
          width: 50%;
          text-align: center; }
        .dashboard-container .dashboard-box .leads-data-container #donut-chart .c3-legend-item {
          display: none; }
      .dashboard-container .dashboard-box .leads-data-container .leads-data {
        box-shadow: none; }
        .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box {
          cursor: pointer;
          height: 120px; }
          .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box:hover {
            background: #ebebeb; }
          .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap {
            height: unset;
            color: black; }
            .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap span {
              font-size: 18px;
              height: unset;
              margin-top: 0; }
            .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap p {
              font-weight: normal; }
            .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner {
              width: 52%; }
              .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner.smaller {
                width: 45%; }

.dashboard-action-button {
  display: -webkit-inline-box;
  margin-right: 20px;
  float: right; }
  .dashboard-action-button p {
    border: 6px solid white;
    background-color: white;
    color: black;
    margin-top: 10px;
    font-size: 18px;
    font-family: 'heebo';
    white-space: nowrap; }
  .dashboard-action-button #create-user-btn {
    background-color: #a9d18e;
    color: white; }
  .dashboard-action-button #create-lead-btn {
    background-color: #a983c6;
    color: white; }
  .dashboard-action-button #create-task-btn {
    background-color: #8faadc;
    color: white; }
  .dashboard-action-button #create-news-btn {
    color: white;
    background-color: #f4b183; }

@media screen and (max-width: 600px) {
  .dashboard-container {
    width: 90%;
    margin: 0 auto; }
    .dashboard-container .boxes-container {
      height: unset; }
      .dashboard-container .boxes-container .boxes-container-box {
        width: 100%;
        margin-bottom: 10px; }
    .dashboard-container .dashboard-box {
      margin-bottom: 10px; }
      .dashboard-container .dashboard-box .dashboard-box-content {
        height: auto; }
      .dashboard-container .dashboard-box .dashboard-box-title .arrows-container {
        color: black; }
      .dashboard-container .dashboard-box .leads-data-container {
        margin: 0; }
        .dashboard-container .dashboard-box .leads-data-container .leads-data {
          height: unset; }
          .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box {
            height: unset; }
            .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner {
              width: 65%; }
              .dashboard-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner.smaller {
                width: 70%; } }

@media screen and (max-width: 960px) {
  .dashboardWrapper {
    left: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0; }
    .dashboardWrapper .circles-row .round-data {
      width: 30vw;
      height: 30vw; } }

@media screen and (min-width: 600px) and (max-width: 1440px) {
  .dashboardWrapper {
    left: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0; }
    .dashboardWrapper .circles-row .round-data {
      width: 30vw;
      height: 30vw; } }

.dashboardRightMenu-wrapper {
  padding-right: 0;
  padding-left: 0; }

.dashboardWrapper {
  left: 0;
  margin-left: 0;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-top: 15px; }
  .dashboardWrapper .dashboard-action-button {
    display: -webkit-inline-box;
    margin-right: 20px;
    float: right; }
    .dashboardWrapper .dashboard-action-button p {
      border: 6px solid white;
      background-color: white;
      color: black;
      margin-top: 10px;
      font-size: 18px;
      font-family: 'heebo';
      white-space: nowrap; }
    .dashboardWrapper .dashboard-action-button #create-user-btn {
      background-color: #a9d18e;
      color: white; }
    .dashboardWrapper .dashboard-action-button #create-lead-btn {
      background-color: #a983c6;
      color: white; }
    .dashboardWrapper .dashboard-action-button #create-task-btn {
      background-color: #8faadc;
      color: white; }
    .dashboardWrapper .dashboard-action-button #create-news-btn {
      color: white;
      background-color: #f4b183; }
  .dashboardWrapper .circles-row {
    margin-bottom: 15px;
    padding: 30px 0;
    background-color: #f8f8f8;
    text-align: center; }
    .dashboardWrapper .circles-row .round-data {
      user-select: none;
      cursor: pointer;
      background-color: white;
      border-radius: 50%;
      border-width: 5px;
      border-style: solid;
      padding: 20px;
      text-align: center;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }
      .dashboardWrapper .circles-row .round-data:hover {
        border-style: double; }
      .dashboardWrapper .circles-row .round-data.active-members {
        border-color: #a9d18e; }
      .dashboardWrapper .circles-row .round-data.sessions-packs {
        border-color: #f4b183; }
      .dashboardWrapper .circles-row .round-data.expiring {
        border-color: #ff6666; }
      .dashboardWrapper .circles-row .round-data.not-showed-up {
        border-color: #8faadc; }
      .dashboardWrapper .circles-row .round-data.open-leads {
        border-color: #a983c6; }
      .dashboardWrapper .circles-row .round-data.leads-converted {
        border-color: #ffd966; }
      @media screen and (min-width: 1301px) and (max-width: 1700px) {
        .dashboardWrapper .circles-row .round-data {
          width: 10vw;
          height: 10vw; }
          .dashboardWrapper .circles-row .round-data .text-wrap .circle-number {
            font-size: 40px;
            line-height: 30px; } }
      @media screen and (min-width: 1701px) {
        .dashboardWrapper .circles-row .round-data {
          width: 9vw;
          height: 9vw; }
          .dashboardWrapper .circles-row .round-data .text-wrap {
            margin-top: 30px; }
            .dashboardWrapper .circles-row .round-data .text-wrap .circle-number {
              font-size: 40px;
              line-height: 30px; } }
      @media screen and (max-width: 600px) {
        .dashboardWrapper .circles-row .round-data {
          width: 40vw;
          height: 40vw;
          display: inline-flex;
          margin: 10px;
          margin-top: 0; }
          .dashboardWrapper .circles-row .round-data .text-wrap .circle-number {
            line-height: 15vw;
            font-size: 45px; }
          .dashboardWrapper .circles-row .round-data .text-wrap p {
            margin-top: -10px; }
          .dashboardWrapper .circles-row .round-data.not-showed-up {
            display: none; } }
      @media screen and (min-width: 600px) and (max-width: 960px) {
        .dashboardWrapper .circles-row .round-data {
          width: 20vw;
          height: 20vw;
          display: inline-flex;
          margin: 10px;
          padding: 10px 5px; }
          .dashboardWrapper .circles-row .round-data .text-wrap {
            margin-top: 0; }
            .dashboardWrapper .circles-row .round-data .text-wrap .circle-number {
              line-height: 8vw;
              font-size: 35px; }
            .dashboardWrapper .circles-row .round-data .text-wrap p {
              font-size: 14px; }
          .dashboardWrapper .circles-row .round-data.not-showed-up {
            display: none; } }
      @media screen and (min-width: 960px) and (max-width: 1300px) {
        .dashboardWrapper .circles-row .round-data {
          width: 10vw;
          height: 10vw; }
          .dashboardWrapper .circles-row .round-data .text-wrap {
            margin-top: 0; }
            .dashboardWrapper .circles-row .round-data .text-wrap .circle-number {
              line-height: 3.5vw;
              font-size: 30px; }
            .dashboardWrapper .circles-row .round-data .text-wrap p {
              font-size: 12px; } }
  .dashboardWrapper .dashboard-box {
    user-select: none;
    margin-bottom: 20px; }
    @media screen and (min-width: 960px) {
      .dashboardWrapper .dashboard-box {
        max-width: 49.5% !important;
        max-height: 60vh !important; } }
    .dashboardWrapper .dashboard-box .dashboard-box-content {
      background: white;
      border: 4px solid #f8f8f8;
      border-top: none; }
      .dashboardWrapper .dashboard-box .dashboard-box-content md-select {
        margin: 0px 0 5px; }
      .dashboardWrapper .dashboard-box .dashboard-box-content::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 10px;
        background: transparent; }
      .dashboardWrapper .dashboard-box .dashboard-box-content::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
        background: transparent; }
      .dashboardWrapper .dashboard-box .dashboard-box-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #b4b4af; }
      .dashboardWrapper .dashboard-box .dashboard-box-content .task-today {
        cursor: pointer;
        margin-bottom: 15px; }
        .dashboardWrapper .dashboard-box .dashboard-box-content .task-today .task-type {
          font-size: 20px; }
        .dashboardWrapper .dashboard-box .dashboard-box-content .task-today .task-info {
          font-size: 14px; }
    .dashboardWrapper .dashboard-box .dashboard-box-title {
      background-color: #f8f8f8;
      color: black;
      min-height: 44px;
      width: 100%;
      height: 45px;
      padding: 10px 5px; }
      .dashboardWrapper .dashboard-box .dashboard-box-title .box-count {
        text-align: right; }
  .dashboardWrapper .activeMembersBtn, .dashboardWrapper .trainingTodayBtn, .dashboardWrapper .notShowedUpBtn, .dashboardWrapper .endingMembershipBtn, .dashboardWrapper .birthdayBtn, .dashboardWrapper .leadsBtn, .dashboardWrapper .sessionsPacksBtn, .dashboardWrapper .membershipSuspendedBtn, .dashboardWrapper .leadsTurnedToMembersBtn {
    width: 310px;
    height: 210px;
    border-radius: 3px;
    margin: 0 auto;
    position: inherit; }
  .dashboardWrapper .activeMembers, .dashboardWrapper .trainingToday, .dashboardWrapper .notShowedUp {
    margin-bottom: 40px; }
  .dashboardWrapper .activeMembersBtn {
    background-color: #5d9ad0 !important;
    border-color: #5d9ad0; }
  .dashboardWrapper .sessionsPacksBtn {
    background-color: #ed7d31 !important;
    border-color: #ed7d31; }
  .dashboardWrapper .membershipSuspendedBtn {
    background-color: #46576b !important;
    border-color: #46576b; }
  .dashboardWrapper .leadsTurnedToMembersBtn {
    background-color: #71339e !important;
    border-color: #71339e; }
    .dashboardWrapper .leadsTurnedToMembersBtn #leadsTurnedToMembersImg {
      opacity: 0.3; }
  .dashboardWrapper .trainingTodayBtn {
    background-color: #bd0706 !important;
    border-color: #bd0706; }
  .dashboardWrapper .notShowedUpBtn {
    background-color: #fcba0c !important;
    border-color: #fcba0c; }
  .dashboardWrapper .endingMembershipBtn {
    background-color: #7f6107 !important;
    border-color: #7f6107; }
  .dashboardWrapper .birthdayBtn {
    background-color: #fb67c9 !important;
    border-color: #fb67c9; }
  .dashboardWrapper .leadsBtn {
    background-color: #71aa49 !important;
    border-color: #71aa49; }
  .dashboardWrapper .skillSearch img {
    margin-bottom: -55px; }
  .dashboardWrapper .skillSearch .skillSearchWrapper {
    margin-left: 20px; }
  .dashboardWrapper .skillSearch .angucomplete-dropdown {
    overflow-y: auto;
    max-height: 200px;
    text-align: left; }
  .dashboardWrapper .image-wrap {
    position: relative;
    width: 50%;
    height: 100%;
    float: left; }
    .dashboardWrapper .image-wrap img {
      width: 65%;
      margin-top: 25px;
      opacity: 0.1; }
  .dashboardWrapper .text-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    float: right;
    white-space: pre-wrap;
    margin-top: 10px; }
    .dashboardWrapper .text-wrap .circle-number {
      font-weight: bold; }
    .dashboardWrapper .text-wrap p {
      font-size: 16px;
      text-transform: capitalize; }
    .dashboardWrapper .text-wrap #openLeadsCount, .dashboardWrapper .text-wrap #birthdayCount, .dashboardWrapper .text-wrap #endingMembershipCount, .dashboardWrapper .text-wrap #notShowedUpCount, .dashboardWrapper .text-wrap #trainingTodayCount, .dashboardWrapper .text-wrap #activeMembersCount, .dashboardWrapper .text-wrap #sessionsPacksCount, .dashboardWrapper .text-wrap #membershipSuspendedCount, .dashboardWrapper .text-wrap #leadsTurnedToMembersCount {
      margin-top: 10px;
      font-weight: 900;
      margin-left: -5px; }
  .dashboardWrapper .leadsTurnedToMembers .text-wrap p {
    font-size: 20px; }
  .dashboardWrapper .activeMembers .text-wrap b {
    right: 68px !important; }
  .dashboardWrapper .activeMembers .image-wrap i, .dashboardWrapper .leads .image-wrap i, .dashboardWrapper .birthday .image-wrap i, .dashboardWrapper .sessionsPacks .image-wrap i, .dashboardWrapper .membershipSuspended .image-wrap i, .dashboardWrapper .leadsTurnedToMembers .image-wrap i {
    font-size: 100px;
    margin-top: 45px;
    color: black;
    opacity: 0.1; }
  .dashboardWrapper .leads .text-wrap p {
    font-size: 25px; }
  .dashboardWrapper .endingMembership .text-wrap p {
    font-size: 25px; }

.container-fluid.dashboardRightMenu-wrapper.ng-scope {
  padding: 0px; }

.location {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 20px; }

.scheduleDate {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 16px;
  width: 80%;
  margin: 0 auto; }
  .scheduleDate .leftArrow {
    float: left;
    margin-bottom: -20px;
    margin-left: -20px; }
  .scheduleDate .rightArrow {
    float: right;
    margin-top: -21px; }
  .scheduleDate .date {
    text-align: center; }

.Open.Gym {
  background-color: #fdb549;
  border-color: #fdb549; }

.Endurance {
  background-color: green;
  border-color: green; }

.Mobility {
  background-color: #9c49a1;
  border-color: #9c49a1; }

.Gymnastics {
  background-color: #db597d;
  border-color: #db597d; }

.Yoga {
  background-color: #ff414e;
  border-color: #ff414e; }

.Weightlifting {
  background-color: #1eabd6;
  border-color: #1eabd6; }

.Elements {
  background-color: #f17d4a;
  border-color: #f17d4a; }

.Personal.Training {
  background-color: #437ab0;
  border-color: #437ab0; }

.Competitors {
  background-color: #787f89;
  border-color: #787f89; }

@media only screen and (max-width: 1700px) {
  .activeMembersBtn, .trainingTodayBtn, .notShowedUpBtn, .endingMembershipBtn, .birthdayBtn, .leadsBtn, .sessionsPacksBtn, .membershipSuspendedBtn, .leadsTurnedToMembersBtn {
    width: 320px !important; }
  .activeMembersBtn .text-wrap p, .trainingTodayBtn .text-wrap p, .notShowedUpBtn .text-wrap p, .endingMembershipBtn .text-wrap p, .birthdayBtn .text-wrap p, .leadsBtn .text-wrap p, .sessionsPacksBtn .text-wrap p, .membershipSuspendedBtn .text-wrap p {
    font-size: 20px !important; }
  .leadsTurnedToMembersBtn .text-wrap p {
    font-size: 16px !important; } }

@media screen and (min-width: 1700px) {
  .activeMembersBtn, .trainingTodayBtn, .notShowedUpBtn, .endingMembershipBtn, .birthdayBtn, .leadsBtn, .sessionsPacksBtn, .membershipSuspendedBtn, .leadsTurnedToMembersBtn {
    width: 450px !important; }
  .activeMembers .image-wrap i, .leads .image-wrap i, .birthday .image-wrap i, .sessionsPacks .image-wrap i, .membershipSuspended .image-wrap i, .leadsTurnedToMembers .image-wrap i {
    font-size: 120px; } }

.external-container {
  width: 100vw;
  height: 100vh; }
  .external-container h1,
  .external-container h2,
  .external-container h3,
  .external-container p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: white; }
  .external-container header {
    margin: 0 20px;
    height: 54px; }
    .external-container header i {
      font-size: 30px;
      color: black; }
  .external-container .data-holder {
    height: calc(100vh - (54px));
    width: 100vw;
    margin: 0 auto;
    background-image: url("../img/arbox-triangular-background.jpg");
    background-size: cover;
    background-position: 50%;
    background-repeat: repeat-y; }
    .external-container .data-holder .not-found i {
      color: #ff3823; }
  .external-container .form-container .submit-btn {
    position: relative;
    width: 100%;
    height: 40px; }
  .external-container .form-container .md-button {
    background-color: #37a6f5;
    font-size: 2em;
    padding: 1vw;
    color: white;
    cursor: pointer;
    -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }

@media screen and (max-width: 600px) {
  .external-container {
    max-height: unset; }
    .external-container .data-holder {
      height: unset;
      min-height: calc(100vh - (54px)); } }

.removal-container {
  direction: rtl;
  width: 100%;
  min-height: 100vh;
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  padding: 20px 10px; }
  .removal-container h1 {
    text-align: center; }

@media screen and (max-width: 960px) {
  #page-wrapper.external {
    padding: 0; }
    #page-wrapper.external .page-content {
      margin: 0; } }

#register-flow-tablet.one-time-password {
  direction: rtl;
  min-height: 100vh;
  height: 100vh; }
  #register-flow-tablet.one-time-password .content-tablet-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #register-flow-tablet.one-time-password .md-errors-spacer {
    display: none; }
  #register-flow-tablet.one-time-password .create-client-form {
    display: flex;
    justify-content: center; }
    #register-flow-tablet.one-time-password .create-client-form form {
      width: 100%;
      height: 50px;
      margin: 5px 0; }
  #register-flow-tablet.one-time-password .form-line {
    display: flex;
    align-items: center; }
    #register-flow-tablet.one-time-password .form-line md-input-container {
      flex: 1; }
  #register-flow-tablet.one-time-password .text-container {
    margin-bottom: 30px;
    font-size: 16px; }

.financeWrapper .excel-export-finance {
  position: absolute;
  top: 290px;
  width: 32px;
  right: 45px;
  z-index: 10;
  cursor: pointer; }
  .financeWrapper .excel-export-finance.without-dates {
    top: 190px; }
  .financeWrapper .excel-export-finance img {
    max-width: 100%; }

.finance-rivhit-container .finance-tabs md-tabs-wrapper {
  background: rgba(247, 246, 246, 0.5); }

.finance-rivhit-container .boxes-container {
  margin-bottom: 20px;
  height: 120px;
  color: white;
  font-weight: bold; }

.finance-rivhit-container .yellow-box {
  background: #ffcc61; }

.finance-rivhit-container .blue-box {
  background: #37a7f5; }

.finance-rivhit-container .purple-box {
  background: #ada6ff; }

@media screen and (max-width: 600px) {
  .finance-rivhit-container {
    width: 90%;
    margin: 0 auto; }
    .finance-rivhit-container .boxes-container {
      height: unset; } }

.overallGraph {
  position: relative;
  padding: 5px 5px 5px 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 30px; }
  .overallGraph .progressTypeText {
    font-size: 25px;
    left: 15px;
    color: #30426A;
    position: relative; }
  .overallGraph #positiveProgressPercents {
    color: green; }
  .overallGraph #negativeProgressPercents {
    color: red; }
  .overallGraph .progressPercents {
    font-size: 35px;
    right: 100px;
    position: absolute;
    top: 5px; }
  .overallGraph .graphStyle {
    padding-right: 20px;
    padding-left: 10px; }

@media screen and (max-width: 960px) {
  .header .item {
    margin-top: 10px !important; }
  .header .user {
    margin-right: 0 !important;
    min-width: 50px !important;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 6px !important; }
  .header ul.dropdown-menu:before {
    display: none !important; }
  .header ul.dropdown-menu:after {
    display: none !important; }
  .header .userAvatar img {
    margin-top: 5px !important; }
  .header .meta .page {
    font-size: 17px !important;
    padding-top: 18px !important;
    padding-left: 50px; }
  .user-menu-container span {
    font-size: 12px; } }

.heb .user-menu-container .user-nav-bar {
  left: 0 !important; }

.heb .user-menu-container .arrow_box:after, .heb .user-menu-container .arrow_box:before {
  left: 50% !important; }

ul.dropdown-menu:before {
  display: none !important; }

ul.dropdown-menu:after {
  display: none !important; }

.dropdown-menu {
  height: auto;
  width: auto;
  top: 50px;
  right: 0;
  left: auto; }

.customer-identifier-typeahead {
  position: absolute;
  font-size: 10px;
  top: 0; }
  .customer-identifier-typeahead.left-dir {
    left: 10px; }
  .customer-identifier-typeahead.right-dir {
    right: 10px; }

.userAvatar img {
  margin-top: 5px !important;
  cursor: pointer; }

.meta .page {
  font-size: 17px !important;
  padding-top: 18px !important;
  opacity: 0; }

.arrow_box:after,
.arrow_box:before {
  bottom: 100%;
  left: 95%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 10px;
  margin-left: -10px; }

.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: lightgray;
  border-width: 12px;
  margin-left: -12px; }

.header .search-container {
  height: 100%;
  max-width: 550px; }

.header .trial-box {
  margin: 0 15px;
  background: #38a5f4;
  font-size: 18px;
  color: #fff;
  font-weight: 900;
  height: 100%;
  text-align: center;
  padding: 0 12px 0 12px; }
  .header .trial-box span {
    font-size: 10px; }

.header .header-logo-container {
  margin: 0 5px; }
  .header .header-logo-container img {
    max-width: 130px; }

.header .notification-container {
  margin: 0 10px; }

.header .user {
  text-align: right; }
  .header .user .item .notifiactions-menu {
    position: relative;
    user-select: none; }
    .header .user .item .notifiactions-menu .notifications-badge {
      float: right;
      color: white;
      background-color: #ff5252;
      width: 15px;
      height: 15px;
      border-radius: 100px;
      position: absolute;
      top: -12px;
      font-size: 11px;
      line-height: 15px;
      text-align: center;
      right: -3px; }
    .header .user .item .notifiactions-menu i {
      font-style: normal;
      font-size: 24px;
      color: #37a6f5; }
      .header .user .item .notifiactions-menu i:hover {
        color: #2c74ae;
        cursor: pointer; }
    .header .user .item .notifiactions-menu:hover {
      text-decoration: none;
      text-effect: none; }
  .header .user .item .time-card-menu {
    position: relative;
    user-select: none; }
    .header .user .item .time-card-menu .notifications-badge {
      float: right;
      color: white;
      background-color: #ff5252;
      width: 20px;
      height: 20px;
      border-radius: 100px;
      position: absolute;
      top: -15px;
      font-size: 13px;
      line-height: 20px;
      text-align: center;
      right: -3px; }
    .header .user .item .time-card-menu i {
      font-style: normal;
      font-size: 24px; }
      .header .user .item .time-card-menu i:hover {
        color: #2c74ae;
        cursor: pointer; }
    .header .user .item .time-card-menu:hover {
      text-decoration: none;
      text-effect: none; }
  .header .user .item .notifications-menu-window {
    top: 0;
    min-width: 330px;
    bottom: 0;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    right: 0;
    height: 410px;
    overflow-y: scroll;
    padding: 0px; }
    .header .user .item .notifications-menu-window.empty-notification {
      height: 60px; }
      .header .user .item .notifications-menu-window.empty-notification .no-notifications {
        text-align: center;
        padding: 5%; }
    .header .user .item .notifications-menu-window::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      border-radius: 10px;
      background: transparent; }
    .header .user .item .notifications-menu-window::-webkit-scrollbar {
      width: 10px !important;
      height: 10px !important;
      background: transparent; }
    .header .user .item .notifications-menu-window::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #b4b4af; }
    .header .user .item .notifications-menu-window .results-wrapper {
      height: auto;
      cursor: pointer;
      padding: 10px 5px 10px 5px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
      .header .user .item .notifications-menu-window .results-wrapper .notification-item {
        font-size: 12px; }
        .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag {
          border-radius: 2px;
          margin: 8px 4px 0 0;
          padding: 3px 8px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          background-color: white; }
          .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color {
            width: 8px;
            height: 8px;
            margin-right: 8px;
            border-radius: 50%; }
            .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color.color-user {
              background-color: #a9d18e; }
            .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color.color-lead {
              background-color: #a983c6; }
            .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color.color-general {
              background-color: #f4b183; }
            .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color.color-task {
              background-color: #8faadc; }
            .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-color.color-alert {
              background-color: #ff6666; }
          .header .user .item .notifications-menu-window .results-wrapper .notification-item .category-tag .tag-text {
            text-transform: capitalize;
            font-weight: 200;
            font-size: 10px; }
        .header .user .item .notifications-menu-window .results-wrapper .notification-item .mark-as-unread {
          width: 8px;
          display: none;
          height: 8px;
          margin-right: 8px;
          border-radius: 50%;
          background-color: #b4b4af;
          position: absolute;
          right: 0; }
          .header .user .item .notifications-menu-window .results-wrapper .notification-item .mark-as-unread:hover {
            background-color: #7f7f7b; }
        .header .user .item .notifications-menu-window .results-wrapper .notification-item:hover .mark-as-unread {
          display: block; }
      .header .user .item .notifications-menu-window .results-wrapper.unread-notification {
        background-color: rgba(0, 0, 0, 0.08); }

.header .header-search-wrap {
  position: relative;
  margin: 0 20px; }
  .header .header-search-wrap .header-search-icon {
    position: absolute;
    right: 10px;
    top: 4px;
    color: #37a6f5; }
  .header .header-search-wrap .header-search {
    height: 33px;
    font-size: 18px;
    border-radius: 5px;
    color: black; }
    .header .header-search-wrap .header-search md-autocomplete-wrap {
      box-shadow: none;
      height: 33px; }
      .header .header-search-wrap .header-search md-autocomplete-wrap input {
        height: 100%;
        line-height: 33px;
        padding: 0 20px; }
      .header .header-search-wrap .header-search md-autocomplete-wrap.md-menu-showing input {
        border: 2px solid #37a6f5 !important; }

.header .user-logo-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  .header .user-logo-container img {
    width: 35px;
    border-radius: 20px; }

.header .allowed-users-container {
  cursor: pointer;
  margin: 0 8px; }
  .header .allowed-users-container span {
    color: black;
    font-weight: bold; }
  .header .allowed-users-container i.directions-walk {
    margin-bottom: 2px; }

.header .user-menu-container {
  position: relative;
  display: flex;
  height: 100%;
  cursor: pointer; }
  .header .user-menu-container span {
    margin: 0 7px;
    font-weight: bold; }
  .header .user-menu-container .user-nav-bar {
    cursor: pointer;
    width: 165px;
    top: 55px; }
    .header .user-menu-container .user-nav-bar.dropdown-menu {
      padding: 0;
      margin: 0; }
    .header .user-menu-container .user-nav-bar ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .header .user-menu-container .user-nav-bar ul li {
        display: flex;
        align-self: center;
        align-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: normal;
        transition: 0.2s ease; }
        .header .user-menu-container .user-nav-bar ul li:hover {
          background: rgba(8, 166, 255, 0.33); }
        .header .user-menu-container .user-nav-bar ul li:last-child {
          border-top: 1px solid #c8c7cc; }
        .header .user-menu-container .user-nav-bar ul li a {
          text-decoration: none;
          color: black; }
      .header .user-menu-container .user-nav-bar ul.no-list-border li:last-child {
        border-top: unset; }
    .header .user-menu-container .user-nav-bar .sub-ul-list {
      text-indent: 20px; }
      .header .user-menu-container .user-nav-bar .sub-ul-list li:last-child {
        border-top: none; }
      .header .user-menu-container .user-nav-bar .sub-ul-list li.active {
        font-weight: bold; }
  .header .user-menu-container .arrow_box:after,
  .header .user-menu-container .arrow_box:before {
    left: 50% !important; }

.header-search-custom-menu li .item-title .item-icon {
  max-width: 40px;
  margin-right: 10px;
  padding: 2px;
  border-radius: 100px; }

.virtualRepeatdemoInfiniteScroll #vertical-container {
  height: 292px;
  width: 400px; }

.virtualRepeatdemoInfiniteScroll .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding-top: 10px; }

.virtualRepeatdemoInfiniteScroll md-content {
  margin: 16px; }

.virtualRepeatdemoInfiniteScroll md-virtual-repeat-container {
  border: solid 1px grey; }

.virtualRepeatdemoInfiniteScroll .md-virtual-repeat-container .md-virtual-repeat-offsetter {
  padding-left: 16px; }

.inner-loader,
.inner-loader:before,
.inner-loader:after,
.mini-inner-loader,
.mini-inner-loader:before,
.mini-inner-loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out; }

.mini-inner-loader {
  font-size: 3px !important;
  top: 5px;
  left: -10px; }

.inner-loader {
  font-size: 8px; }

.inner-loader,
.mini-inner-loader {
  color: #37a6f5;
  margin: 0px auto 40px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }
  .inner-loader.no-margin,
  .mini-inner-loader.no-margin {
    margin: 0; }

.inner-loader:before,
.inner-loader:after,
.mini-inner-loader:before,
.mini-inner-loader:after {
  content: '';
  position: absolute;
  top: 0; }

.inner-loader:before,
.mini-inner-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  top: 0; }

.inner-loader:after,
.mini-inner-loader:after {
  left: 3.5em;
  top: 2px; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

.heb .header-search-wrap .header-search-icon {
  right: unset;
  left: 10px; }

.drawer {
  position: fixed;
  background-color: #fff;
  z-index: 4;
  min-width: 330px;
  -webkit-box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 300ms; }
  .drawer .__arbox-sidebar-container {
    padding: 30px; }
  .drawer.drawerDir_right.ng-enter {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
    .drawer.drawerDir_right.ng-enter.ng-enter-active {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
  .drawer.drawerDir_right.ng-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
    .drawer.drawerDir_right.ng-leave.ng-leave-active {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0; }
  .drawer.drawerDir_left.ng-enter {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
    .drawer.drawerDir_left.ng-enter.ng-enter-active {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
  .drawer.drawerDir_left.ng-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
    .drawer.drawerDir_left.ng-leave.ng-leave-active {
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px);
      opacity: 0; }
  .drawer.drawerDir_bottom.ng-enter {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
    .drawer.drawerDir_bottom.ng-enter.ng-enter-active {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
  .drawer.drawerDir_bottom.ng-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
    .drawer.drawerDir_bottom.ng-leave.ng-leave-active {
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0; }

.__arbox-app-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 110;
  transition: 200ms all; }
  .__arbox-app-overlay.ng-enter {
    opacity: 0; }
    .__arbox-app-overlay.ng-enter.ng-enter-active {
      opacity: 1; }
  .__arbox-app-overlay.ng-leave {
    opacity: 1; }
    .__arbox-app-overlay.ng-leave.ng-leave-active {
      opacity: 0; }

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.general-wrapper.insights-container {
  margin-bottom: 15px; }
  .general-wrapper.insights-container .custom-submit {
    background-color: #2196f3 !important;
    color: white;
    font-weight: bold; }
  .general-wrapper.insights-container md-input-container .md-errors-spacer {
    display: none; }
  .general-wrapper.insights-container .header-input {
    margin: 0;
    padding-bottom: 15px; }
    .general-wrapper.insights-container .header-input md-select {
      width: 100%; }
  .general-wrapper.insights-container .custom-md-input-container {
    max-width: 180px; }
  .general-wrapper.insights-container .filter-row {
    height: 70px;
    padding: 0 20px;
    background: rgba(146, 146, 146, 0.13); }
    .general-wrapper.insights-container .filter-row .custom-select-style-colors {
      height: 28px; }
    .general-wrapper.insights-container .filter-row md-radio-group md-radio-button {
      margin: 0; }
      .general-wrapper.insights-container .filter-row md-radio-group md-radio-button span {
        color: black;
        font-size: 14px;
        font-weight: bold; }
  .general-wrapper.insights-container .custom-datepicker-container {
    position: relative;
    top: 3px; }
    .general-wrapper.insights-container .custom-datepicker-container .md-datepicker-label {
      bottom: 40px; }
  .general-wrapper.insights-container .md-datepicker-button {
    float: none !important;
    margin-top: -7.5px !important; }
  .general-wrapper.insights-container .md-datepicker-label {
    position: absolute;
    left: auto;
    margin-bottom: 5px;
    bottom: 60px; }
  .general-wrapper.insights-container .margin-between-flex-main-page {
    width: 30px; }

.heb .general-wrapper.insights-container .md-datepicker-triangle-button {
  left: -30px !important;
  right: unset !important; }

.heb .general-wrapper.insights-container .md-datepicker-label {
  position: absolute;
  right: 50px !important; }

@media screen and (max-width: 600px) {
  .general-wrapper.insights-container .header {
    padding: 0 8px; }
  .general-wrapper.insights-container md-input-container {
    margin: 10px 0; } }

.mobile-loading .background-mobile-loader {
  background-color: gray;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 8888;
  opacity: 0.3; }

.mobile-loading md-progress-circular {
  position: absolute;
  top: 30%;
  right: 40%;
  z-index: 99999; }

.opacity {
  top: 0;
  left: 0;
  background: #e2e3e4;
  opacity: 0.85;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999; }

.loader {
  position: fixed;
  top: 15%;
  left: 37vw;
  z-index: 99999;
  text-align: center; }
  .loader .arbox-loader {
    max-width: 25vw; }

#cupcake {
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -mos-flex-direction: row;
  -o-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 600; }
  #cupcake .letter-a, #cupcake .letter-r {
    color: #404041; }
  #cupcake .letter-b, #cupcake .letter-x {
    color: #bd1e2c; }

.letter {
  font-size: 80px;
  font-family: tahoma; }

.box {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.cupcakeCircle, .cupcakeInner, .cupcakeCore {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%; }

.cupcake, .letter, .cupcakeCircle, .cupcakeInner, .cupcakeCore {
  flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none; }

.letter, .cupcakeCircle {
  align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -o-align-self: center;
  -ms-align-self: center; }

.cupcakeCircle {
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  height: 70px;
  width: 70px;
  background-color: #404041; }

.cupcakeInner {
  align-self: center;
  -ms-align-self: center;
  justify-content: center;
  -ms-justify-content: center;
  height: 50%;
  width: 50%;
  background-color: #bd1e2c;
  -webkit-animation-name: cupcakeAnimate;
  -webkit-animation-duration: 500ms;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite; }

.cupcakeCore {
  align-self: center;
  -ms-align-self: center;
  height: 25%;
  width: 25%;
  background-color: #404041;
  -webkit-animation-name: coreAnimate;
  -webkit-animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes cupcakeAnimate {
  to {
    height: 90%;
    width: 90%; } }

@keyframes cupcakeAnimate {
  to {
    height: 90%;
    width: 90%; } }

@-webkit-keyframes coreAnimate {
  to {
    height: 90%;
    width: 90%; } }

@keyframes coreAnimate {
  to {
    height: 90%;
    width: 90%; } }

/*----------------------------------------------------------------*/
/*  Icons
/*----------------------------------------------------------------*/
md-icon[md-font-icon],
i {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px; }
  md-icon[md-font-icon].s4,
  i.s4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important; }
  md-icon[md-font-icon].s6,
  i.s6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important; }
  md-icon[md-font-icon].s8,
  i.s8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important; }
  md-icon[md-font-icon].s10,
  i.s10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important; }
  md-icon[md-font-icon].s12,
  i.s12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important; }
  md-icon[md-font-icon].s14,
  i.s14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important; }
  md-icon[md-font-icon].s16,
  i.s16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important; }
  md-icon[md-font-icon].s18,
  i.s18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important; }
  md-icon[md-font-icon].s20,
  i.s20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important; }
  md-icon[md-font-icon].s22,
  i.s22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important; }
  md-icon[md-font-icon].s24,
  i.s24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important; }
  md-icon[md-font-icon].s26,
  i.s26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important; }
  md-icon[md-font-icon].s28,
  i.s28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important; }
  md-icon[md-font-icon].s30,
  i.s30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important; }
  md-icon[md-font-icon].s32,
  i.s32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important; }
  md-icon[md-font-icon].s34,
  i.s34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important; }
  md-icon[md-font-icon].s36,
  i.s36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important; }
  md-icon[md-font-icon].s38,
  i.s38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important; }
  md-icon[md-font-icon].s40,
  i.s40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important; }
  md-icon[md-font-icon].s42,
  i.s42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important; }
  md-icon[md-font-icon].s44,
  i.s44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important; }
  md-icon[md-font-icon].s46,
  i.s46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important; }
  md-icon[md-font-icon].s48,
  i.s48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important; }
  md-icon[md-font-icon].s50,
  i.s50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important; }
  md-icon[md-font-icon].s52,
  i.s52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important; }
  md-icon[md-font-icon].s54,
  i.s54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important; }
  md-icon[md-font-icon].s56,
  i.s56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important; }
  md-icon[md-font-icon].s58,
  i.s58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important; }
  md-icon[md-font-icon].s60,
  i.s60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important; }
  md-icon[md-font-icon].s62,
  i.s62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important; }
  md-icon[md-font-icon].s64,
  i.s64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important; }
  md-icon[md-font-icon].s66,
  i.s66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important; }
  md-icon[md-font-icon].s68,
  i.s68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important; }
  md-icon[md-font-icon].s70,
  i.s70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important; }
  md-icon[md-font-icon].s72,
  i.s72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important; }
  md-icon[md-font-icon].s74,
  i.s74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important; }
  md-icon[md-font-icon].s76,
  i.s76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important; }
  md-icon[md-font-icon].s78,
  i.s78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important; }
  md-icon[md-font-icon].s80,
  i.s80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important; }
  md-icon[md-font-icon].s82,
  i.s82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important; }
  md-icon[md-font-icon].s84,
  i.s84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important; }
  md-icon[md-font-icon].s86,
  i.s86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important; }
  md-icon[md-font-icon].s88,
  i.s88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important; }
  md-icon[md-font-icon].s90,
  i.s90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important; }
  md-icon[md-font-icon].s92,
  i.s92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important; }
  md-icon[md-font-icon].s94,
  i.s94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important; }
  md-icon[md-font-icon].s96,
  i.s96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important; }
  md-icon[md-font-icon].s98,
  i.s98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important; }
  md-icon[md-font-icon].s100,
  i.s100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important; }
  md-icon[md-font-icon].s102,
  i.s102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important; }
  md-icon[md-font-icon].s104,
  i.s104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important; }
  md-icon[md-font-icon].s106,
  i.s106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important; }
  md-icon[md-font-icon].s108,
  i.s108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important; }
  md-icon[md-font-icon].s110,
  i.s110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important; }
  md-icon[md-font-icon].s112,
  i.s112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important; }
  md-icon[md-font-icon].s114,
  i.s114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important; }
  md-icon[md-font-icon].s116,
  i.s116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important; }
  md-icon[md-font-icon].s118,
  i.s118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important; }
  md-icon[md-font-icon].s120,
  i.s120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important; }
  md-icon[md-font-icon].s122,
  i.s122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important; }
  md-icon[md-font-icon].s124,
  i.s124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important; }
  md-icon[md-font-icon].s126,
  i.s126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important; }
  md-icon[md-font-icon].s128,
  i.s128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important; }
  md-icon[md-font-icon].s130,
  i.s130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important; }
  md-icon[md-font-icon].s132,
  i.s132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important; }
  md-icon[md-font-icon].s134,
  i.s134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important; }
  md-icon[md-font-icon].s136,
  i.s136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important; }
  md-icon[md-font-icon].s138,
  i.s138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important; }
  md-icon[md-font-icon].s140,
  i.s140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important; }
  md-icon[md-font-icon].s142,
  i.s142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important; }
  md-icon[md-font-icon].s144,
  i.s144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important; }
  md-icon[md-font-icon].s146,
  i.s146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important; }
  md-icon[md-font-icon].s148,
  i.s148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important; }
  md-icon[md-font-icon].s150,
  i.s150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important; }
  md-icon[md-font-icon].s152,
  i.s152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important; }
  md-icon[md-font-icon].s154,
  i.s154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important; }
  md-icon[md-font-icon].s156,
  i.s156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important; }
  md-icon[md-font-icon].s158,
  i.s158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important; }
  md-icon[md-font-icon].s160,
  i.s160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important; }
  md-icon[md-font-icon].s162,
  i.s162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important; }
  md-icon[md-font-icon].s164,
  i.s164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important; }
  md-icon[md-font-icon].s166,
  i.s166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important; }
  md-icon[md-font-icon].s168,
  i.s168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important; }
  md-icon[md-font-icon].s170,
  i.s170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important; }
  md-icon[md-font-icon].s172,
  i.s172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important; }
  md-icon[md-font-icon].s174,
  i.s174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important; }
  md-icon[md-font-icon].s176,
  i.s176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important; }
  md-icon[md-font-icon].s178,
  i.s178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important; }
  md-icon[md-font-icon].s180,
  i.s180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important; }
  md-icon[md-font-icon].s182,
  i.s182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important; }
  md-icon[md-font-icon].s184,
  i.s184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important; }
  md-icon[md-font-icon].s186,
  i.s186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important; }
  md-icon[md-font-icon].s188,
  i.s188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important; }
  md-icon[md-font-icon].s190,
  i.s190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important; }
  md-icon[md-font-icon].s192,
  i.s192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important; }
  md-icon[md-font-icon].s194,
  i.s194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important; }
  md-icon[md-font-icon].s196,
  i.s196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important; }
  md-icon[md-font-icon].s198,
  i.s198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important; }
  md-icon[md-font-icon].s200,
  i.s200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important; }
  md-icon[md-font-icon].s202,
  i.s202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important; }
  md-icon[md-font-icon].s204,
  i.s204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important; }
  md-icon[md-font-icon].s206,
  i.s206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important; }
  md-icon[md-font-icon].s208,
  i.s208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important; }
  md-icon[md-font-icon].s210,
  i.s210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important; }
  md-icon[md-font-icon].s212,
  i.s212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important; }
  md-icon[md-font-icon].s214,
  i.s214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important; }
  md-icon[md-font-icon].s216,
  i.s216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important; }
  md-icon[md-font-icon].s218,
  i.s218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important; }
  md-icon[md-font-icon].s220,
  i.s220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important; }
  md-icon[md-font-icon].s222,
  i.s222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important; }
  md-icon[md-font-icon].s224,
  i.s224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important; }
  md-icon[md-font-icon].s226,
  i.s226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important; }
  md-icon[md-font-icon].s228,
  i.s228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important; }
  md-icon[md-font-icon].s230,
  i.s230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important; }
  md-icon[md-font-icon].s232,
  i.s232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important; }
  md-icon[md-font-icon].s234,
  i.s234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important; }
  md-icon[md-font-icon].s236,
  i.s236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important; }
  md-icon[md-font-icon].s238,
  i.s238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important; }
  md-icon[md-font-icon].s240,
  i.s240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important; }
  md-icon[md-font-icon].s242,
  i.s242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important; }
  md-icon[md-font-icon].s244,
  i.s244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important; }
  md-icon[md-font-icon].s246,
  i.s246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important; }
  md-icon[md-font-icon].s248,
  i.s248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important; }
  md-icon[md-font-icon].s250,
  i.s250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important; }
  md-icon[md-font-icon].s252,
  i.s252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important; }
  md-icon[md-font-icon].s254,
  i.s254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important; }
  md-icon[md-font-icon].s256,
  i.s256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important; }

@font-face {
  font-family: 'icomoon';
  src: url("../lib/fonts/icomoon.eot");
  src: url("../lib/fonts/icomoon.eot") format("embedded-opentype"), url("../lib/fonts/icomoon.ttf") format("truetype"), url("../lib/fonts/icomoon.woff") format("woff"), url("../lib/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[md-font-icon] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-account-alert:before {
  content: "\e600"; }

.icon-account-box-outline:before {
  content: "\e601"; }

.icon-account-box:before {
  content: "\e602"; }

.icon-account-check:before {
  content: "\e603"; }

.icon-account-circle:before {
  content: "\e604"; }

.icon-account-key:before {
  content: "\e605"; }

.icon-account-location:before {
  content: "\e606"; }

.icon-account-minus:before {
  content: "\e607"; }

.icon-account-multiple-outline:before {
  content: "\e608"; }

.icon-account-multiple-plus:before {
  content: "\e609"; }

.icon-account-multiple:before {
  content: "\e60a"; }

.icon-account-network:before {
  content: "\e60b"; }

.icon-account-outline:before {
  content: "\e60c"; }

.icon-account-plus:before {
  content: "\e60d"; }

.icon-account-remove:before {
  content: "\e60e"; }

.icon-account-search:before {
  content: "\e60f"; }

.icon-account-switch:before {
  content: "\e610"; }

.icon-account:before {
  content: "\e611"; }

.icon-airballoon:before {
  content: "\e612"; }

.icon-airplane-off:before {
  content: "\e613"; }

.icon-airplane:before {
  content: "\e614"; }

.icon-alarm-check:before {
  content: "\e615"; }

.icon-alarm-multiple:before {
  content: "\e616"; }

.icon-alarm-off:before {
  content: "\e617"; }

.icon-alarm-plus:before {
  content: "\e618"; }

.icon-alarm:before {
  content: "\e619"; }

.icon-album:before {
  content: "\e61a"; }

.icon-alert-box:before {
  content: "\e61b"; }

.icon-alert-circle:before {
  content: "\e61c"; }

.icon-alert-octagon:before {
  content: "\e61d"; }

.icon-alert:before {
  content: "\e61e"; }

.icon-alpha:before {
  content: "\e61f"; }

.icon-alphabetical:before {
  content: "\e620"; }

.icon-amazon-clouddrive:before {
  content: "\e621"; }

.icon-amazon:before {
  content: "\e622"; }

.icon-ambulance:before {
  content: "\e623"; }

.icon-android-debug-bridge:before {
  content: "\e624"; }

.icon-android-studio:before {
  content: "\e625"; }

.icon-android:before {
  content: "\e626"; }

.icon-apple-finder:before {
  content: "\e627"; }

.icon-apple-ios:before {
  content: "\e628"; }

.icon-apple-mobileme:before {
  content: "\e629"; }

.icon-apple-safari:before {
  content: "\e62a"; }

.icon-apple:before {
  content: "\e62b"; }

.icon-appnet:before {
  content: "\e62c"; }

.icon-apps:before {
  content: "\e62d"; }

.icon-archive:before {
  content: "\e62e"; }

.icon-arrange-bring-forward:before {
  content: "\e62f"; }

.icon-arrange-bring-to-front:before {
  content: "\e630"; }

.icon-arrange-send-backward:before {
  content: "\e631"; }

.icon-arrange-send-to-back:before {
  content: "\e632"; }

.icon-arrow-all:before {
  content: "\e633"; }

.icon-arrow-bottom-left:before {
  content: "\e634"; }

.icon-arrow-bottom-right:before {
  content: "\e635"; }

.icon-arrow-collapse:before {
  content: "\e636"; }

.icon-arrow-down-bold-circle-outline:before {
  content: "\e637"; }

.icon-arrow-down-bold-circle:before {
  content: "\e638"; }

.icon-arrow-down-bold-hexagon-outline:before {
  content: "\e639"; }

.icon-arrow-down-bold:before {
  content: "\e63a"; }

.icon-arrow-down:before {
  content: "\e63b"; }

.icon-arrow-expand:before {
  content: "\e63c"; }

.icon-arrow-left-bold-circle-outline:before {
  content: "\e63d"; }

.icon-arrow-left-bold-circle:before {
  content: "\e63e"; }

.icon-arrow-left-bold-hexagon-outline:before {
  content: "\e63f"; }

.icon-arrow-left-bold:before {
  content: "\e640"; }

.icon-arrow-left:before {
  content: "\e641"; }

.icon-arrow-right-bold-circle-outline:before {
  content: "\e642"; }

.icon-arrow-right-bold-circle:before {
  content: "\e643"; }

.icon-arrow-right-bold-hexagon-outline:before {
  content: "\e644"; }

.icon-arrow-right-bold:before {
  content: "\e645"; }

.icon-arrow-right:before {
  content: "\e646"; }

.icon-arrow-top-left:before {
  content: "\e647"; }

.icon-arrow-top-right:before {
  content: "\e648"; }

.icon-arrow-up-bold-circle-outline:before {
  content: "\e649"; }

.icon-arrow-up-bold-circle:before {
  content: "\e64a"; }

.icon-arrow-up-bold-hexagon-outline:before {
  content: "\e64b"; }

.icon-arrow-up-bold:before {
  content: "\e64c"; }

.icon-arrow-up:before {
  content: "\e64d"; }

.icon-at:before {
  content: "\e64e"; }

.icon-attachment:before {
  content: "\e64f"; }

.icon-audiobook:before {
  content: "\e650"; }

.icon-auto-fix:before {
  content: "\e651"; }

.icon-auto-upload:before {
  content: "\e652"; }

.icon-baby:before {
  content: "\e653"; }

.icon-backburger:before {
  content: "\e654"; }

.icon-backup-restore:before {
  content: "\e655"; }

.icon-bank:before {
  content: "\e656"; }

.icon-barcode:before {
  content: "\e657"; }

.icon-barley:before {
  content: "\e658"; }

.icon-barrel:before {
  content: "\e659"; }

.icon-basecamp:before {
  content: "\e65a"; }

.icon-basket-fill:before {
  content: "\e65b"; }

.icon-basket-unfill:before {
  content: "\e65c"; }

.icon-basket:before {
  content: "\e65d"; }

.icon-battery-10:before {
  content: "\e65e"; }

.icon-battery-20:before {
  content: "\e65f"; }

.icon-battery-30:before {
  content: "\e660"; }

.icon-battery-40:before {
  content: "\e661"; }

.icon-battery-50:before {
  content: "\e662"; }

.icon-battery-60:before {
  content: "\e663"; }

.icon-battery-70:before {
  content: "\e664"; }

.icon-battery-80:before {
  content: "\e665"; }

.icon-battery-90:before {
  content: "\e666"; }

.icon-battery-alert:before {
  content: "\e667"; }

.icon-battery-charging-20:before {
  content: "\e668"; }

.icon-battery-charging-30:before {
  content: "\e669"; }

.icon-battery-charging-40:before {
  content: "\e66a"; }

.icon-battery-charging-60:before {
  content: "\e66b"; }

.icon-battery-charging-80:before {
  content: "\e66c"; }

.icon-battery-charging-90:before {
  content: "\e66d"; }

.icon-battery-charging-100:before {
  content: "\e66e"; }

.icon-battery-minus:before {
  content: "\e66f"; }

.icon-battery-negative:before {
  content: "\e670"; }

.icon-battery-outline:before {
  content: "\e671"; }

.icon-battery-plus:before {
  content: "\e672"; }

.icon-battery-positive:before {
  content: "\e673"; }

.icon-battery-standard:before {
  content: "\e674"; }

.icon-battery-unknown:before {
  content: "\e675"; }

.icon-battery:before {
  content: "\e676"; }

.icon-beach:before {
  content: "\e677"; }

.icon-beaker-empty-outline:before {
  content: "\e678"; }

.icon-beaker-empty:before {
  content: "\e679"; }

.icon-beaker-outline:before {
  content: "\e67a"; }

.icon-beaker:before {
  content: "\e67b"; }

.icon-beats:before {
  content: "\e67c"; }

.icon-beer:before {
  content: "\e67d"; }

.icon-behance:before {
  content: "\e67e"; }

.icon-bell-off:before {
  content: "\e67f"; }

.icon-bell-outline:before {
  content: "\e680"; }

.icon-bell-ring-outline:before {
  content: "\e681"; }

.icon-bell-ring:before {
  content: "\e682"; }

.icon-bell-sleep:before {
  content: "\e683"; }

.icon-bell:before {
  content: "\e684"; }

.icon-beta:before {
  content: "\e685"; }

.icon-bike:before {
  content: "\e686"; }

.icon-bing:before {
  content: "\e687"; }

.icon-binoculars:before {
  content: "\e688"; }

.icon-bio:before {
  content: "\e689"; }

.icon-bitbucket:before {
  content: "\e68a"; }

.icon-black-mesa:before {
  content: "\e68b"; }

.icon-blackberry:before {
  content: "\e68c"; }

.icon-blinds:before {
  content: "\e68d"; }

.icon-block-helper:before {
  content: "\e68e"; }

.icon-blogger:before {
  content: "\e68f"; }

.icon-bluetooth-audio:before {
  content: "\e690"; }

.icon-bluetooth-connect:before {
  content: "\e691"; }

.icon-bluetooth-settings:before {
  content: "\e692"; }

.icon-bluetooth-transfer:before {
  content: "\e693"; }

.icon-bluetooth:before {
  content: "\e694"; }

.icon-blur-linear:before {
  content: "\e695"; }

.icon-blur-off:before {
  content: "\e696"; }

.icon-blur-radial:before {
  content: "\e697"; }

.icon-blur:before {
  content: "\e698"; }

.icon-bone:before {
  content: "\e699"; }

.icon-book-multiple-variant:before {
  content: "\e69a"; }

.icon-book-multiple:before {
  content: "\e69b"; }

.icon-book-open:before {
  content: "\e69c"; }

.icon-book-variant:before {
  content: "\e69d"; }

.icon-book:before {
  content: "\e69e"; }

.icon-bookmark-check:before {
  content: "\e69f"; }

.icon-bookmark-music:before {
  content: "\e6a0"; }

.icon-bookmark-outline-plus:before {
  content: "\e6a1"; }

.icon-bookmark-outline:before {
  content: "\e6a2"; }

.icon-bookmark-plus:before {
  content: "\e6a3"; }

.icon-bookmark-remove:before {
  content: "\e6a4"; }

.icon-bookmark:before {
  content: "\e6a5"; }

.icon-border-all:before {
  content: "\e6a6"; }

.icon-border-bottom:before {
  content: "\e6a7"; }

.icon-border-color:before {
  content: "\e6a8"; }

.icon-border-horizontal:before {
  content: "\e6a9"; }

.icon-border-inside:before {
  content: "\e6aa"; }

.icon-border-left:before {
  content: "\e6ab"; }

.icon-border-none:before {
  content: "\e6ac"; }

.icon-border-outside:before {
  content: "\e6ad"; }

.icon-border-right:before {
  content: "\e6ae"; }

.icon-border-top:before {
  content: "\e6af"; }

.icon-border-vertical:before {
  content: "\e6b0"; }

.icon-bowling:before {
  content: "\e6b1"; }

.icon-box-download:before {
  content: "\e6b2"; }

.icon-box-upload:before {
  content: "\e6b3"; }

.icon-box:before {
  content: "\e6b4"; }

.icon-briefcase-checked:before {
  content: "\e6b5"; }

.icon-briefcase-download:before {
  content: "\e6b6"; }

.icon-briefcase-upload:before {
  content: "\e6b7"; }

.icon-briefcase:before {
  content: "\e6b8"; }

.icon-brightness-1:before {
  content: "\e6b9"; }

.icon-brightness-2:before {
  content: "\e6ba"; }

.icon-brightness-3:before {
  content: "\e6bb"; }

.icon-brightness-4:before {
  content: "\e6bc"; }

.icon-brightness-5:before {
  content: "\e6bd"; }

.icon-brightness-6:before {
  content: "\e6be"; }

.icon-brightness-7:before {
  content: "\e6bf"; }

.icon-brightness-auto:before {
  content: "\e6c0"; }

.icon-brightness:before {
  content: "\e6c1"; }

.icon-broom:before {
  content: "\e6c2"; }

.icon-brush:before {
  content: "\e6c3"; }

.icon-bug:before {
  content: "\e6c4"; }

.icon-bulletin-board:before {
  content: "\e6c5"; }

.icon-bullhorn:before {
  content: "\e6c6"; }

.icon-bus:before {
  content: "\e6c7"; }

.icon-cake-variant:before {
  content: "\e6c8"; }

.icon-cake:before {
  content: "\e6c9"; }

.icon-calculator:before {
  content: "\e6ca"; }

.icon-calendar-blank:before {
  content: "\e6cb"; }

.icon-calendar-check-multiple:before {
  content: "\e6cc"; }

.icon-calendar-check:before {
  content: "\e6cd"; }

.icon-calendar-clock:before {
  content: "\e6ce"; }

.icon-calendar-multiple:before {
  content: "\e6cf"; }

.icon-calendar-plus:before {
  content: "\e6d0"; }

.icon-calendar-remove:before {
  content: "\e6d1"; }

.icon-calendar-select:before {
  content: "\e6d2"; }

.icon-calendar-text:before {
  content: "\e6d3"; }

.icon-calendar-today:before {
  content: "\e6d4"; }

.icon-calendar:before {
  content: "\e6d5"; }

.icon-camcorder-box-off:before {
  content: "\e6d6"; }

.icon-camcorder-box:before {
  content: "\e6d7"; }

.icon-camcorder-off:before {
  content: "\e6d8"; }

.icon-camcorder:before {
  content: "\e6d9"; }

.icon-camera-front-variant:before {
  content: "\e6da"; }

.icon-camera-front:before {
  content: "\e6db"; }

.icon-camera-iris:before {
  content: "\e6dc"; }

.icon-camera-party-mode:before {
  content: "\e6dd"; }

.icon-camera-rear-variant:before {
  content: "\e6de"; }

.icon-camera-rear:before {
  content: "\e6df"; }

.icon-camera-switch:before {
  content: "\e6e0"; }

.icon-camera-timer:before {
  content: "\e6e1"; }

.icon-camera:before {
  content: "\e6e2"; }

.icon-cancel:before {
  content: "\e6e3"; }

.icon-candycane:before {
  content: "\e6e4"; }

.icon-car-wash:before {
  content: "\e6e5"; }

.icon-car:before {
  content: "\e6e6"; }

.icon-carrot:before {
  content: "\e6e7"; }

.icon-cart-outline:before {
  content: "\e6e8"; }

.icon-cart:before {
  content: "\e6e9"; }

.icon-cash-100:before {
  content: "\e6ea"; }

.icon-cash-multiple:before {
  content: "\e6eb"; }

.icon-cash-usd:before {
  content: "\e6ec"; }

.icon-cash:before {
  content: "\e6ed"; }

.icon-cast-connected:before {
  content: "\e6ee"; }

.icon-cast:before {
  content: "\e6ef"; }

.icon-castle:before {
  content: "\e6f0"; }

.icon-cat:before {
  content: "\e6f1"; }

.icon-cellphone-android:before {
  content: "\e6f2"; }

.icon-cellphone-dock:before {
  content: "\e6f3"; }

.icon-cellphone-iphone:before {
  content: "\e6f4"; }

.icon-cellphone-link-off:before {
  content: "\e6f5"; }

.icon-cellphone-link:before {
  content: "\e6f6"; }

.icon-cellphone-settings:before {
  content: "\e6f7"; }

.icon-cellphone:before {
  content: "\e6f8"; }

.icon-chair-school:before {
  content: "\e6f9"; }

.icon-chart-arc:before {
  content: "\e6fa"; }

.icon-chart-areaspline:before {
  content: "\e6fb"; }

.icon-chart-bar:before {
  content: "\e6fc"; }

.icon-chart-histogram:before {
  content: "\e6fd"; }

.icon-chart-line:before {
  content: "\e6fe"; }

.icon-chart-pie:before {
  content: "\e6ff"; }

.icon-check-all:before {
  content: "\e700"; }

.icon-check-bookmark:before {
  content: "\e701"; }

.icon-check-circle:before {
  content: "\e702"; }

.icon-check:before {
  content: "\e703"; }

.icon-checkbox-blank-circle-outline:before {
  content: "\e704"; }

.icon-checkbox-blank-circle:before {
  content: "\e705"; }

.icon-checkbox-blank-outline:before {
  content: "\e706"; }

.icon-checkbox-blank:before {
  content: "\e707"; }

.icon-checkbox-marked-circle-outline:before {
  content: "\e708"; }

.icon-checkbox-marked-circle:before {
  content: "\e709"; }

.icon-checkbox-marked-outline:before {
  content: "\e70a"; }

.icon-checkbox-marked:before {
  content: "\e70b"; }

.icon-checkbox-multiple-blank-outline:before {
  content: "\e70c"; }

.icon-checkbox-multiple-blank:before {
  content: "\e70d"; }

.icon-checkbox-multiple-marked-outline:before {
  content: "\e70e"; }

.icon-checkbox-multiple-marked:before {
  content: "\e70f"; }

.icon-checkerboard:before {
  content: "\e710"; }

.icon-chevron-double-down:before {
  content: "\e711"; }

.icon-chevron-double-left:before {
  content: "\e712"; }

.icon-chevron-double-right:before {
  content: "\e713"; }

.icon-chevron-double-up:before {
  content: "\e714"; }

.icon-chevron-down:before {
  content: "\e715"; }

.icon-chevron-left:before {
  content: "\e716"; }

.icon-chevron-right:before {
  content: "\e717"; }

.icon-chevron-up:before {
  content: "\e718"; }

.icon-church:before {
  content: "\e719"; }

.icon-cisco-webex:before {
  content: "\e71a"; }

.icon-city:before {
  content: "\e71b"; }

.icon-clapperboard:before {
  content: "\e71c"; }

.icon-clipboard-account:before {
  content: "\e71d"; }

.icon-clipboard-alert:before {
  content: "\e71e"; }

.icon-clipboard-arrow-down:before {
  content: "\e71f"; }

.icon-clipboard-arrow-left:before {
  content: "\e720"; }

.icon-clipboard-check:before {
  content: "\e721"; }

.icon-clipboard-outline:before {
  content: "\e722"; }

.icon-clipboard-text:before {
  content: "\e723"; }

.icon-clipboard:before {
  content: "\e724"; }

.icon-clippy:before {
  content: "\e725"; }

.icon-clock-fast:before {
  content: "\e726"; }

.icon-clock:before {
  content: "\e727"; }

.icon-close-circle-outline:before {
  content: "\e728"; }

.icon-close-circle:before {
  content: "\e729"; }

.icon-close-network:before {
  content: "\e72a"; }

.icon-close:before {
  content: "\e72b"; }

.icon-closed-caption:before {
  content: "\e72c"; }

.icon-cloud-check:before {
  content: "\e72d"; }

.icon-cloud-circle:before {
  content: "\e72e"; }

.icon-cloud-download:before {
  content: "\e72f"; }

.icon-cloud-outline-off:before {
  content: "\e730"; }

.icon-cloud-outline:before {
  content: "\e731"; }

.icon-cloud-upload:before {
  content: "\e732"; }

.icon-cloud:before {
  content: "\e733"; }

.icon-code-array:before {
  content: "\e734"; }

.icon-code-braces:before {
  content: "\e735"; }

.icon-code-equal:before {
  content: "\e736"; }

.icon-code-greater-than-or-equal:before {
  content: "\e737"; }

.icon-code-greater-than:before {
  content: "\e738"; }

.icon-code-less-than-or-equal:before {
  content: "\e739"; }

.icon-code-less-than:before {
  content: "\e73a"; }

.icon-code-not-equal-variant:before {
  content: "\e73b"; }

.icon-code-not-equal:before {
  content: "\e73c"; }

.icon-code-string:before {
  content: "\e73d"; }

.icon-code-tags:before {
  content: "\e73e"; }

.icon-codepen:before {
  content: "\e73f"; }

.icon-coffee-to-go:before {
  content: "\e740"; }

.icon-coffee:before {
  content: "\e741"; }

.icon-cog-box:before {
  content: "\e742"; }

.icon-cog:before {
  content: "\e743"; }

.icon-coin:before {
  content: "\e744"; }

.icon-color-helper:before {
  content: "\e745"; }

.icon-comment-account-outline:before {
  content: "\e746"; }

.icon-comment-account:before {
  content: "\e747"; }

.icon-comment-alert-outline:before {
  content: "\e748"; }

.icon-comment-alert:before {
  content: "\e749"; }

.icon-comment-check-outline:before {
  content: "\e74a"; }

.icon-comment-check:before {
  content: "\e74b"; }

.icon-comment-multipe-outline:before {
  content: "\e74c"; }

.icon-comment-outline:before {
  content: "\e74d"; }

.icon-comment-plus-outline:before {
  content: "\e74e"; }

.icon-comment-processing-outline:before {
  content: "\e74f"; }

.icon-comment-processing:before {
  content: "\e750"; }

.icon-comment-remove-outline:before {
  content: "\e751"; }

.icon-comment-text-outline:before {
  content: "\e752"; }

.icon-comment-text:before {
  content: "\e753"; }

.icon-comment:before {
  content: "\e754"; }

.icon-compare:before {
  content: "\e755"; }

.icon-compass-outline:before {
  content: "\e756"; }

.icon-compass:before {
  content: "\e757"; }

.icon-console:before {
  content: "\e758"; }

.icon-content-copy:before {
  content: "\e759"; }

.icon-content-cut:before {
  content: "\e75a"; }

.icon-content-duplicate:before {
  content: "\e75b"; }

.icon-content-paste:before {
  content: "\e75c"; }

.icon-content-save-all:before {
  content: "\e75d"; }

.icon-content-save:before {
  content: "\e75e"; }

.icon-contrast-box:before {
  content: "\e75f"; }

.icon-contrast-circle:before {
  content: "\e760"; }

.icon-contrast:before {
  content: "\e761"; }

.icon-controller-xbox:before {
  content: "\e762"; }

.icon-cow:before {
  content: "\e763"; }

.icon-credit-card-multiple:before {
  content: "\e764"; }

.icon-credit-card:before {
  content: "\e765"; }

.icon-crop-free:before {
  content: "\e766"; }

.icon-crop-landscape:before {
  content: "\e767"; }

.icon-crop-portrait:before {
  content: "\e768"; }

.icon-crop-square:before {
  content: "\e769"; }

.icon-crop:before {
  content: "\e76a"; }

.icon-crosshairs-gps:before {
  content: "\e76b"; }

.icon-crosshairs:before {
  content: "\e76c"; }

.icon-crown:before {
  content: "\e76d"; }

.icon-cube-outline:before {
  content: "\e76e"; }

.icon-cube-unfolded:before {
  content: "\e76f"; }

.icon-cube:before {
  content: "\e770"; }

.icon-cup-water:before {
  content: "\e771"; }

.icon-cup:before {
  content: "\e772"; }

.icon-currency-btc:before {
  content: "\e773"; }

.icon-currency-eur:before {
  content: "\e774"; }

.icon-currency-gbp:before {
  content: "\e775"; }

.icon-currency-inr:before {
  content: "\e776"; }

.icon-currency-rub:before {
  content: "\e777"; }

.icon-currency-try:before {
  content: "\e778"; }

.icon-currency-usd:before {
  content: "\e779"; }

.icon-cursor-default-outline:before {
  content: "\e77a"; }

.icon-cursor-default:before {
  content: "\e77b"; }

.icon-cursor-move:before {
  content: "\e77c"; }

.icon-cursor-pointer:before {
  content: "\e77d"; }

.icon-data:before {
  content: "\e77e"; }

.icon-debug-step-into:before {
  content: "\e77f"; }

.icon-debug-step-out:before {
  content: "\e780"; }

.icon-debug-step-over:before {
  content: "\e781"; }

.icon-decimal-decrease:before {
  content: "\e782"; }

.icon-decimal-increase:before {
  content: "\e783"; }

.icon-delete-variant:before {
  content: "\e784"; }

.icon-delete:before {
  content: "\e785"; }

.icon-deskphone:before {
  content: "\e786"; }

.icon-desktop-mac:before {
  content: "\e787"; }

.icon-desktop-tower:before {
  content: "\e788"; }

.icon-details:before {
  content: "\e789"; }

.icon-deviantart:before {
  content: "\e78a"; }

.icon-diamond:before {
  content: "\e78b"; }

.icon-dice-1:before {
  content: "\e78c"; }

.icon-dice-2:before {
  content: "\e78d"; }

.icon-dice-3:before {
  content: "\e78e"; }

.icon-dice-4:before {
  content: "\e78f"; }

.icon-dice-5:before {
  content: "\e790"; }

.icon-dice-6:before {
  content: "\e791"; }

.icon-dice:before {
  content: "\e792"; }

.icon-directions:before {
  content: "\e793"; }

.icon-disk-alert:before {
  content: "\e794"; }

.icon-disqus-outline:before {
  content: "\e795"; }

.icon-disqus:before {
  content: "\e796"; }

.icon-division-box:before {
  content: "\e797"; }

.icon-division:before {
  content: "\e798"; }

.icon-dns:before {
  content: "\e799"; }

.icon-document:before {
  content: "\e79a"; }

.icon-domain:before {
  content: "\e79b"; }

.icon-dots-horizontal:before {
  content: "\e79c"; }

.icon-dots-vertical:before {
  content: "\e79d"; }

.icon-download:before {
  content: "\e79e"; }

.icon-drag-horizontal:before {
  content: "\e79f"; }

.icon-drag-vertical:before {
  content: "\e7a0"; }

.icon-drag:before {
  content: "\e7a1"; }

.icon-drawing-box:before {
  content: "\e7a2"; }

.icon-drawing:before {
  content: "\e7a3"; }

.icon-dribbble-box:before {
  content: "\e7a4"; }

.icon-dribbble:before {
  content: "\e7a5"; }

.icon-drone:before {
  content: "\e7a6"; }

.icon-dropbox:before {
  content: "\e7a7"; }

.icon-drupal:before {
  content: "\e7a8"; }

.icon-duck:before {
  content: "\e7a9"; }

.icon-dumbbell:before {
  content: "\e7aa"; }

.icon-earth-off:before {
  content: "\e7ab"; }

.icon-earth:before {
  content: "\e7ac"; }

.icon-ebay:before {
  content: "\e7ad"; }

.icon-edge:before {
  content: "\e7ae"; }

.icon-eject:before {
  content: "\e7af"; }

.icon-elevation-decline:before {
  content: "\e7b0"; }

.icon-elevation-rise:before {
  content: "\e7b1"; }

.icon-elevator:before {
  content: "\e7b2"; }

.icon-email-open:before {
  content: "\e7b3"; }

.icon-email-secure:before {
  content: "\e7b4"; }

.icon-email:before {
  content: "\e7b5"; }

.icon-emoticon-cool:before {
  content: "\e7b6"; }

.icon-emoticon-devil:before {
  content: "\e7b7"; }

.icon-emoticon-happy:before {
  content: "\e7b8"; }

.icon-emoticon-neutral:before {
  content: "\e7b9"; }

.icon-emoticon-poop:before {
  content: "\e7ba"; }

.icon-emoticon-sad:before {
  content: "\e7bb"; }

.icon-emoticon-tongue:before {
  content: "\e7bc"; }

.icon-emoticon:before {
  content: "\e7bd"; }

.icon-engine-outline:before {
  content: "\e7be"; }

.icon-engine:before {
  content: "\e7bf"; }

.icon-equal-box:before {
  content: "\e7c0"; }

.icon-equal:before {
  content: "\e7c1"; }

.icon-eraser:before {
  content: "\e7c2"; }

.icon-escalator:before {
  content: "\e7c3"; }

.icon-etsy:before {
  content: "\e7c4"; }

.icon-evernote:before {
  content: "\e7c5"; }

.icon-exclamation:before {
  content: "\e7c6"; }

.icon-exit-to-app:before {
  content: "\e7c7"; }

.icon-export:before {
  content: "\e7c8"; }

.icon-eye-off:before {
  content: "\e7c9"; }

.icon-eye:before {
  content: "\e7ca"; }

.icon-eyedropper-variant:before {
  content: "\e7cb"; }

.icon-eyedropper:before {
  content: "\e7cc"; }

.icon-facebook-box:before {
  content: "\e7cd"; }

.icon-facebook:before {
  content: "\e7ce"; }

.icon-factory:before {
  content: "\e7cf"; }

.icon-fan:before {
  content: "\e7d0"; }

.icon-fast-forward:before {
  content: "\e7d1"; }

.icon-ferry:before {
  content: "\e7d2"; }

.icon-file-cloud:before {
  content: "\e7d3"; }

.icon-file-delimited:before {
  content: "\e7d4"; }

.icon-file-document-box:before {
  content: "\e7d5"; }

.icon-file-document:before {
  content: "\e7d6"; }

.icon-file-excel-box:before {
  content: "\e7d7"; }

.icon-file-excel:before {
  content: "\e7d8"; }

.icon-file-find:before {
  content: "\e7d9"; }

.icon-file-hidden:before {
  content: "\e7da"; }

.icon-file-image-box:before {
  content: "\e7db"; }

.icon-file-image:before {
  content: "\e7dc"; }

.icon-file-multiple:before {
  content: "\e7dd"; }

.icon-file-music:before {
  content: "\e7de"; }

.icon-file-outline:before {
  content: "\e7df"; }

.icon-file-pdf-box:before {
  content: "\e7e0"; }

.icon-file-pdf:before {
  content: "\e7e1"; }

.icon-file-powerpoint-box:before {
  content: "\e7e2"; }

.icon-file-powerpoint:before {
  content: "\e7e3"; }

.icon-file-presentation-box:before {
  content: "\e7e4"; }

.icon-file-video:before {
  content: "\e7e5"; }

.icon-file-word-box:before {
  content: "\e7e6"; }

.icon-file-word:before {
  content: "\e7e7"; }

.icon-file-xml:before {
  content: "\e7e8"; }

.icon-file:before {
  content: "\e7e9"; }

.icon-fill:before {
  content: "\e7ea"; }

.icon-film:before {
  content: "\e7eb"; }

.icon-filmstrip-off:before {
  content: "\e7ec"; }

.icon-filmstrip:before {
  content: "\e7ed"; }

.icon-filter-outline:before {
  content: "\e7ee"; }

.icon-filter-remove-outline:before {
  content: "\e7ef"; }

.icon-filter-remove:before {
  content: "\e7f0"; }

.icon-filter-variant:before {
  content: "\e7f1"; }

.icon-filter:before {
  content: "\e7f2"; }

.icon-fire:before {
  content: "\e7f3"; }

.icon-fish:before {
  content: "\e7f4"; }

.icon-flag-checkered-variant:before {
  content: "\e7f5"; }

.icon-flag-checkered:before {
  content: "\e7f6"; }

.icon-flag-outline-variant:before {
  content: "\e7f7"; }

.icon-flag-outline:before {
  content: "\e7f8"; }

.icon-flag-triangle:before {
  content: "\e7f9"; }

.icon-flag-variant:before {
  content: "\e7fa"; }

.icon-flag:before {
  content: "\e7fb"; }

.icon-flash-auto:before {
  content: "\e7fc"; }

.icon-flash-off:before {
  content: "\e7fd"; }

.icon-flash:before {
  content: "\e7fe"; }

.icon-flashlight-off:before {
  content: "\e7ff"; }

.icon-flashlight:before {
  content: "\e800"; }

.icon-flattr:before {
  content: "\e801"; }

.icon-flickr-after:before {
  content: "\e802"; }

.icon-flickr-before:before {
  content: "\e803"; }

.icon-flip-to-back:before {
  content: "\e804"; }

.icon-flip-to-front:before {
  content: "\e805"; }

.icon-floppy:before {
  content: "\e806"; }

.icon-flower:before {
  content: "\e807"; }

.icon-folder-account:before {
  content: "\e808"; }

.icon-folder-download:before {
  content: "\e809"; }

.icon-folder-google-drive:before {
  content: "\e80a"; }

.icon-folder-image:before {
  content: "\e80b"; }

.icon-folder-lock-open:before {
  content: "\e80c"; }

.icon-folder-lock:before {
  content: "\e80d"; }

.icon-folder-move:before {
  content: "\e80e"; }

.icon-folder-multiple-image:before {
  content: "\e80f"; }

.icon-folder-multiple-outline:before {
  content: "\e810"; }

.icon-folder-multiple:before {
  content: "\e811"; }

.icon-folder-outline-lock:before {
  content: "\e812"; }

.icon-folder-outline:before {
  content: "\e813"; }

.icon-folder-plus:before {
  content: "\e814"; }

.icon-folder-remove:before {
  content: "\e815"; }

.icon-folder-upload:before {
  content: "\e816"; }

.icon-folder:before {
  content: "\e817"; }

.icon-food-apple:before {
  content: "\e818"; }

.icon-food-variant:before {
  content: "\e819"; }

.icon-food:before {
  content: "\e81a"; }

.icon-football-helmet:before {
  content: "\e81b"; }

.icon-football:before {
  content: "\e81c"; }

.icon-format-align-center:before {
  content: "\e81d"; }

.icon-format-align-justify:before {
  content: "\e81e"; }

.icon-format-align-left:before {
  content: "\e81f"; }

.icon-format-align-right:before {
  content: "\e820"; }

.icon-format-bold:before {
  content: "\e821"; }

.icon-format-clear:before {
  content: "\e822"; }

.icon-format-color-fill:before {
  content: "\e823"; }

.icon-format-color:before {
  content: "\e824"; }

.icon-format-float-center:before {
  content: "\e825"; }

.icon-format-float-left:before {
  content: "\e826"; }

.icon-format-float-none:before {
  content: "\e827"; }

.icon-format-float-right:before {
  content: "\e828"; }

.icon-format-header-1:before {
  content: "\e829"; }

.icon-format-header-2:before {
  content: "\e82a"; }

.icon-format-header-3:before {
  content: "\e82b"; }

.icon-format-header-4:before {
  content: "\e82c"; }

.icon-format-header-5:before {
  content: "\e82d"; }

.icon-format-header-6:before {
  content: "\e82e"; }

.icon-format-header-decrease:before {
  content: "\e82f"; }

.icon-format-header-down:before {
  content: "\e830"; }

.icon-format-header-equal:before {
  content: "\e831"; }

.icon-format-header-increase:before {
  content: "\e832"; }

.icon-format-header-pound:before {
  content: "\e833"; }

.icon-format-header-up:before {
  content: "\e834"; }

.icon-format-indent-decrease:before {
  content: "\e835"; }

.icon-format-indent-increase:before {
  content: "\e836"; }

.icon-format-italic:before {
  content: "\e837"; }

.icon-format-line-spacing:before {
  content: "\e838"; }

.icon-format-list-bulleted:before {
  content: "\e839"; }

.icon-format-list-numbers:before {
  content: "\e83a"; }

.icon-format-object-inline:before {
  content: "\e83b"; }

.icon-format-object-square:before {
  content: "\e83c"; }

.icon-format-object-tight:before {
  content: "\e83d"; }

.icon-format-object-top-bottom:before {
  content: "\e83e"; }

.icon-format-paint:before {
  content: "\e83f"; }

.icon-format-paragraph:before {
  content: "\e840"; }

.icon-format-quote:before {
  content: "\e841"; }

.icon-format-size:before {
  content: "\e842"; }

.icon-format-strikethrough:before {
  content: "\e843"; }

.icon-format-subscript:before {
  content: "\e844"; }

.icon-format-superscript:before {
  content: "\e845"; }

.icon-format-text:before {
  content: "\e846"; }

.icon-format-textdirection-l-to-r:before {
  content: "\e847"; }

.icon-format-textdirection-r-to-l:before {
  content: "\e848"; }

.icon-format-underline:before {
  content: "\e849"; }

.icon-forum:before {
  content: "\e84a"; }

.icon-forward:before {
  content: "\e84b"; }

.icon-foursquare:before {
  content: "\e84c"; }

.icon-fridge:before {
  content: "\e84d"; }

.icon-fullscreen-exit:before {
  content: "\e84e"; }

.icon-fullscreen:before {
  content: "\e84f"; }

.icon-function:before {
  content: "\e850"; }

.icon-gamepad-variant:before {
  content: "\e851"; }

.icon-gamepad:before {
  content: "\e852"; }

.icon-gas-station:before {
  content: "\e853"; }

.icon-gavel:before {
  content: "\e854"; }

.icon-gender-female:before {
  content: "\e855"; }

.icon-gender-male-female:before {
  content: "\e856"; }

.icon-gender-male:before {
  content: "\e857"; }

.icon-gender-transgender:before {
  content: "\e858"; }

.icon-gift:before {
  content: "\e859"; }

.icon-git:before {
  content: "\e85a"; }

.icon-github-box:before {
  content: "\e85b"; }

.icon-github:before {
  content: "\e85c"; }

.icon-glass-flute:before {
  content: "\e85d"; }

.icon-glass-mug:before {
  content: "\e85e"; }

.icon-glass-stange:before {
  content: "\e85f"; }

.icon-glass-tulip:before {
  content: "\e860"; }

.icon-glasses:before {
  content: "\e861"; }

.icon-gmail:before {
  content: "\e862"; }

.icon-google-chrome:before {
  content: "\e863"; }

.icon-google-circles-communities:before {
  content: "\e864"; }

.icon-google-circles-extended:before {
  content: "\e865"; }

.icon-google-circles-invite:before {
  content: "\e866"; }

.icon-google-circles:before {
  content: "\e867"; }

.icon-google-controller-off:before {
  content: "\e868"; }

.icon-google-controller:before {
  content: "\e869"; }

.icon-google-drive:before {
  content: "\e86a"; }

.icon-google-earth:before {
  content: "\e86b"; }

.icon-google-glass:before {
  content: "\e86c"; }

.icon-google-maps:before {
  content: "\e86d"; }

.icon-google-pages:before {
  content: "\e86e"; }

.icon-google-play:before {
  content: "\e86f"; }

.icon-google-plus-box:before {
  content: "\e870"; }

.icon-google-plus:before {
  content: "\e871"; }

.icon-google:before {
  content: "\e872"; }

.icon-grid-off:before {
  content: "\e873"; }

.icon-grid:before {
  content: "\e874"; }

.icon-group:before {
  content: "\e875"; }

.icon-hand-pointing-right:before {
  content: "\e876"; }

.icon-hanger:before {
  content: "\e877"; }

.icon-hangouts:before {
  content: "\e878"; }

.icon-harddisk:before {
  content: "\e879"; }

.icon-headphones-box:before {
  content: "\e87a"; }

.icon-headphones-dots:before {
  content: "\e87b"; }

.icon-headphones:before {
  content: "\e87c"; }

.icon-headset-dock:before {
  content: "\e87d"; }

.icon-headset-off:before {
  content: "\e87e"; }

.icon-headset:before {
  content: "\e87f"; }

.icon-heart-box-outline:before {
  content: "\e880"; }

.icon-heart-box:before {
  content: "\e881"; }

.icon-heart-broken:before {
  content: "\e882"; }

.icon-heart-outline:before {
  content: "\e883"; }

.icon-heart:before {
  content: "\e884"; }

.icon-help-circle:before {
  content: "\e885"; }

.icon-help:before {
  content: "\e886"; }

.icon-hexagon-outline:before {
  content: "\e887"; }

.icon-hexagon:before {
  content: "\e888"; }

.icon-history:before {
  content: "\e889"; }

.icon-hololens:before {
  content: "\e88a"; }

.icon-home-modern:before {
  content: "\e88b"; }

.icon-home-variant:before {
  content: "\e88c"; }

.icon-home:before {
  content: "\e88d"; }

.icon-hops:before {
  content: "\e88e"; }

.icon-hospital-building:before {
  content: "\e88f"; }

.icon-hospital-marker:before {
  content: "\e890"; }

.icon-hospital:before {
  content: "\e891"; }

.icon-hotel:before {
  content: "\e892"; }

.icon-houzz-box:before {
  content: "\e893"; }

.icon-human-child:before {
  content: "\e894"; }

.icon-human-male-female:before {
  content: "\e895"; }

.icon-human:before {
  content: "\e896"; }

.icon-image-album:before {
  content: "\e897"; }

.icon-image-area-close:before {
  content: "\e898"; }

.icon-image-area:before {
  content: "\e899"; }

.icon-image-broken:before {
  content: "\e89a"; }

.icon-image-filter-black-white:before {
  content: "\e89b"; }

.icon-image-filter-center-focus:before {
  content: "\e89c"; }

.icon-image-filter-drama:before {
  content: "\e89d"; }

.icon-image-filter-frames:before {
  content: "\e89e"; }

.icon-image-filter-hdr:before {
  content: "\e89f"; }

.icon-image-filter-none:before {
  content: "\e8a0"; }

.icon-image-filter-tilt-shift:before {
  content: "\e8a1"; }

.icon-image-filter-vintage:before {
  content: "\e8a2"; }

.icon-image-filter:before {
  content: "\e8a3"; }

.icon-image:before {
  content: "\e8a4"; }

.icon-import:before {
  content: "\e8a5"; }

.icon-inbox:before {
  content: "\e8a6"; }

.icon-indent:before {
  content: "\e8a7"; }

.icon-information-outline:before {
  content: "\e8a8"; }

.icon-information:before {
  content: "\e8a9"; }

.icon-instagram:before {
  content: "\e8aa"; }

.icon-instapaper:before {
  content: "\e8ab"; }

.icon-internet-explorer:before {
  content: "\e8ac"; }

.icon-invert-colors:before {
  content: "\e8ad"; }

.icon-jira:before {
  content: "\e8ae"; }

.icon-jsfiddle:before {
  content: "\e8af"; }

.icon-keg:before {
  content: "\e8b0"; }

.icon-key-change:before {
  content: "\e8b1"; }

.icon-key-minus:before {
  content: "\e8b2"; }

.icon-key-plus:before {
  content: "\e8b3"; }

.icon-key-remove:before {
  content: "\e8b4"; }

.icon-key-variant:before {
  content: "\e8b5"; }

.icon-key:before {
  content: "\e8b6"; }

.icon-keyboard-backspace:before {
  content: "\e8b7"; }

.icon-keyboard-caps:before {
  content: "\e8b8"; }

.icon-keyboard-close:before {
  content: "\e8b9"; }

.icon-keyboard-off:before {
  content: "\e8ba"; }

.icon-keyboard-return:before {
  content: "\e8bb"; }

.icon-keyboard-tab:before {
  content: "\e8bc"; }

.icon-keyboard-variant:before {
  content: "\e8bd"; }

.icon-keyboard:before {
  content: "\e8be"; }

.icon-label-outline:before {
  content: "\e8bf"; }

.icon-label:before {
  content: "\e8c0"; }

.icon-language-csharp:before {
  content: "\e8c1"; }

.icon-language-css3:before {
  content: "\e8c2"; }

.icon-language-html5:before {
  content: "\e8c3"; }

.icon-language-javascript:before {
  content: "\e8c4"; }

.icon-language-python-text:before {
  content: "\e8c5"; }

.icon-language-python:before {
  content: "\e8c6"; }

.icon-laptop-chromebook:before {
  content: "\e8c7"; }

.icon-laptop-mac:before {
  content: "\e8c8"; }

.icon-laptop-windows:before {
  content: "\e8c9"; }

.icon-laptop:before {
  content: "\e8ca"; }

.icon-lastfm:before {
  content: "\e8cb"; }

.icon-launch:before {
  content: "\e8cc"; }

.icon-layers-off:before {
  content: "\e8cd"; }

.icon-layers:before {
  content: "\e8ce"; }

.icon-leaf:before {
  content: "\e8cf"; }

.icon-library-books:before {
  content: "\e8d0"; }

.icon-library-music:before {
  content: "\e8d1"; }

.icon-library-plus:before {
  content: "\e8d2"; }

.icon-library:before {
  content: "\e8d3"; }

.icon-lightbulb-outline:before {
  content: "\e8d4"; }

.icon-lightbulb:before {
  content: "\e8d5"; }

.icon-link-off:before {
  content: "\e8d6"; }

.icon-link-variant-off:before {
  content: "\e8d7"; }

.icon-link-variant:before {
  content: "\e8d8"; }

.icon-link:before {
  content: "\e8d9"; }

.icon-linkedin-box:before {
  content: "\e8da"; }

.icon-linkedin:before {
  content: "\e8db"; }

.icon-linode:before {
  content: "\e8dc"; }

.icon-linux:before {
  content: "\e8dd"; }

.icon-lock-outline:before {
  content: "\e8de"; }

.icon-lock-unlocked-outline:before {
  content: "\e8df"; }

.icon-lock-unlocked:before {
  content: "\e8e0"; }

.icon-lock:before {
  content: "\e8e1"; }

.icon-login:before {
  content: "\e8e2"; }

.icon-logout:before {
  content: "\e8e3"; }

.icon-looks:before {
  content: "\e8e4"; }

.icon-loupe:before {
  content: "\e8e5"; }

.icon-lumx:before {
  content: "\e8e6"; }

.icon-magnet-on:before {
  content: "\e8e7"; }

.icon-magnet:before {
  content: "\e8e8"; }

.icon-magnify-minus:before {
  content: "\e8e9"; }

.icon-magnify-plus:before {
  content: "\e8ea"; }

.icon-magnify:before {
  content: "\e8eb"; }

.icon-mail-ru:before {
  content: "\e8ec"; }

.icon-map-marker-circle:before {
  content: "\e8ed"; }

.icon-map-marker-multiple:before {
  content: "\e8ee"; }

.icon-map-marker-off:before {
  content: "\e8ef"; }

.icon-map-marker-radius:before {
  content: "\e8f0"; }

.icon-map-marker:before {
  content: "\e8f1"; }

.icon-map:before {
  content: "\e8f2"; }

.icon-margin:before {
  content: "\e8f3"; }

.icon-markdown:before {
  content: "\e8f4"; }

.icon-marker-check:before {
  content: "\e8f5"; }

.icon-martini:before {
  content: "\e8f6"; }

.icon-material-ui:before {
  content: "\e8f7"; }

.icon-maxcdn:before {
  content: "\e8f8"; }

.icon-medium:before {
  content: "\e8f9"; }

.icon-memory:before {
  content: "\e8fa"; }

.icon-menu-down:before {
  content: "\e8fb"; }

.icon-menu-left:before {
  content: "\e8fc"; }

.icon-menu-right:before {
  content: "\e8fd"; }

.icon-menu-up:before {
  content: "\e8fe"; }

.icon-menu:before {
  content: "\e8ff"; }

.icon-message-alert:before {
  content: "\e900"; }

.icon-message-draw:before {
  content: "\e901"; }

.icon-message-image:before {
  content: "\e902"; }

.icon-message-processing:before {
  content: "\e903"; }

.icon-message-reply:before {
  content: "\e904"; }

.icon-message-text-outline:before {
  content: "\e905"; }

.icon-message-text:before {
  content: "\e906"; }

.icon-message-video:before {
  content: "\e907"; }

.icon-message:before {
  content: "\e908"; }

.icon-microphone-dots:before {
  content: "\e909"; }

.icon-microphone-off:before {
  content: "\e90a"; }

.icon-microphone-outline:before {
  content: "\e90b"; }

.icon-microphone-settings:before {
  content: "\e90c"; }

.icon-microphone-variant-off:before {
  content: "\e90d"; }

.icon-microphone-variant:before {
  content: "\e90e"; }

.icon-microphone:before {
  content: "\e90f"; }

.icon-minus-box:before {
  content: "\e910"; }

.icon-minus-circle-outline:before {
  content: "\e911"; }

.icon-minus-circle:before {
  content: "\e912"; }

.icon-minus-network:before {
  content: "\e913"; }

.icon-minus:before {
  content: "\e914"; }

.icon-monitor-multiple:before {
  content: "\e915"; }

.icon-monitor:before {
  content: "\e916"; }

.icon-more:before {
  content: "\e917"; }

.icon-mouse-off:before {
  content: "\e918"; }

.icon-mouse-variant-off:before {
  content: "\e919"; }

.icon-mouse-variant:before {
  content: "\e91a"; }

.icon-mouse:before {
  content: "\e91b"; }

.icon-movie:before {
  content: "\e91c"; }

.icon-multiplication-box:before {
  content: "\e91d"; }

.icon-multiplication:before {
  content: "\e91e"; }

.icon-music-box-outline:before {
  content: "\e91f"; }

.icon-music-box:before {
  content: "\e920"; }

.icon-music-circle:before {
  content: "\e921"; }

.icon-music-note-eighth:before {
  content: "\e922"; }

.icon-music-note-half:before {
  content: "\e923"; }

.icon-music-note-off:before {
  content: "\e924"; }

.icon-music-note-quarter:before {
  content: "\e925"; }

.icon-music-note-sixteenth:before {
  content: "\e926"; }

.icon-music-note-whole:before {
  content: "\e927"; }

.icon-music-note:before {
  content: "\e928"; }

.icon-nature-people:before {
  content: "\e929"; }

.icon-nature:before {
  content: "\e92a"; }

.icon-navigation:before {
  content: "\e92b"; }

.icon-needle:before {
  content: "\e92c"; }

.icon-nest-protect:before {
  content: "\e92d"; }

.icon-nest-thermostat:before {
  content: "\e92e"; }

.icon-newspaper:before {
  content: "\e92f"; }

.icon-nfc-tap:before {
  content: "\e930"; }

.icon-nfc-variant:before {
  content: "\e931"; }

.icon-nfc:before {
  content: "\e932"; }

.icon-no:before {
  content: "\e933"; }

.icon-not-equal:before {
  content: "\e934"; }

.icon-note-outline:before {
  content: "\e935"; }

.icon-note-text:before {
  content: "\e936"; }

.icon-note:before {
  content: "\e937"; }

.icon-numeric-0-box-multiple-outline:before {
  content: "\e938"; }

.icon-numeric-0-box-outline:before {
  content: "\e939"; }

.icon-numeric-0-box:before {
  content: "\e93a"; }

.icon-numeric-1-box-multiple-outline:before {
  content: "\e93b"; }

.icon-numeric-1-box-outline:before {
  content: "\e93c"; }

.icon-numeric-1-box:before {
  content: "\e93d"; }

.icon-numeric-2-box-multiple-outline:before {
  content: "\e93e"; }

.icon-numeric-2-box-outline:before {
  content: "\e93f"; }

.icon-numeric-2-box:before {
  content: "\e940"; }

.icon-numeric-3-box-multiple-outline:before {
  content: "\e941"; }

.icon-numeric-3-box-outline:before {
  content: "\e942"; }

.icon-numeric-3-box:before {
  content: "\e943"; }

.icon-numeric-4-box-multiple-outline:before {
  content: "\e944"; }

.icon-numeric-4-box-outline:before {
  content: "\e945"; }

.icon-numeric-4-box:before {
  content: "\e946"; }

.icon-numeric-5-box-multiple-outline:before {
  content: "\e947"; }

.icon-numeric-5-box-outline:before {
  content: "\e948"; }

.icon-numeric-5-box:before {
  content: "\e949"; }

.icon-numeric-6-box-multiple-outline:before {
  content: "\e94a"; }

.icon-numeric-6-box-outline:before {
  content: "\e94b"; }

.icon-numeric-6-box:before {
  content: "\e94c"; }

.icon-numeric-7-box-multiple-outline:before {
  content: "\e94d"; }

.icon-numeric-7-box-outline:before {
  content: "\e94e"; }

.icon-numeric-7-box:before {
  content: "\e94f"; }

.icon-numeric-8-box-multiple-outline:before {
  content: "\e950"; }

.icon-numeric-8-box-outline:before {
  content: "\e951"; }

.icon-numeric-8-box:before {
  content: "\e952"; }

.icon-numeric-9-box-multiple-outline:before {
  content: "\e953"; }

.icon-numeric-9-box-outline:before {
  content: "\e954"; }

.icon-numeric-9-box:before {
  content: "\e955"; }

.icon-numeric-9-plus-box-multiple-outline:before {
  content: "\e956"; }

.icon-numeric-9-plus-box-outline:before {
  content: "\e957"; }

.icon-numeric-9-plus-box:before {
  content: "\e958"; }

.icon-numeric:before {
  content: "\e959"; }

.icon-nutriton:before {
  content: "\e95a"; }

.icon-odnoklassniki:before {
  content: "\e95b"; }

.icon-office:before {
  content: "\e95c"; }

.icon-oil:before {
  content: "\e95d"; }

.icon-omega:before {
  content: "\e95e"; }

.icon-onedrive:before {
  content: "\e95f"; }

.icon-open-in-app:before {
  content: "\e960"; }

.icon-open-in-new:before {
  content: "\e961"; }

.icon-ornament-variant:before {
  content: "\e962"; }

.icon-ornament:before {
  content: "\e963"; }

.icon-outbox:before {
  content: "\e964"; }

.icon-outdent:before {
  content: "\e965"; }

.icon-owl:before {
  content: "\e966"; }

.icon-package-down:before {
  content: "\e967"; }

.icon-package-up:before {
  content: "\e968"; }

.icon-package-variant-closed:before {
  content: "\e969"; }

.icon-package-variant:before {
  content: "\e96a"; }

.icon-package:before {
  content: "\e96b"; }

.icon-palette-advanced:before {
  content: "\e96c"; }

.icon-palette:before {
  content: "\e96d"; }

.icon-panda:before {
  content: "\e96e"; }

.icon-pandora:before {
  content: "\e96f"; }

.icon-panorama-fisheye:before {
  content: "\e970"; }

.icon-panorama-horizontal:before {
  content: "\e971"; }

.icon-panorama-vertical:before {
  content: "\e972"; }

.icon-panorama-wide-angle:before {
  content: "\e973"; }

.icon-panorama:before {
  content: "\e974"; }

.icon-paper-cut-vertical:before {
  content: "\e975"; }

.icon-paperclip:before {
  content: "\e976"; }

.icon-parking:before {
  content: "\e977"; }

.icon-pause-circle-outline:before {
  content: "\e978"; }

.icon-pause-circle:before {
  content: "\e979"; }

.icon-pause-octagon-outline:before {
  content: "\e97a"; }

.icon-pause-octagon:before {
  content: "\e97b"; }

.icon-pause:before {
  content: "\e97c"; }

.icon-paw:before {
  content: "\e97d"; }

.icon-pen:before {
  content: "\e97e"; }

.icon-pencil-box-outline:before {
  content: "\e97f"; }

.icon-pencil-box:before {
  content: "\e980"; }

.icon-pencil:before {
  content: "\e981"; }

.icon-people:before {
  content: "\e982"; }

.icon-percent:before {
  content: "\e983"; }

.icon-person-box:before {
  content: "\e984"; }

.icon-person-minus:before {
  content: "\e985"; }

.icon-person-plus:before {
  content: "\e986"; }

.icon-pharmacy:before {
  content: "\e987"; }

.icon-phone-bluetooth:before {
  content: "\e988"; }

.icon-phone-dots:before {
  content: "\e989"; }

.icon-phone-forward:before {
  content: "\e98a"; }

.icon-phone-hangup:before {
  content: "\e98b"; }

.icon-phone-in-talk:before {
  content: "\e98c"; }

.icon-phone-incoming:before {
  content: "\e98d"; }

.icon-phone-locked:before {
  content: "\e98e"; }

.icon-phone-log:before {
  content: "\e98f"; }

.icon-phone-missed:before {
  content: "\e990"; }

.icon-phone-outgoing:before {
  content: "\e991"; }

.icon-phone-paused:before {
  content: "\e992"; }

.icon-phone:before {
  content: "\e993"; }

.icon-picture:before {
  content: "\e994"; }

.icon-pig:before {
  content: "\e995"; }

.icon-pill:before {
  content: "\e996"; }

.icon-pin-off:before {
  content: "\e997"; }

.icon-pin:before {
  content: "\e998"; }

.icon-pine-tree-box:before {
  content: "\e999"; }

.icon-pine-tree:before {
  content: "\e99a"; }

.icon-pinterest-box:before {
  content: "\e99b"; }

.icon-pinterest:before {
  content: "\e99c"; }

.icon-pizza:before {
  content: "\e99d"; }

.icon-plane:before {
  content: "\e99e"; }

.icon-play-box-outline:before {
  content: "\e99f"; }

.icon-play-circle-outline:before {
  content: "\e9a0"; }

.icon-play-circle:before {
  content: "\e9a1"; }

.icon-play:before {
  content: "\e9a2"; }

.icon-playlist-minus:before {
  content: "\e9a3"; }

.icon-playlist-plus:before {
  content: "\e9a4"; }

.icon-playstation:before {
  content: "\e9a5"; }

.icon-plus-box:before {
  content: "\e9a6"; }

.icon-plus-circle-outline:before {
  content: "\e9a7"; }

.icon-plus-circle:before {
  content: "\e9a8"; }

.icon-plus-network:before {
  content: "\e9a9"; }

.icon-plus-one:before {
  content: "\e9aa"; }

.icon-plus:before {
  content: "\e9ab"; }

.icon-pocket:before {
  content: "\e9ac"; }

.icon-poll-box:before {
  content: "\e9ad"; }

.icon-poll:before {
  content: "\e9ae"; }

.icon-polymer:before {
  content: "\e9af"; }

.icon-popcorn:before {
  content: "\e9b0"; }

.icon-pound-box:before {
  content: "\e9b1"; }

.icon-pound:before {
  content: "\e9b2"; }

.icon-power-settings:before {
  content: "\e9b3"; }

.icon-power-socket:before {
  content: "\e9b4"; }

.icon-power:before {
  content: "\e9b5"; }

.icon-presentation-play:before {
  content: "\e9b6"; }

.icon-presentation:before {
  content: "\e9b7"; }

.icon-printer-3d:before {
  content: "\e9b8"; }

.icon-printer:before {
  content: "\e9b9"; }

.icon-pulse:before {
  content: "\e9ba"; }

.icon-puzzle:before {
  content: "\e9bb"; }

.icon-qrcode:before {
  content: "\e9bc"; }

.icon-quadcopter:before {
  content: "\e9bd"; }

.icon-quality-high:before {
  content: "\e9be"; }

.icon-question-mark-circle:before {
  content: "\e9bf"; }

.icon-quick-reply:before {
  content: "\e9c0"; }

.icon-quicktime:before {
  content: "\e9c1"; }

.icon-rabbit:before {
  content: "\e9c2"; }

.icon-radiator:before {
  content: "\e9c3"; }

.icon-radio-tower:before {
  content: "\e9c4"; }

.icon-radio:before {
  content: "\e9c5"; }

.icon-radioactive:before {
  content: "\e9c6"; }

.icon-radiobox-blank:before {
  content: "\e9c7"; }

.icon-radiobox-marked:before {
  content: "\e9c8"; }

.icon-raspberrypi:before {
  content: "\e9c9"; }

.icon-rdio:before {
  content: "\e9ca"; }

.icon-read:before {
  content: "\e9cb"; }

.icon-readability:before {
  content: "\e9cc"; }

.icon-receipt:before {
  content: "\e9cd"; }

.icon-recycle:before {
  content: "\e9ce"; }

.icon-reddit:before {
  content: "\e9cf"; }

.icon-redo-variant:before {
  content: "\e9d0"; }

.icon-redo:before {
  content: "\e9d1"; }

.icon-refresh:before {
  content: "\e9d2"; }

.icon-relative-scale:before {
  content: "\e9d3"; }

.icon-reload:before {
  content: "\e9d4"; }

.icon-remote:before {
  content: "\e9d5"; }

.icon-rename-box:before {
  content: "\e9d6"; }

.icon-repeat-off:before {
  content: "\e9d7"; }

.icon-repeat-once:before {
  content: "\e9d8"; }

.icon-repeat:before {
  content: "\e9d9"; }

.icon-replay:before {
  content: "\e9da"; }

.icon-reply-all:before {
  content: "\e9db"; }

.icon-reply:before {
  content: "\e9dc"; }

.icon-reproduction:before {
  content: "\e9dd"; }

.icon-resize-bottom-right:before {
  content: "\e9de"; }

.icon-responsive:before {
  content: "\e9df"; }

.icon-restore:before {
  content: "\e9e0"; }

.icon-rewind:before {
  content: "\e9e1"; }

.icon-ribbon:before {
  content: "\e9e2"; }

.icon-road:before {
  content: "\e9e3"; }

.icon-rocket:before {
  content: "\e9e4"; }

.icon-rotate-3d:before {
  content: "\e9e5"; }

.icon-rotate-left-variant:before {
  content: "\e9e6"; }

.icon-rotate-left:before {
  content: "\e9e7"; }

.icon-rotate-right-variant:before {
  content: "\e9e8"; }

.icon-rotate-right:before {
  content: "\e9e9"; }

.icon-routes:before {
  content: "\e9ea"; }

.icon-rss-box:before {
  content: "\e9eb"; }

.icon-ruler:before {
  content: "\e9ec"; }

.icon-run:before {
  content: "\e9ed"; }

.icon-sale:before {
  content: "\e9ee"; }

.icon-satellite-variant:before {
  content: "\e9ef"; }

.icon-satellite:before {
  content: "\e9f0"; }

.icon-scale-bathroom:before {
  content: "\e9f1"; }

.icon-scale:before {
  content: "\e9f2"; }

.icon-school:before {
  content: "\e9f3"; }

.icon-screen-rotation-lock:before {
  content: "\e9f4"; }

.icon-screen-rotation:before {
  content: "\e9f5"; }

.icon-script:before {
  content: "\e9f6"; }

.icon-security-network:before {
  content: "\e9f7"; }

.icon-security:before {
  content: "\e9f8"; }

.icon-select-all:before {
  content: "\e9f9"; }

.icon-select-inverse:before {
  content: "\e9fa"; }

.icon-select-off:before {
  content: "\e9fb"; }

.icon-select:before {
  content: "\e9fc"; }

.icon-send:before {
  content: "\e9fd"; }

.icon-server-minus:before {
  content: "\e9fe"; }

.icon-server-network-off:before {
  content: "\e9ff"; }

.icon-server-network:before {
  content: "\ea00"; }

.icon-server-off:before {
  content: "\ea01"; }

.icon-server-plus:before {
  content: "\ea02"; }

.icon-server-remove:before {
  content: "\ea03"; }

.icon-server-security:before {
  content: "\ea04"; }

.icon-server:before {
  content: "\ea05"; }

.icon-shape-plus:before {
  content: "\ea06"; }

.icon-share-variant:before {
  content: "\ea07"; }

.icon-share:before {
  content: "\ea08"; }

.icon-shield-outline:before {
  content: "\ea09"; }

.icon-shield:before {
  content: "\ea0a"; }

.icon-shopping-music:before {
  content: "\ea0b"; }

.icon-shopping:before {
  content: "\ea0c"; }

.icon-shuffle:before {
  content: "\ea0d"; }

.icon-sigma:before {
  content: "\ea0e"; }

.icon-sign-caution:before {
  content: "\ea0f"; }

.icon-signal:before {
  content: "\ea10"; }

.icon-silverware-fork:before {
  content: "\ea11"; }

.icon-silverware-spoon:before {
  content: "\ea12"; }

.icon-silverware-variant:before {
  content: "\ea13"; }

.icon-silverware:before {
  content: "\ea14"; }

.icon-sim-alert:before {
  content: "\ea15"; }

.icon-sim:before {
  content: "\ea16"; }

.icon-sitemap:before {
  content: "\ea17"; }

.icon-skip-next:before {
  content: "\ea18"; }

.icon-skip-previous:before {
  content: "\ea19"; }

.icon-skype-business:before {
  content: "\ea1a"; }

.icon-skype:before {
  content: "\ea1b"; }

.icon-sleep-off:before {
  content: "\ea1c"; }

.icon-sleep:before {
  content: "\ea1d"; }

.icon-smoking-off:before {
  content: "\ea1e"; }

.icon-smoking:before {
  content: "\ea1f"; }

.icon-snapchat:before {
  content: "\ea20"; }

.icon-snowman:before {
  content: "\ea21"; }

.icon-sofa:before {
  content: "\ea22"; }

.icon-sort-alphabetical:before {
  content: "\ea23"; }

.icon-sort-ascending:before {
  content: "\ea24"; }

.icon-sort-descending:before {
  content: "\ea25"; }

.icon-sort-numeric:before {
  content: "\ea26"; }

.icon-sort-variant:before {
  content: "\ea27"; }

.icon-sort:before {
  content: "\ea28"; }

.icon-soundcloud:before {
  content: "\ea29"; }

.icon-source-fork:before {
  content: "\ea2a"; }

.icon-source-pull:before {
  content: "\ea2b"; }

.icon-speaker-off:before {
  content: "\ea2c"; }

.icon-speaker:before {
  content: "\ea2d"; }

.icon-speedometer:before {
  content: "\ea2e"; }

.icon-spellcheck:before {
  content: "\ea2f"; }

.icon-spotify:before {
  content: "\ea30"; }

.icon-spotlight-beam:before {
  content: "\ea31"; }

.icon-spotlight:before {
  content: "\ea32"; }

.icon-spreadsheet:before {
  content: "\ea33"; }

.icon-square-inc-cash:before {
  content: "\ea34"; }

.icon-square-inc:before {
  content: "\ea35"; }

.icon-stackoverflow:before {
  content: "\ea36"; }

.icon-star-circle:before {
  content: "\ea37"; }

.icon-star-half:before {
  content: "\ea38"; }

.icon-star-of-david:before {
  content: "\ea39"; }

.icon-star-outline:before {
  content: "\ea3a"; }

.icon-star:before {
  content: "\ea3b"; }

.icon-steam:before {
  content: "\ea3c"; }

.icon-stethoscope:before {
  content: "\ea3d"; }

.icon-stocking:before {
  content: "\ea3e"; }

.icon-stop:before {
  content: "\ea3f"; }

.icon-store-24-hour:before {
  content: "\ea40"; }

.icon-store:before {
  content: "\ea41"; }

.icon-stove:before {
  content: "\ea42"; }

.icon-subway:before {
  content: "\ea43"; }

.icon-sunglasses:before {
  content: "\ea44"; }

.icon-swap-horizontal:before {
  content: "\ea45"; }

.icon-swap-vertical:before {
  content: "\ea46"; }

.icon-swim:before {
  content: "\ea47"; }

.icon-sword:before {
  content: "\ea48"; }

.icon-sync-alert:before {
  content: "\ea49"; }

.icon-sync-off:before {
  content: "\ea4a"; }

.icon-sync:before {
  content: "\ea4b"; }

.icon-tab-unselected:before {
  content: "\ea4c"; }

.icon-tab:before {
  content: "\ea4d"; }

.icon-table-column-plus-after:before {
  content: "\ea4e"; }

.icon-table-column-plus-before:before {
  content: "\ea4f"; }

.icon-table-column-remove:before {
  content: "\ea50"; }

.icon-table-column-width:before {
  content: "\ea51"; }

.icon-table-edit:before {
  content: "\ea52"; }

.icon-table-large:before {
  content: "\ea53"; }

.icon-table-row-height:before {
  content: "\ea54"; }

.icon-table-row-plus-after:before {
  content: "\ea55"; }

.icon-table-row-plus-before:before {
  content: "\ea56"; }

.icon-table-row-remove:before {
  content: "\ea57"; }

.icon-table:before {
  content: "\ea58"; }

.icon-tablet-android:before {
  content: "\ea59"; }

.icon-tablet-ipad:before {
  content: "\ea5a"; }

.icon-tablet:before {
  content: "\ea5b"; }

.icon-tag-faces:before {
  content: "\ea5c"; }

.icon-tag-multiple:before {
  content: "\ea5d"; }

.icon-tag-outline:before {
  content: "\ea5e"; }

.icon-tag-text-outline:before {
  content: "\ea5f"; }

.icon-tag:before {
  content: "\ea60"; }

.icon-taxi:before {
  content: "\ea61"; }

.icon-teamviewer:before {
  content: "\ea62"; }

.icon-telegram:before {
  content: "\ea63"; }

.icon-television-guide:before {
  content: "\ea64"; }

.icon-television:before {
  content: "\ea65"; }

.icon-temperature-celsius:before {
  content: "\ea66"; }

.icon-temperature-fahrenheit:before {
  content: "\ea67"; }

.icon-temperature-kelvin:before {
  content: "\ea68"; }

.icon-tennis:before {
  content: "\ea69"; }

.icon-tent:before {
  content: "\ea6a"; }

.icon-terrain:before {
  content: "\ea6b"; }

.icon-text-to-speech-off:before {
  content: "\ea6c"; }

.icon-text-to-speech:before {
  content: "\ea6d"; }

.icon-texture:before {
  content: "\ea6e"; }

.icon-theater:before {
  content: "\ea6f"; }

.icon-theme-light-dark:before {
  content: "\ea70"; }

.icon-thermometer-lines:before {
  content: "\ea71"; }

.icon-thermometer:before {
  content: "\ea72"; }

.icon-thumb-down-outline:before {
  content: "\ea73"; }

.icon-thumb-down:before {
  content: "\ea74"; }

.icon-thumb-up-outline:before {
  content: "\ea75"; }

.icon-thumb-up:before {
  content: "\ea76"; }

.icon-thumbs-up-down:before {
  content: "\ea77"; }

.icon-ticket-account:before {
  content: "\ea78"; }

.icon-ticket:before {
  content: "\ea79"; }

.icon-tie:before {
  content: "\ea7a"; }

.icon-tile-four:before {
  content: "\ea7b"; }

.icon-timelapse:before {
  content: "\ea7c"; }

.icon-timer-3:before {
  content: "\ea7d"; }

.icon-timer-10:before {
  content: "\ea7e"; }

.icon-timer-off:before {
  content: "\ea7f"; }

.icon-timer-sand:before {
  content: "\ea80"; }

.icon-timer:before {
  content: "\ea81"; }

.icon-timetable:before {
  content: "\ea82"; }

.icon-toggle-switch-off:before {
  content: "\ea83"; }

.icon-toggle-switch-on:before {
  content: "\ea84"; }

.icon-tooltip-edit:before {
  content: "\ea85"; }

.icon-tooltip-image:before {
  content: "\ea86"; }

.icon-tooltip-outline-plus:before {
  content: "\ea87"; }

.icon-tooltip-outline:before {
  content: "\ea88"; }

.icon-tooltip-text:before {
  content: "\ea89"; }

.icon-tooltip:before {
  content: "\ea8a"; }

.icon-tor:before {
  content: "\ea8b"; }

.icon-traffic-light:before {
  content: "\ea8c"; }

.icon-train:before {
  content: "\ea8d"; }

.icon-tram:before {
  content: "\ea8e"; }

.icon-transcribe-close:before {
  content: "\ea8f"; }

.icon-transcribe:before {
  content: "\ea90"; }

.icon-transfer:before {
  content: "\ea91"; }

.icon-trash:before {
  content: "\ea92"; }

.icon-tree:before {
  content: "\ea93"; }

.icon-trello:before {
  content: "\ea94"; }

.icon-trending-down:before {
  content: "\ea95"; }

.icon-trending-neutral:before {
  content: "\ea96"; }

.icon-trending-up:before {
  content: "\ea97"; }

.icon-truck:before {
  content: "\ea98"; }

.icon-tshirt-crew:before {
  content: "\ea99"; }

.icon-tshirt-v:before {
  content: "\ea9a"; }

.icon-tumblr-reblog:before {
  content: "\ea9b"; }

.icon-tumblr:before {
  content: "\ea9c"; }

.icon-twitch:before {
  content: "\ea9d"; }

.icon-twitter-box:before {
  content: "\ea9e"; }

.icon-twitter-circle:before {
  content: "\ea9f"; }

.icon-twitter-retweet:before {
  content: "\eaa0"; }

.icon-twitter:before {
  content: "\eaa1"; }

.icon-ubuntu:before {
  content: "\eaa2"; }

.icon-umbrella-outline:before {
  content: "\eaa3"; }

.icon-umbrella:before {
  content: "\eaa4"; }

.icon-undo-variant:before {
  content: "\eaa5"; }

.icon-undo:before {
  content: "\eaa6"; }

.icon-unfold-less:before {
  content: "\eaa7"; }

.icon-unfold-more:before {
  content: "\eaa8"; }

.icon-ungroup:before {
  content: "\eaa9"; }

.icon-untappd:before {
  content: "\eaaa"; }

.icon-upload:before {
  content: "\eaab"; }

.icon-usb:before {
  content: "\eaac"; }

.icon-vector-curve:before {
  content: "\eaad"; }

.icon-vector-point:before {
  content: "\eaae"; }

.icon-vector-square:before {
  content: "\eaaf"; }

.icon-verified:before {
  content: "\eab0"; }

.icon-vibration:before {
  content: "\eab1"; }

.icon-video-off:before {
  content: "\eab2"; }

.icon-video-switch:before {
  content: "\eab3"; }

.icon-video:before {
  content: "\eab4"; }

.icon-view-agenda:before {
  content: "\eab5"; }

.icon-view-array:before {
  content: "\eab6"; }

.icon-view-carousel:before {
  content: "\eab7"; }

.icon-view-column:before {
  content: "\eab8"; }

.icon-view-dashboard:before {
  content: "\eab9"; }

.icon-view-day:before {
  content: "\eaba"; }

.icon-view-headline:before {
  content: "\eabb"; }

.icon-view-list:before {
  content: "\eabc"; }

.icon-view-module:before {
  content: "\eabd"; }

.icon-view-quilt:before {
  content: "\eabe"; }

.icon-view-stream:before {
  content: "\eabf"; }

.icon-view-week:before {
  content: "\eac0"; }

.icon-vimeo:before {
  content: "\eac1"; }

.icon-vine:before {
  content: "\eac2"; }

.icon-vk-box:before {
  content: "\eac3"; }

.icon-vk-circle:before {
  content: "\eac4"; }

.icon-vk:before {
  content: "\eac5"; }

.icon-voicemail:before {
  content: "\eac6"; }

.icon-volume-high:before {
  content: "\eac7"; }

.icon-volume-low:before {
  content: "\eac8"; }

.icon-volume-medium:before {
  content: "\eac9"; }

.icon-volume-off:before {
  content: "\eaca"; }

.icon-volume:before {
  content: "\eacb"; }

.icon-vpn:before {
  content: "\eacc"; }

.icon-walk:before {
  content: "\eacd"; }

.icon-wallet-giftcard:before {
  content: "\eace"; }

.icon-wallet-membership:before {
  content: "\eacf"; }

.icon-wallet-travel:before {
  content: "\ead0"; }

.icon-wallet:before {
  content: "\ead1"; }

.icon-washing-machine:before {
  content: "\ead2"; }

.icon-watch-export:before {
  content: "\ead3"; }

.icon-watch-import:before {
  content: "\ead4"; }

.icon-watch:before {
  content: "\ead5"; }

.icon-water-off:before {
  content: "\ead6"; }

.icon-water-pump:before {
  content: "\ead7"; }

.icon-water:before {
  content: "\ead8"; }

.icon-weather-cloudy:before {
  content: "\ead9"; }

.icon-weather-fog:before {
  content: "\eada"; }

.icon-weather-hail:before {
  content: "\eadb"; }

.icon-weather-lightning:before {
  content: "\eadc"; }

.icon-weather-night:before {
  content: "\eadd"; }

.icon-weather-partlycloudy:before {
  content: "\eade"; }

.icon-weather-pouring:before {
  content: "\eadf"; }

.icon-weather-rainy:before {
  content: "\eae0"; }

.icon-weather-snowy:before {
  content: "\eae1"; }

.icon-weather-sunny:before {
  content: "\eae2"; }

.icon-weather-sunset-down:before {
  content: "\eae3"; }

.icon-weather-sunset-up:before {
  content: "\eae4"; }

.icon-weather-sunset:before {
  content: "\eae5"; }

.icon-weather-windy-variant:before {
  content: "\eae6"; }

.icon-weather-windy:before {
  content: "\eae7"; }

.icon-web:before {
  content: "\eae8"; }

.icon-webcam:before {
  content: "\eae9"; }

.icon-weight-kilogram:before {
  content: "\eaea"; }

.icon-weight:before {
  content: "\eaeb"; }

.icon-whatsapp:before {
  content: "\eaec"; }

.icon-wheelchair-accessibility:before {
  content: "\eaed"; }

.icon-white-balance-auto:before {
  content: "\eaee"; }

.icon-white-balance-incandescent:before {
  content: "\eaef"; }

.icon-white-balance-irradescent:before {
  content: "\eaf0"; }

.icon-white-balance-sunny:before {
  content: "\eaf1"; }

.icon-wifi:before {
  content: "\eaf2"; }

.icon-wii:before {
  content: "\eaf3"; }

.icon-wikipedia:before {
  content: "\eaf4"; }

.icon-window-close:before {
  content: "\eaf5"; }

.icon-window-closed:before {
  content: "\eaf6"; }

.icon-window-maximize:before {
  content: "\eaf7"; }

.icon-window-minimize:before {
  content: "\eaf8"; }

.icon-window-open:before {
  content: "\eaf9"; }

.icon-window-restore:before {
  content: "\eafa"; }

.icon-windows:before {
  content: "\eafb"; }

.icon-wordpress:before {
  content: "\eafc"; }

.icon-worker:before {
  content: "\eafd"; }

.icon-wunderlist:before {
  content: "\eafe"; }

.icon-xbox-controller-off:before {
  content: "\eaff"; }

.icon-xbox-controller:before {
  content: "\eb00"; }

.icon-xbox:before {
  content: "\eb01"; }

.icon-xda:before {
  content: "\eb02"; }

.icon-xml:before {
  content: "\eb03"; }

.icon-yeast:before {
  content: "\eb04"; }

.icon-yelp:before {
  content: "\eb05"; }

.icon-youtube-play:before {
  content: "\eb06"; }

.icon-youtube:before {
  content: "\eb07"; }

.icon-zip-box:before {
  content: "\eb08"; }

@media screen and (max-width: 960px) {
  .page-content {
    margin-bottom: 100px; }
    .page-content .excel {
      display: none; }
    .page-content .excel-export {
      display: none; }
    .page-content .excel-export-people {
      display: none; }
    .page-content .excel-export-finance {
      display: none; }
  .sweet-alert button.styled {
    padding: 8px 10px; }
  .popover-inner {
    display: none !important; }
  .transparent-background {
    background-color: lightgray;
    height: 450vw;
    width: 200vw;
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    top: -700px;
    visibility: inherit;
    display: block;
    right: -100px; }
  .plus-actions-button {
    position: fixed !important;
    bottom: 15px !important;
    right: 0 !important;
    font-family: sans-serif;
    z-index: 97; }
    .plus-actions-button md-fab-actions {
      margin-left: 135px;
      margin-right: 0; }
    .plus-actions-button .md-fab-bottom-right {
      bottom: 0;
      right: 70px; }
  .mobile-hide {
    display: none !important; }
  .desktop-hide {
    display: block !important; }
  #page-wrapper {
    padding-left: 0;
    margin-left: 0;
    padding: 0 !important; }
  .fixStyling {
    margin-left: 0 !important;
    position: static;
    left: 0;
    width: 100%;
    margin-right: 0 !important;
    top: 30px !important; }
  .headerStyle {
    position: fixed;
    z-index: 40;
    margin: 0;
    background: white;
    padding: 0 10px; }
  .centerWrapper {
    padding: 20px 0px 10px 0px !important; }
  .showSweetAlert[data-animation=pop] {
    margin-top: -40vh !important; }
  .is-mobile.body.md-dialog-is-showing.stop-scrolling {
    top: 0 !important; }
  .scroll-wrapper iframe {
    height: 90% !important; }
  .member-checkbox-component-container .stage1-check-box-container .checkbox-container input,
  .member-checkbox-component-container .stage2-check-box-container .checkbox-container input {
    height: unset !important; }
  md-dialog.member-sign-up-dialog md-dialog-content {
    min-height: 60vh; }
  .mobile-search-icon {
    color: #37a6f5;
    font-size: 30px;
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }
    .mobile-search-icon.black {
      color: black; }
  md-tabs.horizontal md-tabs-wrapper md-prev-button,
  md-tabs.horizontal md-tabs-wrapper md-next-button {
    display: none; }
  md-tabs.horizontal md-tabs-wrapper md-tabs-canvas {
    height: 310px;
    margin: 0 !important; }
    md-tabs.horizontal md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
      flex-direction: column !important;
      height: auto !important; }
      md-tabs.horizontal md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
        width: 100vw;
        max-width: 100% !important;
        border-bottom: 1px solid #aaaaaa; }
      md-tabs.horizontal md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
        display: none; }
  .table-mobile-scroll-x {
    overflow-x: scroll !important; }
    .table-mobile-scroll-x th {
      min-width: 100px; } }

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../lib/fonts/OpenSansHebrew-Regular.ttf"); }

@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: bold;
  src: url("../lib/fonts/OpenSansHebrew-Bold.ttf"); }

@font-face {
  font-family: 'heebo';
  src: url("../lib/fonts/Heebo-Regular.ttf"); }

@font-face {
  font-family: 'heebo';
  font-weight: bold;
  src: url("../lib/fonts/Heebo-Bold.ttf"); }

@font-face {
  font-family: 'heebo';
  font-weight: 300;
  src: url("../lib/fonts/Heebo-Light.ttf"); }

@font-face {
  font-family: 'heebo';
  font-weight: 200;
  src: url("../lib/fonts/Heebo-Medium.ttf"); }

@font-face {
  font-family: 'digi';
  font-weight: bold;
  src: url("../lib/fonts/digital-7.ttf"); }

body {
  font-family: 'heebo' !important; }
  body:not(.md-dialog-is-showing) {
    height: 100% !important;
    position: relative !important;
    top: 0 !important; }
  body.heb #register-flow-tablet .wellcome-wrapper {
    direction: ltr !important; }
  body.heb .event-form-dialog .md-toolbar-tools {
    direction: ltr !important; }
  body.heb md-option {
    direction: rtl; }
  body.heb .credit-card-number-fix-align {
    direction: ltr;
    text-align: right; }

html {
  background-color: white; }
  html *:focus {
    outline: none; }

.text-italic {
  font-style: italic; }

md-dialog-actions .md-button.close-button {
  background-color: #ff3823;
  color: white; }
  md-dialog-actions .md-button.close-button:hover {
    background-color: #ff3823; }

.scroll-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  margin-top: 60px; }
  .scroll-wrapper iframe {
    height: 100vh; }

.invalid-status:not(.ng-valid) {
  border: 1px solid red; }

.invalid-status:not(.ng-valid) {
  border: 1px solid red; }

.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background-color: #37A6F5 !important; }

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 500; }
  .md-virtual-repeat-container.md-autocomplete-suggestions-container:not(.ng-hide):first-of-type {
    position: fixed !important;
    top: 70px !important; }
    @media screen and (max-width: 960px) {
      .md-virtual-repeat-container.md-autocomplete-suggestions-container:not(.ng-hide):first-of-type {
        top: 50px !important;
        left: 65px !important; } }

.nav-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch; }
  .nav-tabs li {
    justify-content: center;
    align-self: stretch;
    width: 100%;
    text-align: center; }

md-autocomplete button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 33px;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 5px;
  font-size: 12px;
  background: white;
  z-index: 1;
  margin: 0; }

md-progress-linear .md-bar {
  background-color: #37a6f5; }

md-progress-linear .md-container {
  background-color: #b7e1ff; }

textarea,
input.text,
input[type="text"],
input[type="search"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: #FFFFFF !important;
  color: #555 !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #555555 !important; }

button.md-button.md-primary {
  background-color: #37A6F5 !important; }
  button.md-button.md-primary:hover {
    background-color: #2f88c7 !important; }
  button.md-button.md-primary:focus {
    background-color: #2f88c7 !important; }
  button.md-button.md-primary.md-raised {
    background-color: #37A6F5 !important; }
    button.md-button.md-primary.md-raised:hover {
      background-color: #2f88c7 !important; }
    button.md-button.md-primary.md-raised:focus {
      background-color: #2f88c7 !important; }

button.md-button.md-warn {
  background-color: #ff5252; }
  button.md-button.md-warn:hover {
    background-color: #cd4141; }
  button.md-button.md-warn:focus {
    background-color: #cd4141; }
  button.md-button.md-warn.md-raised {
    background-color: #ff5252; }
    button.md-button.md-warn.md-raised:hover {
      background-color: #cd4141; }
    button.md-button.md-warn.md-raised:focus {
      background-color: #cd4141; }
    button.md-button.md-warn.md-raised:not([disabled]):hover {
      background-color: #cd4141; }
    button.md-button.md-warn.md-raised:not([disabled]):focus {
      background-color: #cd4141; }

button.md-button:hover.md-primary {
  background-color: #2f88c7 !important; }
  button.md-button:hover.md-primary.md-raised {
    background-color: #2f88c7 !important; }

button.md-button:hover.md-primary {
  background-color: #2f88c7 !important; }
  button.md-button:hover.md-primary.md-raised {
    background-color: #2f88c7 !important; }

button.md-button:hover.md-warn {
  background-color: #cd4141; }
  button.md-button:hover.md-warn.md-raised {
    background-color: #cd4141; }

button.md-gray {
  background-color: #999999; }
  button.md-gray span {
    color: white; }

button.md-orange {
  background-color: #ffa834 !important; }
  button.md-orange span {
    color: white; }

.textDecorationUnderline {
  text-decoration: underline; }

#sync-items-alert {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background-color: red;
  color: white;
  margin-bottom: 0;
  padding: 5px 0; }
  #sync-items-alert a {
    color: white; }
    #sync-items-alert a:hover {
      text-decoration: none; }
    #sync-items-alert a span {
      padding: 0 10px;
      line-height: 21px; }
  #sync-items-alert .close {
    right: 0;
    width: 35px;
    opacity: 1;
    font-size: 27px; }
    #sync-items-alert .close span {
      background-color: transparent; }

md-switch.md-checked .md-container .md-bar {
  background-color: #37A6F5; }

.md-datepicker-open .md-datepicker-calendar-icon {
  color: #37A6F5; }

md-checkbox {
  margin-top: 20px; }
  md-checkbox:not([disabled]).md-checked .md-container .md-icon {
    background-color: #37A6F5; }
  md-checkbox.md-checked .md-container .md-icon {
    background-color: #37A6F5; }

.page-title {
  color: #37A6F5;
  font-size: 30px;
  text-align: left;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid lightgray; }
  @media screen and (max-width: 960px) {
    .page-title {
      margin-bottom: -1px; } }

#page-wrapper thead tr th,
#page-wrapper thead tr td {
  border: none;
  padding: 4px 2px; }

#page-wrapper thead input,
#page-wrapper thead select {
  border-radius: 0; }

#page-wrapper .table-striped tbody th {
  border-bottom: none;
  padding: 0px; }

#page-wrapper .table-striped tbody tr td {
  padding: 11px 3px;
  border-top: none; }

#page-wrapper .table-striped tbody tr:nth-child(odd) {
  background-color: rgba(145, 228, 251, 0.3); }

#page-wrapper .table-striped tbody tr:hover {
  background-color: rgba(145, 228, 251, 0.3); }

#page-wrapper .table-striped tfoot tr td {
  border-top: none; }

#page-wrapper .table-padding-first-and-last-child td:last-child,
#page-wrapper .table-padding-first-and-last-child td:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important; }

#page-wrapper.heb {
  padding: 0 1.6vw; }
  #page-wrapper.heb:not(.external) {
    direction: rtl; }
  #page-wrapper.heb md-progress-linear {
    right: 3px;
    left: auto; }
  #page-wrapper.heb .icon-chevron-left:before {
    content: "\e717"; }
  #page-wrapper.heb .icon-chevron-right:before {
    content: "\e716"; }
  #page-wrapper.heb .fc-view {
    direction: rtl; }
  #page-wrapper.heb md-radio-button .md-container {
    right: 0;
    left: auto; }
  #page-wrapper.heb md-radio-button .md-label {
    margin-right: 30px;
    margin-left: 0; }
  #page-wrapper.heb md-tabs {
    direction: ltr; }
    #page-wrapper.heb md-tabs .md-tab {
      float: right; }
    #page-wrapper.heb md-tabs md-pagination-wrapper {
      right: 0;
      left: auto;
      direction: rtl;
      transform: translate3d(0px, 0px, 0px) !important; }
    #page-wrapper.heb md-tabs md-tabs-content-wrapper {
      direction: rtl; }
  #page-wrapper.heb #content-wrapper .excel {
    left: 10px;
    right: auto; }
  #page-wrapper.heb #content-wrapper .excel-export-finance {
    left: 45px;
    right: auto; }
  #page-wrapper.heb #content-wrapper .page-title {
    text-align: right; }
  #page-wrapper.heb #content-wrapper .page-content .submitAndCloseBtn {
    float: left;
    margin-left: 0; }
  #page-wrapper.heb #content-wrapper .page-content .coachProfileDetails .excel-export {
    left: 40px;
    right: auto; }
  #page-wrapper.heb #content-wrapper .page-content .loginWrapper .login-form {
    margin-right: 25%; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb #content-wrapper .page-content .loginWrapper .login-form {
        margin-right: 0; } }
  #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper {
    right: 0 !important;
    left: auto !important;
    border-right: none; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .tasks-sidebar .badge-wrap {
      bottom: 45px;
      right: 35px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-main {
      width: 100%; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-main .current-user .user-name {
        text-align: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-list.sub-item a {
      text-indent: 20px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-list a {
      float: right; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-list a:hover {
        border-left: none;
        border-right: 3px solid #37A6F5; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper .sidebar-list a .menu-icon {
        float: right;
        padding-left: 29px;
        padding-right: 15px; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb #content-wrapper .page-content .main-cont #sidebar-wrapper {
        border-left: 0; } }
  @media screen and (max-width: 960px) {
    #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle {
      left: 0 !important;
      top: 0;
      padding: 0 10px; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .header .user {
        left: 0 !important; } }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .arrow_box:after,
  #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .arrow_box:before {
    left: 2.2vw; }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .dropdown-menu {
    right: auto;
    left: -25px; }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .notifications-menu-window {
    right: auto;
    left: 0;
    direction: ltr; }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle .dropdown {
    text-align: left; }
  @media screen and (max-width: 960px) {
    #page-wrapper.heb #content-wrapper .page-content .main-cont .headerStyle {
      left: 0 !important;
      right: 50px !important;
      margin-left: 0;
      margin-right: 0;
      top: 0px; } }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling {
    margin-left: 0;
    margin-right: 230px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .userProfileDetails .membership-details div {
      float: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .nav-tabs {
      padding-right: 0; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .reports-col:first-of-type {
      padding-right: 0;
      padding-left: 15px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .reports-col:last-of-type {
      padding-left: 0;
      padding-right: 15px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .report-icon {
      margin-left: 20px;
      margin-right: 0; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .peopleWrapper .plus-actions-button {
        left: 0 !important; } }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .peopleWrapper .athleteStatPie #agePie {
      float: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .peopleWrapper .athleteStatPie #genderPie {
      float: left; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .peopleWrapper .excel-export-people {
      left: 0;
      right: auto; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .newsWrapper .excel-export {
      left: 15px;
      right: auto; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .newsWrapper .news-container .news-hour {
      margin-right: 5px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tabs {
      direction: ltr; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tabs md-pagination-wrapper {
        right: 0;
        left: auto;
        direction: rtl;
        transform: translate3d(0px, 0px, 0px) !important; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tabs md-tabs-content-wrapper {
        direction: rtl; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tab-item:nth-of-type(4),
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tab-item:nth-of-type(5) {
        display: none; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container md-tabs md-pagination-wrapper {
        transform: translate3d(-35px, 0px, 0px) !important; } }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .md-tab {
      float: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .task-category-tag {
      border-left: 1px solid gray;
      border-right: 0;
      margin: 0 0 0 0;
      padding: 3px 0 3px 12px; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .task-category-tag .tag-color {
        margin-right: 0;
        margin-left: 8px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .task-type-tag {
      border-left: 1px solid gray;
      border-right: 0;
      margin: 0 12px 0 0;
      padding: 3px 0 3px 12px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .task-reminder-time span {
      margin: 0 12px 0 0; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .task-description {
      margin-left: 0;
      margin-right: 17px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-container .tasks-badge {
      left: 0px;
      right: auto; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .tasks-table .task-line {
      text-align: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .settings-wrapper .change-password-btn {
      margin-right: auto;
      margin-left: 0; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling th {
      text-align: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .md-calendar-day-header th {
      text-align: center; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button {
      right: auto !important;
      direction: rtl;
      left: 35px; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.remove-recurring-sign-up {
        left: 110px !important; }
      @media screen and (max-width: 960px) {
        #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button {
          left: 140px !important; }
          #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.remove-recurring-sign-up {
            left: 60px !important; }
          #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.add-recurring-sign-up {
            left: 0px !important; }
          #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addTaskButton, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addNewsButton {
            left: 0 !important; } }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addButtonPayments, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.leadPaymentAction, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addTypeButton {
        left: 175px; }
        @media screen and (max-width: 960px) {
          #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addButtonPayments, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.leadPaymentAction, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addTypeButton {
            left: 140px; } }
      @media screen and (min-width: 960px) {
        #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button md-fab-actions {
          margin-left: -130px;
          margin-right: 0; } }
      @media screen and (max-width: 960px) {
        #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button md-fab-actions {
          margin-left: -125px;
          margin-right: 0; } }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button md-fab-actions .md-fab-action-item > * {
        float: left;
        direction: rtl; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.leadProfileAction, #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .plus-actions-button.addButton {
        left: 166px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .training-calendar-wrap .trainingCalendar #standbyUsers,
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .training-calendar-wrap .trainingCalendar #registeredUsers {
      direction: ltr; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .dashboardWrapper .dashboard-box .dashboard-box-title .box-count {
      text-align: left; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .dashboardWrapper .dashboard-box .task-info {
      direction: ltr;
      text-align: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .userProfileWrapper .userHeader .col-md-6 {
      float: right; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .userProfileWrapper .userHeader .col-md-6 .userProfileName {
        left: auto;
        right: 140px; }
        @media screen and (max-width: 960px) {
          #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .userProfileWrapper .userHeader .col-md-6 .userProfileName {
            left: auto;
            right: 70px;
            width: 200px;
            top: 15px; } }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .userProfileWrapper .userHeader .col-md-6 .userProfileImage {
        margin-right: 30px; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper table.reports {
        display: inline-block; } }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .excel-export {
      position: absolute;
      top: 255px;
      width: 42px;
      left: 15px;
      z-index: 10;
      cursor: pointer;
      right: auto; }
      #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .excel-export.without-dates {
        top: 175px; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .table-wrap .row .col-md-2 {
      float: right; }
    #page-wrapper.heb #content-wrapper .page-content .main-cont .fixStyling .reportsWrapper .report-name .md-list-item-inner {
      text-align: right; }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .finishBtns {
    right: auto;
    left: 0; }
  #page-wrapper.heb #content-wrapper .page-content .main-cont .align-right-heb {
    text-align: right; }
  #page-wrapper.heb .md-datepicker-triangle-button {
    left: 0;
    right: auto; }
  #page-wrapper.heb md-input-container label {
    transform-origin: right top;
    padding-right: 10px; }
  #page-wrapper.heb ~ md-virtual-repeat-container .md-autocomplete-suggestions li {
    direction: rtl;
    text-align: right; }
    #page-wrapper.heb ~ md-virtual-repeat-container .md-autocomplete-suggestions li .item-title .item-icon {
      margin-right: 0px;
      margin-left: 0px; }
  #page-wrapper.heb ~ .md-dialog-container md-autocomplete.users-list {
    width: 85%;
    float: right; }
  #page-wrapper.heb ~ .md-dialog-container md-dialog {
    direction: rtl; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog td,
    #page-wrapper.heb ~ .md-dialog-container md-dialog th {
      text-align: right; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog md-radio-button .md-container {
      right: 0;
      left: auto; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog md-radio-button .md-label {
      margin-right: 30px;
      margin-left: 0; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog md-tabs {
      direction: ltr; }
      #page-wrapper.heb ~ .md-dialog-container md-dialog md-tabs md-pagination-wrapper {
        right: 0;
        left: auto;
        direction: rtl;
        transform: translate3d(0px, 0px, 0px) !important; }
        #page-wrapper.heb ~ .md-dialog-container md-dialog md-tabs md-pagination-wrapper .md-tab {
          font-size: 12.5px;
          padding: 12px 27px;
          float: right; }
      #page-wrapper.heb ~ .md-dialog-container md-dialog md-tabs md-tabs-content-wrapper {
        direction: rtl; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog.addNew .btns-row {
      left: 0;
      right: auto; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog.event-form-dialog {
      justify-content: flex-start; }
      #page-wrapper.heb ~ .md-dialog-container md-dialog.event-form-dialog .reorder-standby {
        float: left;
        margin: 0 20px; }
  #page-wrapper.heb ~ .md-dialog-container .total-days-count {
    padding-right: 40px; }
    #page-wrapper.heb ~ .md-dialog-container .total-days-count label {
      padding-right: 40px; }
    @media screen and (max-width: 960px) {
      #page-wrapper.heb ~ .md-dialog-container .total-days-count {
        padding-right: 20px; }
        #page-wrapper.heb ~ .md-dialog-container .total-days-count label {
          padding-right: 20px; } }
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .cancelTime p:last-child,
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .enableRegistrationTime p:last-child,
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .disableCancellationTime p:last-child {
    margin-left: 0 !important; }
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .cancelTime p:first-child,
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .enableRegistrationTime p:first-child,
  #page-wrapper.heb ~ .md-dialog-container .workoutPopup .disableCancellationTime p:first-child {
    text-align: right;
    margin-right: 30px; }
  #page-wrapper.heb ~ .md-dialog-container md-dialog-content {
    direction: rtl; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .submitAndCloseBtn {
      float: left;
      margin-left: 0; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content md-input-container label {
      transform-origin: right top;
      padding-right: 10px; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .medicalCertificate input[type='checkbox'] {
      float: right; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .medicalCertificate label {
      padding-right: 50px !important; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .checkboxVisual label {
      margin-left: 0; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .md-datepicker-triangle-button {
      left: 0;
      right: auto; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .addEditInput {
      padding: 20px;
      text-align: right; }
      #page-wrapper.heb ~ .md-dialog-container md-dialog-content .addEditInput md-input-container label {
        transform-origin: right top;
        padding-right: 10px; }
    #page-wrapper.heb ~ .md-dialog-container md-dialog-content .finishBtns {
      right: auto;
      left: 0; }
  #page-wrapper.heb ~ .md-dialog-container .col-xs-1,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-1,
  #page-wrapper.heb ~ .md-dialog-container .col-md-1,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-1,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-2,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-2,
  #page-wrapper.heb ~ .md-dialog-container .col-md-2,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-2,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-3,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-3,
  #page-wrapper.heb ~ .md-dialog-container .col-md-3,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-3,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-4,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-4,
  #page-wrapper.heb ~ .md-dialog-container .col-md-4,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-4,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-5,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-5,
  #page-wrapper.heb ~ .md-dialog-container .col-md-5,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-5,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-6,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-6,
  #page-wrapper.heb ~ .md-dialog-container .col-md-6,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-6,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-7,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-7,
  #page-wrapper.heb ~ .md-dialog-container .col-md-7,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-7,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-8,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-8,
  #page-wrapper.heb ~ .md-dialog-container .col-md-8,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-8,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-9,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-9,
  #page-wrapper.heb ~ .md-dialog-container .col-md-9,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-9,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-10,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-10,
  #page-wrapper.heb ~ .md-dialog-container .col-md-10,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-10,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-11,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-11,
  #page-wrapper.heb ~ .md-dialog-container .col-md-11,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-11,
  #page-wrapper.heb ~ .md-dialog-container .col-xs-12,
  #page-wrapper.heb ~ .md-dialog-container .col-sm-12,
  #page-wrapper.heb ~ .md-dialog-container .col-md-12,
  #page-wrapper.heb ~ .md-dialog-container .col-lg-12 {
    float: right; }
  #page-wrapper.heb ~ .md-dialog-container .extraRegistrationTimeText {
    margin-left: 30px; }
  #page-wrapper.heb ~ .md-dialog-container .AddEditPlanPopup md-checkbox,
  #page-wrapper.heb ~ .md-dialog-container .AddEditSessionPopup md-checkbox {
    width: 150px;
    margin-left: 30px; }
  #page-wrapper.heb ~ .md-dialog-container md-checkbox .md-container {
    right: 0;
    left: auto;
    margin-right: 10px; }
  #page-wrapper.heb ~ .md-dialog-container md-checkbox .md-label {
    margin-left: 0;
    margin-right: 40px; }
  #page-wrapper.heb ~ .sweet-container {
    direction: rtl; }
  #page-wrapper.heb .col-xs-1,
  #page-wrapper.heb .col-sm-1,
  #page-wrapper.heb .col-md-1,
  #page-wrapper.heb .col-lg-1,
  #page-wrapper.heb .col-xs-2,
  #page-wrapper.heb .col-sm-2,
  #page-wrapper.heb .col-md-2,
  #page-wrapper.heb .col-lg-2,
  #page-wrapper.heb .col-xs-3,
  #page-wrapper.heb .col-sm-3,
  #page-wrapper.heb .col-md-3,
  #page-wrapper.heb .col-lg-3,
  #page-wrapper.heb .col-xs-4,
  #page-wrapper.heb .col-sm-4,
  #page-wrapper.heb .col-md-4,
  #page-wrapper.heb .col-lg-4,
  #page-wrapper.heb .col-xs-5,
  #page-wrapper.heb .col-sm-5,
  #page-wrapper.heb .col-md-5,
  #page-wrapper.heb .col-lg-5,
  #page-wrapper.heb .col-xs-6,
  #page-wrapper.heb .col-sm-6,
  #page-wrapper.heb .col-md-6,
  #page-wrapper.heb .col-lg-6,
  #page-wrapper.heb .col-xs-7,
  #page-wrapper.heb .col-sm-7,
  #page-wrapper.heb .col-md-7,
  #page-wrapper.heb .col-lg-7,
  #page-wrapper.heb .col-xs-8,
  #page-wrapper.heb .col-sm-8,
  #page-wrapper.heb .col-md-8,
  #page-wrapper.heb .col-lg-8,
  #page-wrapper.heb .col-xs-9,
  #page-wrapper.heb .col-sm-9,
  #page-wrapper.heb .col-md-9,
  #page-wrapper.heb .col-lg-9,
  #page-wrapper.heb .col-xs-10,
  #page-wrapper.heb .col-sm-10,
  #page-wrapper.heb .col-md-10,
  #page-wrapper.heb .col-lg-10,
  #page-wrapper.heb .col-xs-11,
  #page-wrapper.heb .col-sm-11,
  #page-wrapper.heb .col-md-11,
  #page-wrapper.heb .col-lg-11,
  #page-wrapper.heb .col-xs-12,
  #page-wrapper.heb .col-sm-12,
  #page-wrapper.heb .col-md-12,
  #page-wrapper.heb .col-lg-12 {
    float: right; }
  #page-wrapper.heb md-option {
    direction: rtl; }

md-fab-speed-dial.md-is-open .md-fab-action-item {
  transform: scale(1) !important;
  opacity: 1 !important;
  transition: 0.5s linear !important; }

md-fab-speed-dial .md-fab-action-item {
  transition: 0.5s linear !important;
  transform: scale(0) !important;
  opacity: 0 !important; }

@media screen and (min-width: 960px) {
  .transparent-background {
    display: none; }
  .plus-actions-button {
    position: fixed !important;
    bottom: 15px !important;
    right: 15px !important;
    z-index: 10; }
    .plus-actions-button .md-button.md-primary {
      background-color: #37A6F5 !important; }
      .plus-actions-button .md-button.md-primary.md-fab:hover {
        background-color: #37A6F5 !important; }
    .plus-actions-button md-fab-actions {
      margin-left: 130px; }
    .plus-actions-button .md-fab-bottom-right {
      right: 70px;
      bottom: 0; }
  .md-subheader-content .no-btn {
    display: none; } }

.main-cont {
  background-color: white; }

.no-btn {
  background-color: transparent;
  border: none;
  float: left;
  height: 40px;
  margin-top: -10px; }
  .no-btn span {
    font-size: 28px; }

.desktop-hide {
  display: none; }

.sweet-overlay {
  z-index: 99999; }

.sweet-alert {
  z-index: 99999; }

.centerWrapper {
  padding: 0px 0px 0px 0px; }

.centerView {
  padding-top: calc(45px + 20px);
  margin: 0; }
  @media screen and (min-width: 1600px) {
    .centerView {
      margin: 0; } }
  @media screen and (max-width: 960px) {
    .centerView {
      padding-top: 0;
      margin: 0; } }

.fixStyling {
  position: relative;
  margin-left: 190px;
  margin-right: 25px; }

.rightMenu {
  position: fixed !important;
  top: 61px;
  right: 0px;
  width: 200px;
  bottom: 0px;
  background: #30426a;
  color: white;
  overflow: scroll; }

.headerStyle {
  position: fixed;
  width: 100%;
  height: 45px;
  padding: 0 10px;
  background: #f8f8f8;
  border-bottom: 1px solid #37a6f5;
  right: 0;
  left: 0;
  z-index: 100;
  margin: 0; }
  @media screen and (max-width: 960px) {
    .headerStyle {
      top: 0;
      padding: 0 10px; } }

.single-or-series-popup {
  max-width: 500px; }
  .single-or-series-popup .md-subheader-inner {
    background-color: #37A6F5;
    text-align: center;
    color: white; }
  .single-or-series-popup .single-or-series-content {
    text-align: center; }
    .single-or-series-popup .single-or-series-content img {
      max-width: 65px;
      vertical-align: middle;
      padding: 10px; }

.md-select-menu-container {
  z-index: 9999; }

.save-button.md-button.md-default-theme:not([disabled]):hover,
.save-button.md-button:not([disabled]):hover {
  background-color: #37A6F5; }

.md-dialog-container {
  position: fixed !important;
  top: 0 !important; }
  .md-dialog-container .table-striped th {
    border-bottom: none;
    padding: 0px;
    vertical-align: middle; }
  .md-dialog-container .table-striped tbody th {
    border-bottom: none;
    padding: 0px;
    vertical-align: middle; }
  .md-dialog-container .table-striped tbody tr td {
    padding: 11px 3px;
    border-top: none;
    vertical-align: middle; }
  .md-dialog-container .table-striped tbody tr:nth-child(odd) td {
    background-color: rgba(145, 228, 251, 0.3); }
  .md-dialog-container .table-striped tbody tr:hover td {
    background-color: rgba(145, 228, 251, 0.3); }
  .md-dialog-container .table-striped tfoot tr td {
    border-top: none; }
  .md-dialog-container .md-tab {
    font-size: 13px;
    padding: 12px 27px; }
    @media screen and (max-width: 960px) {
      .md-dialog-container .md-tab {
        padding: 10px !important; } }
  .md-dialog-container md-dialog-actions {
    justify-content: flex-end; }
  .md-dialog-container .md-tab span {
    color: rgba(33, 33, 33, 0.87); }
  .md-dialog-container .md-tab.md-active {
    color: black; }
    .md-dialog-container .md-tab.md-active span {
      color: #37A6F5; }
  .md-dialog-container md-ink-bar {
    color: #37A6F5;
    background: #37A6F5; }

md-pagination-wrapper {
  border-bottom: 3px solid #f3f3f3; }
  md-pagination-wrapper .md-tab span {
    color: rgba(33, 33, 33, 0.87); }
  md-pagination-wrapper .md-tab.md-active {
    color: black; }
    md-pagination-wrapper .md-tab.md-active span {
      color: #37A6F5;
      font-weight: bold; }

md-tabs md-ink-bar {
  color: #37A6F5;
  background: #37A6F5; }

.general-wrapper.messages-center-container .header .sms-bank-balance {
  height: 40px;
  margin: 6px;
  background: rgba(146, 211, 110, 0.2); }
  .general-wrapper.messages-center-container .header .sms-bank-balance span {
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold; }

@media screen and (max-width: 600px) {
  .general-wrapper.messages-center-container .header {
    padding: 0 8px; }
  .general-wrapper.messages-center-container md-input-container {
    margin: 10px 0; } }

@media screen and (min-width: 600px) {
  .general-wrapper.messages-center-container .header .sms-bank-balance {
    min-width: 220px; } }

.notePopup {
  height: 50% !important; }

.newsWrapper .news-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .newsWrapper .news-wrapper .news-item {
    width: 25%; }
    .newsWrapper .news-wrapper .news-item card {
      height: 400px; }
    @media screen and (max-width: 960px) {
      .newsWrapper .news-wrapper .news-item {
        width: 100%; } }
    @media screen and (min-width: 1310px) and (max-width: 1600px) {
      .newsWrapper .news-wrapper .news-item {
        width: 33.3%; } }
    @media screen and (min-width: 960px) and (max-width: 1310px) {
      .newsWrapper .news-wrapper .news-item {
        width: 50%; } }
    .newsWrapper .news-wrapper .news-item md-card-title-text {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 21px; }
      .newsWrapper .news-wrapper .news-item md-card-title-text .date-bold {
        font-weight: bold; }
      .newsWrapper .news-wrapper .news-item md-card-title-text .md-subhead {
        height: 50px; }
    .newsWrapper .news-wrapper .news-item md-card-title-media {
      padding-top: 7px; }
    .newsWrapper .news-wrapper .news-item md-card-content {
      height: 80px;
      max-height: 80px;
      min-height: 80px;
      overflow: hidden; }
    .newsWrapper .news-wrapper .news-item .edit-news, .newsWrapper .news-wrapper .news-item .remove-news {
      min-width: 30px;
      font-size: 30px; }
    .newsWrapper .news-wrapper .news-item .edit-news i {
      font-size: 20px; }

.newsWrapper .md-button:not(.md-fab) {
  min-width: 68px; }

.newsWrapper .news-container {
  padding-bottom: 15px;
  border-bottom: 3px solid #f8f8f8;
  padding-top: 15px; }
  .newsWrapper .news-container .news-date {
    font-weight: bold;
    margin-bottom: 5px; }
  .newsWrapper .news-container .news-hour {
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 5px; }

.newsWrapper .news-search {
  padding: 0 20px;
  width: 100%;
  margin-bottom: 15px;
  border: 3px solid #37A6F5;
  color: black;
  height: 50px;
  font-size: 14px; }

.newsWrapper .excel-export {
  position: absolute;
  top: 175px;
  width: 32px;
  right: 15px;
  z-index: 10;
  cursor: pointer;
  left: auto; }
  .newsWrapper .excel-export img {
    max-width: 100%; }

.newsWrapper .addNewsButton {
  position: fixed;
  right: 200px;
  bottom: 0; }

.newsWrapper #newsHeader {
  width: 50%; }

.delete-news, .edit-news {
  cursor: pointer; }

.newsMessageBox {
  float: left;
  margin: 20px;
  width: 300px;
  padding: 10px;
  position: relative;
  background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(0.1, #f3f3f3));
  border-top: 1px solid white;
  border-right: 1px solid #ccc;
  -webkit-border-bottom-right-radius: 60px 60px;
  -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); }
  .newsMessageBox img {
    width: 100%;
    margin-top: 15px;
    height: 140px; }
  .newsMessageBox p {
    margin-top: 15px;
    text-align: justify;
    word-break: break-all; }
  .newsMessageBox h1 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
  .newsMessageBox .newMessageDate {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
  .newsMessageBox .newMessageText {
    margin-top: 15px;
    text-align: justify; }

.newsMessageBox:before {
  content: '';
  width: 25px;
  height: 20px;
  background: white;
  position: absolute;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to(#eee), color-stop(0.1, #fff));
  -webkit-border-bottom-right-radius: 30px;
  border-bottom-right-radius: 30px;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px);
  transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px); }

.newsMessageBox:after {
  content: '';
  z-index: -1;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(0deg) translate(-45px, -20px) skew(20deg); }

.newsMessageBox_ribbon {
  position: absolute;
  top: -25px;
  left: 30%;
  width: 130px;
  height: 40px;
  background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(transparent), color-stop(0.1, rgba(0, 0, 0, 0.2)));
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); }

.addMessageBtn {
  margin-top: 30px;
  width: 75px; }

.newsHr {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: black !important;
  height: 1px;
  border: none; }

.addNewMessageWrapper h3 {
  text-decoration: underline; }

.addNewMessageWrapper md-input-container {
  width: 40%; }

.paymentIframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0; }

.paymentDialog {
  width: 100%;
  height: 100%;
  background-color: #3d3d3d !important;
  position: relative; }
  .paymentDialog .paymenyTitle {
    text-align: center;
    line-height: 60px;
    color: white; }

.peopleWrapper .excel-export-people {
  position: absolute;
  width: 40px;
  float: left;
  z-index: 10;
  cursor: pointer;
  right: 0;
  left: auto;
  top: 350px; }
  .peopleWrapper .excel-export-people.without-stats {
    top: 190px; }
  .peopleWrapper .excel-export-people img {
    max-width: 100%; }

.addEditInput {
  overflow-y: scroll; }

.add-edit-member {
  max-width: 770px;
  width: 770px;
  height: 600px; }
  .add-edit-member md-dialog-content {
    height: 600px; }
  .add-edit-member form md-toolbar {
    background-color: #37A6F5;
    color: white; }
    .add-edit-member form md-toolbar .title {
      font-size: 17px; }
    .add-edit-member form md-toolbar .md-toolbar-tools {
      direction: rtl; }
  .add-edit-member form md-dialog-actions {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.03); }
    .add-edit-member form md-dialog-actions .save-button {
      background-color: #37A6F5 !important;
      color: white; }
    .add-edit-member form md-dialog-actions .close-button {
      background-color: #ff5252 !important;
      color: white; }
  .add-edit-member form md-tab-content #memberDetailsPopup {
    padding-top: 27px; }
    .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap {
      height: 86px; }
      .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .margin-fix {
        margin-top: 0; }
      .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .dateFormPicker {
        margin-top: 5px; }
        .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .dateFormPicker md-datepicker {
          margin-left: 0; }
      .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .gender-wrap md-input-container {
        margin: -4px 15px 0 15px; }
    .add-edit-member form md-tab-content #memberDetailsPopup .locationBox {
      margin-top: 8px; }
  .add-edit-member form md-tab-content .membershipTypeSelect {
    margin-top: 17.5px; }
  .add-edit-member form md-pagination-wrapper {
    min-width: 650px; }
  .add-edit-member form #md-tabs-popup-add-edit-member {
    margin-top: 10px;
    height: 450px; }
    .add-edit-member form #md-tabs-popup-add-edit-member .dateFormPicker md-datepicker {
      margin-left: -16px; }
    .add-edit-member form #md-tabs-popup-add-edit-member .gender-wrap md-input-container {
      margin-top: 8px; }
    .add-edit-member form #md-tabs-popup-add-edit-member .fixed-height-86 {
      height: 51px; }
    .add-edit-member form #md-tabs-popup-add-edit-member .checkboxVisualWrap {
      margin-top: 50px; }
      .add-edit-member form #md-tabs-popup-add-edit-member .checkboxVisualWrap .checkboxVisual {
        padding: 0 8px;
        margin-left: 17px; }
        .add-edit-member form #md-tabs-popup-add-edit-member .checkboxVisualWrap .checkboxVisual md-checkbox {
          margin: 0; }
  @media screen and (max-width: 600px) {
    .add-edit-member {
      height: 607px !important; }
      .add-edit-member md-dialog-content {
        height: 500px; }
      .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap {
        height: auto; }
        .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .margin-fix {
          margin-top: auto; }
        .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .dateFormPicker {
          margin-top: auto; }
          .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .dateFormPicker md-datepicker {
            margin-left: auto; }
        .add-edit-member form md-tab-content #memberDetailsPopup .row-3-wrap .gender-wrap md-input-container {
          margin: auto; }
      .add-edit-member form md-tab-content .membershipTypeSelect {
        margin-top: 14.5px; }
      .add-edit-member form #md-tabs-popup-add-edit-member {
        height: 500px; } }

@media screen and (max-width: 960px) {
  .finishBtns {
    position: static !important; }
  .md-dialog-container {
    z-index: 100 !important;
    max-height: 100% !important;
    height: 100% !important; }
    .md-dialog-container md-dialog {
      position: absolute;
      top: 60px;
      left: 0;
      height: 100%; }
      .md-dialog-container md-dialog.single-or-series-popup {
        top: 270px;
        height: 219px; }
        .md-dialog-container md-dialog.single-or-series-popup:not(.is-series) {
          height: 122px; }
        .md-dialog-container md-dialog.single-or-series-popup .finishBtns {
          position: absolute !important;
          bottom: 0; }
      .md-dialog-container md-dialog.cloneWeekPopup, .md-dialog-container md-dialog.listedUsersPopup {
        height: auto; }
      .md-dialog-container md-dialog.addUsersPopup {
        height: auto; }
        .md-dialog-container md-dialog.addUsersPopup .md-actions {
          margin-top: 30px; }
      .md-dialog-container md-dialog.renewMembershipPopup md-input-container {
        margin-top: 17px; }
      .md-dialog-container md-dialog .addEditInput {
        padding: 0; }
        .md-dialog-container md-dialog .addEditInput label {
          font-size: 16px !important; }
      .md-dialog-container md-dialog md-input-container {
        padding: 5px; }
      .md-dialog-container md-dialog .md-subheader {
        height: 30px;
        padding: 0; }
      .md-dialog-container md-dialog .checkboxVisual {
        padding-left: 20px; }
        .md-dialog-container md-dialog .checkboxVisual label {
          margin-bottom: -20px !important; }
      .md-dialog-container md-dialog .no-btn {
        visibility: hidden; }
  .custom-datepicker-container {
    min-height: 60px; }
  .md-dialog-custom-styling .md-datepicker-label {
    bottom: 60px; } }

@media screen and (max-width: 600px) {
  .custom-datepicker-container {
    min-height: 55px; }
  .md-dialog-custom-styling .custom-datepicker-container .md-datepicker-label {
    bottom: 40px; } }

.commentLabel {
  display: block; }

.editDatesPopup {
  width: 750px;
  margin: 0 auto;
  height: 380px;
  white-space: nowrap; }
  .editDatesPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .editDatesPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .editDatesPopup .row {
    padding: 0; }
  .editDatesPopup .dates {
    margin-top: 10px; }
  .editDatesPopup .dateFormPicker .dateBtn {
    margin-top: 25px; }
  .editDatesPopup textarea {
    width: 100%;
    height: 160px; }
  .editDatesPopup .finishBtns {
    bottom: 0;
    position: static;
    right: 0; }

.renewMembershipPopup {
  width: 700px;
  margin: 0 auto;
  height: 485px;
  white-space: nowrap; }
  .renewMembershipPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .renewMembershipPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .renewMembershipPopup md-dialog-content {
    height: 100%; }
  .renewMembershipPopup .membershipTypeSelect {
    margin-top: 27px; }
  .renewMembershipPopup md-input-container {
    margin-top: 25px; }
  .renewMembershipPopup .dateFormPicker .dateBtn {
    margin-top: 25px; }
  .renewMembershipPopup .row {
    padding: 0px; }
  .renewMembershipPopup textarea {
    width: 100%;
    height: 160px; }
  .renewMembershipPopup .finishBtns {
    bottom: 15px;
    position: absolute;
    right: 0; }

.cancelMembershipPopup {
  width: 650px;
  margin: 0 auto;
  height: 410px;
  white-space: nowrap; }
  .cancelMembershipPopup .addEditInput {
    padding: 10px; }
  .cancelMembershipPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .cancelMembershipPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .cancelMembershipPopup md-dialog-content {
    height: 100%; }
  .cancelMembershipPopup .dateFormPicker {
    margin-top: 25px; }
  .cancelMembershipPopup .row {
    padding: 0px; }
  .cancelMembershipPopup textarea {
    width: 100%;
    height: 160px; }
  .cancelMembershipPopup .finishBtns {
    bottom: 15px;
    position: absolute;
    right: 0; }
  .cancelMembershipPopup .cancelReasonSelect {
    margin-top: 30px; }

.suspendMembershipPopup {
  width: 870px;
  margin: 0 auto;
  height: 480px;
  white-space: nowrap; }
  .suspendMembershipPopup .row .div {
    margin-bottom: 0; }
  .suspendMembershipPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .suspendMembershipPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .suspendMembershipPopup md-dialog-content {
    height: 100%; }
  .suspendMembershipPopup .total-days-count {
    margin-top: 5px; }
  .suspendMembershipPopup .dateFormPicker .dateBtn {
    margin-top: 25px; }
  .suspendMembershipPopup .row {
    padding: 0px; }
  .suspendMembershipPopup textarea {
    width: 100%;
    height: 160px; }
  .suspendMembershipPopup .finishBtns {
    bottom: 0;
    position: absolute;
    right: 0; }
  .suspendMembershipPopup .suspendReasonSelect {
    margin-top: 30px; }

.cancelSuspendMembershipPopup {
  width: 700px;
  margin: 0 auto;
  height: 350px;
  white-space: nowrap; }
  .cancelSuspendMembershipPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .cancelSuspendMembershipPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .cancelSuspendMembershipPopup md-dialog-content {
    height: 100%; }
  .cancelSuspendMembershipPopup .dateFormPicker .dateBtn {
    margin-top: 25px; }
  .cancelSuspendMembershipPopup .row {
    padding: 0px; }
  .cancelSuspendMembershipPopup textarea {
    width: 100%;
    height: 160px; }
  .cancelSuspendMembershipPopup .finishBtns {
    bottom: 7px;
    position: absolute;
    right: 0; }

.notePopup {
  max-width: 1000px;
  width: 550px;
  margin: 0 auto;
  height: 270px; }
  .notePopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .notePopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .notePopup md-dialog-content {
    height: 100%; }
  .notePopup .row {
    padding: 0px;
    margin-top: 25px; }
  .notePopup textarea {
    width: 100%;
    height: 160px; }
  .notePopup .finishBtns {
    bottom: 0;
    position: static;
    right: 0; }

.sessionsPopup {
  width: 650px;
  margin: 0 auto;
  height: 400px;
  white-space: nowrap; }
  .sessionsPopup .addNewHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px; }
    .sessionsPopup .addNewHeader .md-subheader-inner {
      padding: 0px; }
  .sessionsPopup .dataInput {
    padding: 15px 0 0 0; }
  .sessionsPopup md-dialog-content {
    height: 100%; }
  .sessionsPopup .row {
    padding: 0px; }
  .sessionsPopup textarea {
    width: 100%;
    height: 160px; }
  .sessionsPopup .finishBtns {
    bottom: 0;
    position: static;
    right: 0; }

/*
 DEPRECATED!!

.addEditTaskPopup {
  width: 40%;
  margin: 0 auto;
  height: 100%;
  .dateFormPicker {
    margin-top: 30px;
  }
  .AddEditHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    padding-top: 10px;

    .md-subheader-inner {
      padding: 0px;
    }
  }
  label {
    //margin-left: 0;
  }
  md-select {
    margin: 0;

  }
  .date-wrap {
    //padding-left:0;
  }
  .hour-wrap {
    //padding-right:0;
    .dateFormPicker {
      margin-top: 30px;
    }
  }
  .description {
    //padding: 0;
    margin-bottom: 10px;
    label {
      padding-left: 15px !important;
    }
  }

  .md-text.ng-binding {
    font-size: 13px;
  }
  .dateBtn {
    margin-top: 19px;
  }
  md-input-container {
    padding-bottom: 0px;
  }
  .date-input {
    margin-top: 19px;
  }

  .statusTypeSelect {
    width: 100%;
  }
  .location {
    width: 100%;
  }
  .submitAndCloseBtn {
    margin: 0;
  }
  textarea {
    margin-top: 0;
  }

  #leadDateLabel {
    margin-left: 0px;
  }
}
 */
.time-clock-popup type-ahead md-autocomplete-wrap {
  max-height: 32px;
  margin-top: 4px; }

.time-clock-popup type-ahead input {
  max-height: 32px; }

.md-dialog-custom-styling-slim {
  width: 550px; }
  .md-dialog-custom-styling-slim md-autocomplete {
    width: 100%; }

.md-dialog-custom-styling {
  width: 770px; }

.md-dialog-custom-styling, .md-dialog-custom-styling-slim {
  max-width: 770px;
  height: auto !important; }
  .md-dialog-custom-styling.large-custom-popup, .md-dialog-custom-styling-slim.large-custom-popup {
    width: 900px;
    max-width: 900px;
    min-height: 620px; }
    .md-dialog-custom-styling.large-custom-popup.remove-min-height, .md-dialog-custom-styling-slim.large-custom-popup.remove-min-height {
      min-height: unset; }
  .md-dialog-custom-styling.xlarge-custom-popup, .md-dialog-custom-styling-slim.xlarge-custom-popup {
    width: 991px;
    max-width: 991px;
    min-height: 620px; }
    .md-dialog-custom-styling.xlarge-custom-popup.remove-min-height, .md-dialog-custom-styling-slim.xlarge-custom-popup.remove-min-height {
      min-height: unset; }
  .md-dialog-custom-styling.xl-xl-custom-popup, .md-dialog-custom-styling-slim.xl-xl-custom-popup {
    width: 1100px;
    max-width: 1100px;
    min-height: 620px; }
    .md-dialog-custom-styling.xl-xl-custom-popup.remove-min-height, .md-dialog-custom-styling-slim.xl-xl-custom-popup.remove-min-height {
      min-height: unset; }
  .md-dialog-custom-styling.small-custom-popup, .md-dialog-custom-styling-slim.small-custom-popup {
    width: 550px;
    max-width: 550px; }
  .md-dialog-custom-styling .popup-header, .md-dialog-custom-styling-slim .popup-header {
    height: 64px;
    line-height: 64px;
    text-align: center;
    background-color: #37a6f5 !important; }
    .md-dialog-custom-styling .popup-header .absolute-header-button, .md-dialog-custom-styling-slim .popup-header .absolute-header-button {
      position: absolute;
      left: 10px; }
    .md-dialog-custom-styling .popup-header span.title, .md-dialog-custom-styling-slim .popup-header span.title {
      position: relative;
      width: 100%;
      font-weight: bold;
      font-size: 23px;
      padding: 0; }
  .md-dialog-custom-styling .popup-subheader, .md-dialog-custom-styling-slim .popup-subheader {
    margin-bottom: 0; }
    .md-dialog-custom-styling .popup-subheader h2, .md-dialog-custom-styling-slim .popup-subheader h2 {
      font-size: 16px;
      color: #37a6f5;
      font-weight: bold;
      padding-bottom: 10px; }
  .md-dialog-custom-styling md-switch, .md-dialog-custom-styling-slim md-switch {
    margin: 4px 0; }
    .md-dialog-custom-styling md-switch.md-switch-fit-to-row, .md-dialog-custom-styling-slim md-switch.md-switch-fit-to-row {
      margin: 8px; }
    .md-dialog-custom-styling md-switch span, .md-dialog-custom-styling-slim md-switch span {
      margin: 0 12px; }
  .md-dialog-custom-styling .md-content-container-custom-styling, .md-dialog-custom-styling-slim .md-content-container-custom-styling {
    width: 100%;
    margin-top: 25px;
    overflow-x: hidden;
    padding: 5px; }
    .md-dialog-custom-styling .md-content-container-custom-styling.no-margin, .md-dialog-custom-styling-slim .md-content-container-custom-styling.no-margin {
      margin: 0; }
    .md-dialog-custom-styling .md-content-container-custom-styling .row-fixed-height-for-md-animate, .md-dialog-custom-styling-slim .md-content-container-custom-styling .row-fixed-height-for-md-animate {
      height: 55px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .align-input-to-row input, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-input-to-row input {
      position: relative;
      top: 5px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .align-input-to-row .input-up, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-input-to-row .input-up {
      text-align: center;
      top: -7px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .align-input-to-row .md-switch-up, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-input-to-row .md-switch-up {
      position: relative;
      top: -10px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .align-input-to-start input, .md-dialog-custom-styling .md-content-container-custom-styling .align-input-to-start md-select, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-input-to-start input, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-input-to-start md-select {
      margin-top: -7px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .align-p-elem-to-input, .md-dialog-custom-styling-slim .md-content-container-custom-styling .align-p-elem-to-input {
      align-self: center;
      margin: 0 5px 20px 5px; }
    .md-dialog-custom-styling .md-content-container-custom-styling md-checkbox, .md-dialog-custom-styling-slim .md-content-container-custom-styling md-checkbox {
      margin-top: 0;
      margin-bottom: 10px;
      margin-right: 0; }
      .md-dialog-custom-styling .md-content-container-custom-styling md-checkbox .md-label, .md-dialog-custom-styling-slim .md-content-container-custom-styling md-checkbox .md-label {
        display: block;
        white-space: unset; }
    .md-dialog-custom-styling .md-content-container-custom-styling .categories-list, .md-dialog-custom-styling-slim .md-content-container-custom-styling .categories-list {
      margin-bottom: 10px; }
    .md-dialog-custom-styling .md-content-container-custom-styling .hide-validation-error .md-errors-spacer, .md-dialog-custom-styling-slim .md-content-container-custom-styling .hide-validation-error .md-errors-spacer {
      display: none; }
    .md-dialog-custom-styling .md-content-container-custom-styling .no-bottom-margin, .md-dialog-custom-styling-slim .md-content-container-custom-styling .no-bottom-margin {
      margin-bottom: 0; }
    .md-dialog-custom-styling .md-content-container-custom-styling .no-top-margin, .md-dialog-custom-styling-slim .md-content-container-custom-styling .no-top-margin {
      margin-top: 0; }
    .md-dialog-custom-styling .md-content-container-custom-styling .drop-down-fix, .md-dialog-custom-styling-slim .md-content-container-custom-styling .drop-down-fix {
      padding-bottom: 30px; }
  .md-dialog-custom-styling md-dialog-actions, .md-dialog-custom-styling-slim md-dialog-actions {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0 16px; }
    .md-dialog-custom-styling md-dialog-actions.unset-flex, .md-dialog-custom-styling-slim md-dialog-actions.unset-flex {
      justify-content: unset; }
    .md-dialog-custom-styling md-dialog-actions.inner-actions, .md-dialog-custom-styling-slim md-dialog-actions.inner-actions {
      border-top: 0px solid transparent;
      background-color: transparent; }
  .md-dialog-custom-styling .md-datepicker-button, .md-dialog-custom-styling-slim .md-datepicker-button {
    float: none !important;
    margin-top: unset !important; }
  .md-dialog-custom-styling .md-datepicker-label, .md-dialog-custom-styling-slim .md-datepicker-label {
    position: absolute;
    left: 70px !important;
    margin-bottom: 5px;
    bottom: 60px; }
  .md-dialog-custom-styling .color-container, .md-dialog-custom-styling-slim .color-container {
    margin-bottom: 10px; }
    .md-dialog-custom-styling .color-container p, .md-dialog-custom-styling-slim .color-container p {
      font-size: 14px;
      font-weight: bold; }
  .md-dialog-custom-styling .row-spacer, .md-dialog-custom-styling-slim .row-spacer {
    position: relative;
    height: 2px;
    background: #37a6f5;
    margin-bottom: 10px; }

.flex-space-out-md-dialog-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column; }

md-checkbox.custom-style .md-icon {
  border-color: #37a6f5 !important; }

md-checkbox.custom-style-red .md-icon {
  border-color: #ff3823 !important; }

.custom-select-style-colors .md-select-value, .custom-select-green .md-select-value, .custom-select-gray .md-select-value, .custom-select-style-colors .md-select-value.md-select-placeholder, .custom-select-green .md-select-value.md-select-placeholder, .custom-select-gray .md-select-value.md-select-placeholder {
  background-color: rgba(33, 150, 243, 0.71);
  color: white;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-color: transparent; }
  .custom-select-style-colors .md-select-value .md-select-icon, .custom-select-green .md-select-value .md-select-icon, .custom-select-gray .md-select-value .md-select-icon, .custom-select-style-colors .md-select-value .md-text, .custom-select-green .md-select-value .md-text, .custom-select-gray .md-select-value .md-text, .custom-select-style-colors .md-select-value.md-select-placeholder .md-select-icon, .custom-select-green .md-select-value.md-select-placeholder .md-select-icon, .custom-select-gray .md-select-value.md-select-placeholder .md-select-icon, .custom-select-style-colors .md-select-value.md-select-placeholder .md-text, .custom-select-green .md-select-value.md-select-placeholder .md-text, .custom-select-gray .md-select-value.md-select-placeholder .md-text {
    color: white;
    font-weight: bold;
    border-bottom-color: transparent; }

.custom-select-green .md-select-value,
.custom-select-green .md-select-value.md-select-placeholder {
  background-color: rgba(146, 211, 110, 0.8); }

.custom-select-gray .md-select-value,
.custom-select-gray .md-select-value.md-select-placeholder {
  background-color: #c0c0c0; }

.addNewCustom md-radio-button {
  margin: 10px;
  display: inline-block; }
  .addNewCustom md-radio-button.cat-color-1.md-checked .md-container .md-off {
    background-color: #0bbcb2; }
  .addNewCustom md-radio-button.cat-color-1.md-checked .md-container .md-on {
    background-color: #0bbcb2;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-1 .md-container .md-off {
    background-color: #0bbcb2;
    border: none; }
  .addNewCustom md-radio-button.cat-color-1 .md-container .md-on {
    background-color: #0bbcb2; }
  .addNewCustom md-radio-button.cat-color-2.md-checked .md-container .md-off {
    background-color: #5466ed; }
  .addNewCustom md-radio-button.cat-color-2.md-checked .md-container .md-on {
    background-color: #5466ed;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-2 .md-container .md-off {
    background-color: #5466ed;
    border: none; }
  .addNewCustom md-radio-button.cat-color-2 .md-container .md-on {
    background-color: #5466ed; }
  .addNewCustom md-radio-button.cat-color-3.md-checked .md-container .md-off {
    background-color: #367de9; }
  .addNewCustom md-radio-button.cat-color-3.md-checked .md-container .md-on {
    background-color: #367de9;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-3 .md-container .md-off {
    background-color: #367de9;
    border: none; }
  .addNewCustom md-radio-button.cat-color-3 .md-container .md-on {
    background-color: #367de9; }
  .addNewCustom md-radio-button.cat-color-4.md-checked .md-container .md-off {
    background-color: #66c1a0; }
  .addNewCustom md-radio-button.cat-color-4.md-checked .md-container .md-on {
    background-color: #66c1a0;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-4 .md-container .md-off {
    background-color: #66c1a0;
    border: none; }
  .addNewCustom md-radio-button.cat-color-4 .md-container .md-on {
    background-color: #66c1a0; }
  .addNewCustom md-radio-button.cat-color-5.md-checked .md-container .md-off {
    background-color: #51b749; }
  .addNewCustom md-radio-button.cat-color-5.md-checked .md-container .md-on {
    background-color: #51b749;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-5 .md-container .md-off {
    background-color: #51b749;
    border: none; }
  .addNewCustom md-radio-button.cat-color-5 .md-container .md-on {
    background-color: #51b749; }
  .addNewCustom md-radio-button.cat-color-6.md-checked .md-container .md-off {
    background-color: #e3b345; }
  .addNewCustom md-radio-button.cat-color-6.md-checked .md-container .md-on {
    background-color: #e3b345;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-6 .md-container .md-off {
    background-color: #e3b345;
    border: none; }
  .addNewCustom md-radio-button.cat-color-6 .md-container .md-on {
    background-color: #e3b345; }
  .addNewCustom md-radio-button.cat-color-7.md-checked .md-container .md-off {
    background-color: #f39138; }
  .addNewCustom md-radio-button.cat-color-7.md-checked .md-container .md-on {
    background-color: #f39138;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-7 .md-container .md-off {
    background-color: #f39138;
    border: none; }
  .addNewCustom md-radio-button.cat-color-7 .md-container .md-on {
    background-color: #f39138; }
  .addNewCustom md-radio-button.cat-color-8.md-checked .md-container .md-off {
    background-color: #ff887c; }
  .addNewCustom md-radio-button.cat-color-8.md-checked .md-container .md-on {
    background-color: #ff887c;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-8 .md-container .md-off {
    background-color: #ff887c;
    border: none; }
  .addNewCustom md-radio-button.cat-color-8 .md-container .md-on {
    background-color: #ff887c; }
  .addNewCustom md-radio-button.cat-color-9.md-checked .md-container .md-off {
    background-color: #dc2127; }
  .addNewCustom md-radio-button.cat-color-9.md-checked .md-container .md-on {
    background-color: #dc2127;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-9 .md-container .md-off {
    background-color: #dc2127;
    border: none; }
  .addNewCustom md-radio-button.cat-color-9 .md-container .md-on {
    background-color: #dc2127; }
  .addNewCustom md-radio-button.cat-color-10.md-checked .md-container .md-off {
    background-color: #c08ce9; }
  .addNewCustom md-radio-button.cat-color-10.md-checked .md-container .md-on {
    background-color: #c08ce9;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-10 .md-container .md-off {
    background-color: #c08ce9;
    border: none; }
  .addNewCustom md-radio-button.cat-color-10 .md-container .md-on {
    background-color: #c08ce9; }
  .addNewCustom md-radio-button.cat-color-11.md-checked .md-container .md-off {
    background-color: #848484; }
  .addNewCustom md-radio-button.cat-color-11.md-checked .md-container .md-on {
    background-color: #848484;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-11 .md-container .md-off {
    background-color: #848484;
    border: none; }
  .addNewCustom md-radio-button.cat-color-11 .md-container .md-on {
    background-color: #848484; }
  .addNewCustom md-radio-button.cat-color-12.md-checked .md-container .md-off {
    background-color: #913123; }
  .addNewCustom md-radio-button.cat-color-12.md-checked .md-container .md-on {
    background-color: #913123;
    transform: scale(1.8); }
  .addNewCustom md-radio-button.cat-color-12 .md-container .md-off {
    background-color: #913123;
    border: none; }
  .addNewCustom md-radio-button.cat-color-12 .md-container .md-on {
    background-color: #913123; }

.heb .md-dialog-custom-styling md-toolbar .md-toolbar-tools .absolute-header-button, .heb .md-dialog-custom-styling-slim md-toolbar .md-toolbar-tools .absolute-header-button {
  left: unset;
  right: 10px; }

.heb .md-dialog-custom-styling .md-datepicker-triangle-button, .heb .md-dialog-custom-styling-slim .md-datepicker-triangle-button {
  left: -30px !important;
  right: unset !important; }

.heb .md-dialog-custom-styling .md-datepicker-label, .heb .md-dialog-custom-styling-slim .md-datepicker-label {
  position: absolute;
  right: 50px !important; }

@media screen and (max-width: 600px) {
  .mobile-layout-fill {
    width: 100%; }
  .md-dialog-custom-styling.large-custom-popup, .md-dialog-custom-styling.xl-xl-custom-popup, .md-dialog-custom-styling.xlarge-custom-popup, .md-dialog-custom-styling-slim.large-custom-popup, .md-dialog-custom-styling-slim.xl-xl-custom-popup, .md-dialog-custom-styling-slim.xlarge-custom-popup {
    min-height: unset; }
  .popup-header span.title {
    font-size: 22px; } }

@media screen and (max-height: 680px) {
  md-dialog.md-dialog-custom-styling md-dialog-content, md-dialog.md-dialog-custom-styling-slim md-dialog-content {
    min-height: 60vh; } }


.box-management-wrapper .settings-card {
  padding: 20px;
  background: rgba(244, 246, 247, 0.7); }
  .box-management-wrapper .settings-card table {
    width: 100%; }
    .box-management-wrapper .settings-card table thead tr td,
    .box-management-wrapper .settings-card table thead tr th,
    .box-management-wrapper .settings-card table tbody tr td,
    .box-management-wrapper .settings-card table tbody tr th {
      padding: 0 15px; }

.box-management-wrapper .system-user-icon {
  vertical-align: middle;
  font-size: 20px; }

.box-management-wrapper .system-user-icon-green {
  vertical-align: middle; }

.box-management-wrapper .select-system-users {
  position: relative;
  bottom: 12px; }

.box-management-wrapper .last-td {
  min-width: 150px; }

.box-management-wrapper .red-icon-color {
  color: #ff3823; }

.box-settings-dashboard .custom-select-style-colors {
  min-width: 175px; }

.membership-type-edit-or-add h1,
.membership-type-edit-or-add h2,
.membership-type-edit-or-add h3 {
  padding: 0;
  margin: 0; }

.membership-type-edit-or-add #label-name {
  padding: 0 13px; }

.membership-type-edit-or-add .restrictions-container {
  padding: 10px 0; }
  .membership-type-edit-or-add .restrictions-container .restrictions-section {
    margin: 10px; }
    .membership-type-edit-or-add .restrictions-container .restrictions-section md-checkbox {
      margin: 0; }
    .membership-type-edit-or-add .restrictions-container .restrictions-section p {
      margin: 0; }
    .membership-type-edit-or-add .restrictions-container .restrictions-section .md-errors-spacer {
      display: none; }
    .membership-type-edit-or-add .restrictions-container .restrictions-section .custom-md-list {
      width: 115px; }

.membership-type-edit-or-add .cancellation-fine-container {
  margin: 5px 0; }
  .membership-type-edit-or-add .cancellation-fine-container input[type="number"] {
    width: 60px; }

.auto-actions .material-icons {
  margin: 8px 0; }

.boxManagementWrapper {
  padding: 0; }

.boxManagementTable {
  margin-left: 10px; }

.container h2 {
  font-weight: bold; }

.container label.ng-binding {
  color: black; }

.container .passBtn {
  float: right;
  margin-top: -20px; }

.addTypeButton {
  /*  z-index: 20;
    float: right;
    width: 7%;
    margin-top: 5vh;*/ }
  .addTypeButton .md-mini.comment-question-outline-wrap {
    font-size: 20px;
    background-color: #75489D; }
    .addTypeButton .md-mini.comment-question-outline-wrap .mdi-comment-question-outline {
      line-height: 40px; }
  .addTypeButton .md-mini.add-edit-organization {
    font-size: 20px;
    background-color: #006e8c !important; }
  .addTypeButton .md-mini.add-tax-wrap {
    font-size: 20px;
    background-color: #ff3823; }
    .addTypeButton .md-mini.add-tax-wrap i {
      line-height: 40px; }

.widthPageFix {
  width: 83%;
  margin: 0 auto; }

.excel {
  margin-top: 5px;
  width: 40px;
  position: absolute;
  right: 10px;
  cursor: pointer; }
  .excel img {
    max-width: 100%; }

md-switch.md-default-theme.md-checked, md-switch.md-checked .md-bar {
  background-color: #30426a; }

md-switch.md-default-theme.md-checked, md-switch.md-checked .md-thumb {
  background-color: white; }

.AddEditPlanPopup, .AddEditSessionPopup {
  margin: 0 auto;
  white-space: nowrap; }
  @media screen and (min-width: 1600px) {
    .AddEditPlanPopup, .AddEditSessionPopup {
      width: 50%; } }
  @media screen and (min-width: 960px) and (max-width: 1600px) {
    .AddEditPlanPopup, .AddEditSessionPopup {
      width: 70%; } }
  .AddEditPlanPopup .AddEditHeader, .AddEditSessionPopup .AddEditHeader {
    color: white;
    font-size: 20px;
    background-color: #37A6F5;
    text-align: center;
    width: 100%;
    font-weight: bold;
    height: 40px;
    padding-top: 10px; }
    .AddEditPlanPopup .AddEditHeader .md-subheader-inner, .AddEditSessionPopup .AddEditHeader .md-subheader-inner {
      padding: 0px; }
  .AddEditPlanPopup .addEditInput, .AddEditSessionPopup .addEditInput {
    padding: 10px; }
    .AddEditPlanPopup .addEditInput .extra-registration-time-row .small-input, .AddEditSessionPopup .addEditInput .extra-registration-time-row .small-input {
      margin: 0 10px; }
    .AddEditPlanPopup .addEditInput md-input-container, .AddEditSessionPopup .addEditInput md-input-container {
      margin-bottom: 0; }
  .AddEditPlanPopup .categoryDisable, .AddEditSessionPopup .categoryDisable {
    overflow: hidden;
    text-overflow: ellipsis; }
    .AddEditPlanPopup .categoryDisable .categories-list, .AddEditSessionPopup .categoryDisable .categories-list {
      max-height: 130px;
      overflow-y: auto; }
      .AddEditPlanPopup .categoryDisable .categories-list::-webkit-scrollbar-track, .AddEditSessionPopup .categoryDisable .categories-list::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 10px;
        background: transparent; }
      .AddEditPlanPopup .categoryDisable .categories-list::-webkit-scrollbar, .AddEditSessionPopup .categoryDisable .categories-list::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
        background: transparent; }
      .AddEditPlanPopup .categoryDisable .categories-list::-webkit-scrollbar-thumb, .AddEditSessionPopup .categoryDisable .categories-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #b4b4af; }
  .AddEditPlanPopup .periodType, .AddEditSessionPopup .periodType {
    margin-top: 20px; }
    .AddEditPlanPopup .periodType span, .AddEditSessionPopup .periodType span {
      margin-bottom: 6px; }
  .AddEditPlanPopup .times-input, .AddEditSessionPopup .times-input {
    width: 3.5vw; }
  .AddEditPlanPopup .inputFix, .AddEditSessionPopup .inputFix {
    margin-top: 10px; }
    .AddEditPlanPopup .inputFix.visit-amount, .AddEditSessionPopup .inputFix.visit-amount {
      margin-left: 40px; }
  .AddEditPlanPopup .to2, .AddEditSessionPopup .to2 {
    width: 100px; }
  .AddEditPlanPopup .textFix, .AddEditSessionPopup .textFix {
    margin-top: 20px;
    white-space: nowrap;
    text-align: center; }
  .AddEditPlanPopup #categoryLabel, .AddEditSessionPopup #categoryLabel {
    color: black; }

.AddEditSessionPopup {
  margin: 0 auto;
  white-space: nowrap;
  /*.expirationType{
    span{
      margin-bottom: 6px;
    }
  }
  .textFix{
    margin-top: 20px;
    white-space: nowrap;
    text-align: center;
  }
  .inputFix{
    margin-top: 10px;
  }
  .times-input{
    width: 3.5vw;

  }*/
  /*.sessionsNumberText{
    margin-top: 30px;
  }
  .sessionsNumber{
    margin-top: 25px;
  }
  .expirationPeriod{
    margin-top: 26px;
  }

  .periodTimeType{
    margin-top: 2px;
  }*/ }
  .AddEditSessionPopup .AddEditHeader {
    color: white;
    font-size: 20px;
    background-color: #37A6F5;
    text-align: center;
    width: 100%;
    font-weight: bold;
    height: 40px;
    padding-top: 10px; }
    .AddEditSessionPopup .AddEditHeader .md-subheader-inner {
      padding: 0px; }
  .AddEditSessionPopup .timesText {
    margin-top: 20px; }
  .AddEditSessionPopup .expirationType {
    margin-top: 20px; }

.change-password-btn {
  background-color: #37A6F5 !important;
  width: auto;
  margin: auto;
  float: right;
  margin-right: 0;
  margin-left: auto; }

.settings-wrapper {
  margin-top: 30px;
  margin-bottom: 40px; }
  @media screen and (min-width: 960px) {
    .settings-wrapper .settings-col {
      max-width: 49% !important; } }
  .settings-wrapper .settings-col .settings-box {
    margin-bottom: 40px; }
    .settings-wrapper .settings-col .settings-box .settings-box-title {
      background: #37A6F5;
      color: white;
      min-height: 44px;
      width: 100%;
      height: 45px;
      padding: 10px 5px; }
    .settings-wrapper .settings-col .settings-box .settings-box-content {
      padding: 0;
      background: white;
      border: 3px solid #fafafa;
      border-top: none; }
      .settings-wrapper .settings-col .settings-box .settings-box-content .settings-box-row {
        padding: 15px;
        border-bottom: 3px solid #fafafa;
        height: 50px; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .settings-box-row:last-of-type {
          border-bottom: none; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .settings-box-row .type-name {
          font-size: 15px; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .settings-box-row .md-button {
          display: flex;
          align-items: center;
          justify-content: center; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .settings-box-row .delete-task {
          cursor: pointer;
          font-size: 14px; }
      .settings-wrapper .settings-col .settings-box .settings-box-content .language-wrap {
        padding: 10px; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .language-wrap .language-pick {
          display: block;
          position: static;
          margin-top: 0; }
        .settings-wrapper .settings-col .settings-box .settings-box-content .language-wrap .language-title {
          font-size: 15px;
          font-weight: bold; }

.md-button#addWorkoutType {
  background-color: #79c447; }

.md-button#addLeadStatus {
  background-color: #D4D429; }

.md-button#addSessionsPack {
  background-color: #8e8bbf;
  color: white; }

.md-button#addTaskType {
  background-color: #632d00; }

.editSettingsCalendarWrap .waitlistThresholdPopup .fixText {
  line-height: 30px; }

.editShowingClassesWrap .enableShowingClassesSwitch {
  margin: 12px; }

.editShowingClassesWrap .showingClassesWeekAgoFix .md-errors-spacer {
  display: none; }

.editShowingClassesWrap .showingClassesDayAgoLabelFix {
  line-height: 40px; }

.editShowingClassesWrap .showingClassesTimeAgoLabelFix {
  line-height: 65px; }

.add-edit-popup-fix .categoryDisable {
  text-overflow: ellipsis; }
  .add-edit-popup-fix .categoryDisable .categories-list {
    max-height: 130px;
    overflow-y: scroll; }
    .add-edit-popup-fix .categoryDisable .categories-list::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      border-radius: 10px;
      background: transparent; }
    .add-edit-popup-fix .categoryDisable .categories-list::-webkit-scrollbar {
      width: 10px !important;
      height: 10px !important;
      background: transparent; }
    .add-edit-popup-fix .categoryDisable .categories-list::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #b4b4af; }

@media screen and (max-width: 960px) {
  .background-mobile {
    height: 100%;
    width: 100%;
    position: absolute;
    background: #f7f6f6;
    z-index: 25;
    opacity: 0.3; }
  #sidebar-wrapper {
    margin-left: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    background: #f7f6f6;
    top: 45px;
    width: auto;
    height: 100%; }
    #sidebar-wrapper ul.sidebar {
      display: none;
      width: 270px;
      position: fixed;
      height: 100%;
      border-top: 1px solid #37A6F5;
      top: 45px; }
      #sidebar-wrapper ul.sidebar .sidebar-list {
        height: 38px; }
        #sidebar-wrapper ul.sidebar .sidebar-list a {
          font-size: 16px;
          width: 100%;
          line-height: 38px; }
        #sidebar-wrapper ul.sidebar .sidebar-list .menu-icon {
          font-size: 16px;
          float: left;
          color: #37a6f5;
          line-height: 38px; }
          #sidebar-wrapper ul.sidebar .sidebar-list .menu-icon.fa-home {
            font-size: 24px; }
    #sidebar-wrapper.collapsed {
      width: 100%;
      height: 100%;
      z-index: 999;
      background-color: transparent;
      color: black; }
      #sidebar-wrapper.collapsed ul.sidebar {
        z-index: 35;
        height: 470px;
        background-color: #f8f8f8; }
      #sidebar-wrapper.collapsed .sidebar-close {
        width: 100%;
        background-color: white; }
    #sidebar-wrapper .open-mobile-sidebar {
      background-color: transparent;
      border: none;
      outline: none;
      width: 60px;
      height: 45px; }
      #sidebar-wrapper .open-mobile-sidebar span {
        color: #37a6f5;
        font-size: 35px; }
    #sidebar-wrapper .sidebar-close {
      background-color: transparent;
      border: none;
      outline: none;
      width: 60px;
      height: 60px; }
      #sidebar-wrapper .sidebar-close button {
        background: transparent;
        outline: none;
        border: none;
        margin-left: -15px; }
        #sidebar-wrapper .sidebar-close button span {
          color: black;
          font-size: 35px;
          padding-right: 0; } }

#sidebar-wrapper {
  margin-left: 0 !important;
  background: #f7f6f6;
  left: 0 !important;
  top: 0; }
  #sidebar-wrapper .sidebar {
    width: 100%;
    top: 45px;
    background: #f7f6f6; }
  @media screen and (min-width: 960px) {
    #sidebar-wrapper {
      width: 229px;
      z-index: 15; }
      #sidebar-wrapper .open-mobile-sidebar {
        display: none; }
      #sidebar-wrapper .sidebar-close {
        display: none; } }
  #sidebar-wrapper .bottom-border {
    border-bottom: 5px solid #f8f8f8; }
  #sidebar-wrapper .sidebar-main {
    height: auto;
    width: 100%; }
  #sidebar-wrapper .fa-home {
    font-size: 21px; }
  #sidebar-wrapper .popover.ng-isolate-scope.right.fade.in {
    position: fixed;
    margin-left: -170px;
    font-weight: bold;
    box-shadow: 2px 1px 9px #30426a; }
    #sidebar-wrapper .popover.ng-isolate-scope.right.fade.in .popover-content {
      direction: rtl;
      word-break: break-word; }
  #sidebar-wrapper .sidebar-logo-container {
    position: relative;
    height: 120px;
    background: #ebebeb; }
    #sidebar-wrapper .sidebar-logo-container .box-image {
      position: absolute;
      z-index: 1000;
      width: 100px;
      height: 100px; }
    #sidebar-wrapper .sidebar-logo-container .box-image-upload-image-text {
      position: absolute;
      bottom: 0;
      text-align: center;
      color: #37a6f5;
      width: 100%;
      text-indent: 0; }
    #sidebar-wrapper .sidebar-logo-container slim {
      max-width: 100%;
      max-height: 100%; }
    #sidebar-wrapper .sidebar-logo-container .slim {
      width: 100px;
      height: 100px; }
      #sidebar-wrapper .sidebar-logo-container .slim .slim-custom-upload-button {
        display: none; }
    #sidebar-wrapper .sidebar-logo-container .slim-btn {
      width: 25px;
      height: 25px;
      margin: 0 3px; }
    #sidebar-wrapper .sidebar-logo-container .slim-btn-group {
      padding: 0;
      right: -20px; }
  #sidebar-wrapper .box-name {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    text-indent: 0;
    cursor: default; }
  #sidebar-wrapper .current-user {
    cursor: default;
    padding: 20px;
    text-align: left;
    font-size: 16px; }
    #sidebar-wrapper .current-user.no-bottom {
      padding-bottom: 0; }
    #sidebar-wrapper .current-user .user-img {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid lightgray;
      cursor: default; }
    #sidebar-wrapper .current-user .user-name {
      cursor: default; }
  #sidebar-wrapper .tasks-sidebar .badge-wrap {
    position: relative;
    bottom: 40px; }
    #sidebar-wrapper .tasks-sidebar .badge-wrap .tasks-badge {
      float: right;
      color: white;
      background-color: #ff5252;
      width: 25px;
      height: 25px;
      border-radius: 100px;
      position: absolute;
      top: 8px;
      font-size: 13px;
      line-height: 25px;
      right: 90px;
      text-indent: 0;
      text-align: center; }
  #sidebar-wrapper .menu-start {
    margin-top: 10px; }
  #sidebar-wrapper .sidebar-list {
    user-select: none;
    list-style: none; }
    #sidebar-wrapper .sidebar-list.sub-item a {
      font-size: 14px;
      width: 200px; }
    #sidebar-wrapper .sidebar-list a {
      font-size: 16px;
      cursor: pointer;
      text-indent: 15px;
      color: black;
      margin: 1px 0;
      padding-left: 8px; }
      #sidebar-wrapper .sidebar-list a.active {
        font-weight: bold; }
      #sidebar-wrapper .sidebar-list a .menu-icon {
        color: #37A6F5;
        float: left;
        width: 40px; }
      #sidebar-wrapper .sidebar-list a:hover {
        background: #f8f8f8;
        border-left: 3px solid #37A6F5; }
        #sidebar-wrapper .sidebar-list a:hover span {
          border-left: none !important;
          text-indent: 15px !important; }
        #sidebar-wrapper .sidebar-list a:hover .menu-icon {
          text-indent: 0; }
  #sidebar-wrapper .people-menu {
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.3s ease-in;
    float: right; }
    #sidebar-wrapper .people-menu.open-hidden-menu {
      width: 100%;
      float: right;
      max-height: 229px;
      background: white;
      opacity: 1; }
      #sidebar-wrapper .people-menu.open-hidden-menu .sidebar-list a:hover {
        background: white; }

.slim .slim-btn-group {
  opacity: 0;
  transition: .25s opacity; }

.slim:hover .slim-btn-group {
  opacity: 1; }

/**/
#topSideBar {
  background-color: #4169E1; }

#syncItems .header {
  border-bottom: 2px solid #37a6f5; }
  #syncItems .header .sync_problem {
    font-size: 37px;
    height: 37px;
    color: #37a6f5; }

#syncItems .content .title {
  margin: 20px 0px;
  width: 100%; }

#syncItems .content .documentation {
  width: 100%; }
  #syncItems .content .documentation a {
    font-size: 20px;
    font-weight: bold;
    color: red; }

#syncItems .content md-checkbox {
  margin-top: 14px; }

#syncItems .content i.link {
  color: #37a6f5;
  font-size: 24px;
  line-height: 24px; }

#syncItems .content i.drag-handle {
  color: #37a6f5;
  font-size: 34px;
  line-height: 34px; }

#syncItems .content .total-price {
  text-align: center; }

#syncItems .md-button {
  width: 317px;
  background-color: #92d36e; }

.tasks-container {
  border-bottom: 1px solid #ddd; }
  .tasks-container .md-tab {
    font-size: 17px;
    font-weight: bold; }
    .tasks-container .md-tab span {
      color: rgba(100, 100, 100, 0.5); }
    .tasks-container .md-tab.md-active {
      color: black; }
      .tasks-container .md-tab.md-active span {
        color: #37A6F5; }
  .tasks-container md-ink-bar {
    color: #37A6F5;
    background: #37A6F5; }
  .tasks-container md-tab-content:nth-child(5) {
    min-height: 40vh; }
  .tasks-container .tasks-badge {
    float: right;
    color: white;
    background-color: #ff3823;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    position: absolute;
    top: 1px;
    font-size: 13px;
    line-height: 25px;
    right: 0px; }
  .tasks-container .dates-row {
    margin: 15px 0 0 0; }
    .tasks-container .dates-row .dateFormPicker {
      margin-right: 20px; }
  .tasks-container .no-tasks {
    text-align: center;
    margin-top: 5%; }
    .tasks-container .no-tasks .no-tasks-text {
      font-size: 20px; }
    .tasks-container .no-tasks img {
      opacity: 0.4; }
    @media screen and (max-width: 960px) {
      .tasks-container .no-tasks img {
        width: 30%; } }
  .tasks-container .tasks-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .tasks-container .tasks-wrapper task-item {
      width: 25%; }
      .tasks-container .tasks-wrapper task-item card {
        height: 400px; }
      @media screen and (max-width: 960px) {
        .tasks-container .tasks-wrapper task-item {
          width: 100%; } }
      @media screen and (min-width: 1310px) and (max-width: 1600px) {
        .tasks-container .tasks-wrapper task-item {
          width: 33.3%; } }
      @media screen and (min-width: 960px) and (max-width: 1310px) {
        .tasks-container .tasks-wrapper task-item {
          width: 50%; } }
  .tasks-container .vertical-container {
    height: 550px;
    min-height: 550px;
    width: 100%; }
  .tasks-container md-content {
    margin: 16px; }
  .tasks-container .md-virtual-repeat-container .md-virtual-repeat-offsetter .repeated-item {
    display: inline-block;
    width: 100%;
    height: 125px;
    position: relative; }
  .tasks-container .md-virtual-repeat-container .infinite-scroll-tasks {
    width: 96%;
    bottom: -20px !important;
    height: 30px;
    left: 1.3%; }
    .tasks-container .md-virtual-repeat-container .infinite-scroll-tasks .md-container {
      background-color: #b7e1ff;
      height: 10px; }
      .tasks-container .md-virtual-repeat-container .infinite-scroll-tasks .md-container .md-bar1,
      .tasks-container .md-virtual-repeat-container .infinite-scroll-tasks .md-container .md-bar2 {
        height: 10px; }

.tasks-container {
  border-bottom: none; }
  .tasks-container .custom-select-style-colors {
    height: 28px; }

@media screen and (max-width: 960px) {
  .reports-col {
    padding: 0 !important; }
  .reportsWrapper .date-cont {
    width: 100% !important; } }

@charset "UTF-8";
.reportsWrapper .excel-export {
  position: absolute;
  top: 255px;
  width: 32px;
  right: 15px;
  z-index: 10;
  cursor: pointer; }
  .reportsWrapper .excel-export.without-dates {
    top: 190px; }
  .reportsWrapper .excel-export.excel-export-expiring {
    top: 0; }
  .reportsWrapper .excel-export img {
    max-width: 100%; }

.reportsWrapper .endingUsers-wrap {
  margin-top: 40px; }

.reportsWrapper .taskNone {
  color: #fbe34f; }

.reportsWrapper .taskToday {
  color: #37a629; }

.reportsWrapper .taskFuture {
  color: #606060; }

.reportsWrapper .taskPast {
  color: #ff3823; }

.reportsWrapper .reports {
  margin-left: 0;
  margin-top: 0; }
  .reportsWrapper .reports tbody tr:nth-of-type(odd),
  .reportsWrapper .reports tbody tr:hover {
    background-color: rgba(145, 228, 251, 0.3); }

.reportsWrapper .date-cont {
  width: 20%;
  padding-left: 0; }

.report-icon {
  font-size: 20px;
  width: 35px;
  display: inline-block; }

.report-name {
  font-size: 14.5px;
  color: black; }
  .report-name md-list-item {
    background-color: white;
    min-height: 74px;
    height: 75px; }
    .report-name md-list-item .md-button {
      min-height: 75px;
      height: 75px; }
  .report-name:hover {
    color: black;
    text-decoration: none; }

.report-name-text {
  display: inline-block; }

.reports-col md-content {
  overflow: hidden; }

.reports-col:first-of-type {
  padding-left: 0; }

.reports-col:last-of-type {
  padding-right: 0; }

.reports-col md-toolbar {
  height: 45px;
  width: 100%;
  min-height: 44px; }

.reports-col .md-toolbar-tools {
  font-size: 18px;
  min-height: 44px;
  width: 100%;
  height: 45px;
  padding: 10px 15px; }
  .reports-col .md-toolbar-tools#active-members {
    background-color: #5d9ad0;
    color: white; }
  .reports-col .md-toolbar-tools#attendance {
    background-color: #fcba0c;
    color: white; }
  .reports-col .md-toolbar-tools#non-active-members {
    background-color: #7f6107;
    color: white; }
  .reports-col .md-toolbar-tools#leads {
    background-color: #71aa49;
    color: white; }

#table-wrap-id .tableHeader .fixWidthAttendanceSelect {
  min-width: 75px; }

#table-wrap-id .tableHeader input[type=search] {
  width: 105px; }

.membershipExpiring-tabs .md-stretch-tabs {
  margin-bottom: 25px; }

.capitalize {
  text-transform: capitalize; }

.removeRowButton {
  color: #ff6666;
  margin: 0;
  font-size: 30px;
  padding-right: 10px; }
  .removeRowButton:after {
    cursor: pointer;
    content: '×';
    /* UTF-8 symbol */ }
  .removeRowButton span {
    line-height: 40px;
    font-size: 23px; }

#excel-export-sessionsExpiring,
#excel-export-memberShipExpiring {
  top: 0 !important; }

.table {
  width: 100%; }

.checkbox-table-width {
  width: 30px;
  max-width: 30px;
  min-height: 45px;
  vertical-align: middle !important; }
  .checkbox-table-width md-checkbox {
    margin: 0; }
  .checkbox-table-width input {
    width: 25px;
    height: 25px;
    background-color: #37a6f5;
    cursor: pointer; }

.iFrameHeightCalc {
  height: calc(100vh - (54px)); }

.container .updateBoxButton {
  float: right; }

.container .deleteBoxButton {
  float: right;
  margin-right: 10px; }

.container md-input-container label {
  color: black; }

.container md-select span {
  color: black;
  font-weight: bold; }

.container md-select {
  margin-top: 28px; }

.addButton.plus-actions-button.membership-details md-fab-actions {
  margin-left: 130px;
  margin-right: 0;
  zoom: 0.9; }

md-fab-speed-dial {
  width: 100%; }
  md-fab-speed-dial md-fab-trigger {
    width: 100%;
    text-align: right;
    margin-left: 0; }
  md-fab-speed-dial md-fab-actions {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
    md-fab-speed-dial md-fab-actions .md-fab-action-item > div p {
      box-shadow: 1px 1px 7px #888888;
      border-radius: 5px;
      z-index: 2;
      position: relative; }
    md-fab-speed-dial md-fab-actions .trainingCalendarBtn p, md-fab-speed-dial md-fab-actions .athleteDetailsBtn p {
      box-shadow: 1px 1px 7px #888888;
      border-radius: 5px;
      z-index: 2;
      position: relative; }

@media screen and (max-width: 960px) {
  md-fab-actions {
    width: 100%; }
  .statuses table, .attendance table {
    width: 100% !important; }
  .leadProfileAction, .leadPaymentAction {
    position: fixed;
    bottom: 0; }
    .leadProfileAction .addButtonPayments, .leadPaymentAction .addButtonPayments {
      right: 0 !important; }
  .userProfileWrapper, .leadProfileWrapper {
    padding-right: 0;
    padding-left: 0; }
    .userProfileWrapper .userHeader .col-md-6, .userProfileWrapper .leadHeader .col-md-6, .leadProfileWrapper .userHeader .col-md-6, .leadProfileWrapper .leadHeader .col-md-6 {
      padding: 0; }
    .userProfileWrapper .userHeader .userProfileTopBar, .userProfileWrapper .leadHeader .userProfileTopBar, .leadProfileWrapper .userHeader .userProfileTopBar, .leadProfileWrapper .leadHeader .userProfileTopBar {
      margin-bottom: 0; }
      .userProfileWrapper .userHeader .userProfileTopBar .userProfileImage, .userProfileWrapper .leadHeader .userProfileTopBar .userProfileImage, .leadProfileWrapper .userHeader .userProfileTopBar .userProfileImage, .leadProfileWrapper .leadHeader .userProfileTopBar .userProfileImage {
        width: 40px;
        height: 40px;
        top: 10px; }
      .userProfileWrapper .userHeader .userProfileTopBar .userProfileName, .userProfileWrapper .leadHeader .userProfileTopBar .userProfileName, .leadProfileWrapper .userHeader .userProfileTopBar .userProfileName, .leadProfileWrapper .leadHeader .userProfileTopBar .userProfileName {
        position: absolute;
        top: 15px;
        font-size: 20px;
        left: 95px;
        color: #7E91BB; }
    .userProfileWrapper .userHeader .leadProfileTopBar p, .userProfileWrapper .userHeader .leadProfileDetails p, .userProfileWrapper .leadHeader .leadProfileTopBar p, .userProfileWrapper .leadHeader .leadProfileDetails p, .leadProfileWrapper .userHeader .leadProfileTopBar p, .leadProfileWrapper .userHeader .leadProfileDetails p, .leadProfileWrapper .leadHeader .leadProfileTopBar p, .leadProfileWrapper .leadHeader .leadProfileDetails p {
      margin-bottom: 0 !important; }
    .userProfileWrapper .userHeader .leadProfileTopBar .leadProfileName, .userProfileWrapper .userHeader .leadProfileTopBar .leadTextElements, .userProfileWrapper .userHeader .leadProfileTopBar #leadEmail, .userProfileWrapper .userHeader .leadProfileTopBar #leadPhone, .userProfileWrapper .userHeader .leadProfileTopBar #leadLastModified, .userProfileWrapper .userHeader .leadProfileTopBar #leadSource, .userProfileWrapper .userHeader .leadProfileDetails .leadProfileName, .userProfileWrapper .userHeader .leadProfileDetails .leadTextElements, .userProfileWrapper .userHeader .leadProfileDetails #leadEmail, .userProfileWrapper .userHeader .leadProfileDetails #leadPhone, .userProfileWrapper .userHeader .leadProfileDetails #leadLastModified, .userProfileWrapper .userHeader .leadProfileDetails #leadSource, .userProfileWrapper .leadHeader .leadProfileTopBar .leadProfileName, .userProfileWrapper .leadHeader .leadProfileTopBar .leadTextElements, .userProfileWrapper .leadHeader .leadProfileTopBar #leadEmail, .userProfileWrapper .leadHeader .leadProfileTopBar #leadPhone, .userProfileWrapper .leadHeader .leadProfileTopBar #leadLastModified, .userProfileWrapper .leadHeader .leadProfileTopBar #leadSource, .userProfileWrapper .leadHeader .leadProfileDetails .leadProfileName, .userProfileWrapper .leadHeader .leadProfileDetails .leadTextElements, .userProfileWrapper .leadHeader .leadProfileDetails #leadEmail, .userProfileWrapper .leadHeader .leadProfileDetails #leadPhone, .userProfileWrapper .leadHeader .leadProfileDetails #leadLastModified, .userProfileWrapper .leadHeader .leadProfileDetails #leadSource, .leadProfileWrapper .userHeader .leadProfileTopBar .leadProfileName, .leadProfileWrapper .userHeader .leadProfileTopBar .leadTextElements, .leadProfileWrapper .userHeader .leadProfileTopBar #leadEmail, .leadProfileWrapper .userHeader .leadProfileTopBar #leadPhone, .leadProfileWrapper .userHeader .leadProfileTopBar #leadLastModified, .leadProfileWrapper .userHeader .leadProfileTopBar #leadSource, .leadProfileWrapper .userHeader .leadProfileDetails .leadProfileName, .leadProfileWrapper .userHeader .leadProfileDetails .leadTextElements, .leadProfileWrapper .userHeader .leadProfileDetails #leadEmail, .leadProfileWrapper .userHeader .leadProfileDetails #leadPhone, .leadProfileWrapper .userHeader .leadProfileDetails #leadLastModified, .leadProfileWrapper .userHeader .leadProfileDetails #leadSource, .leadProfileWrapper .leadHeader .leadProfileTopBar .leadProfileName, .leadProfileWrapper .leadHeader .leadProfileTopBar .leadTextElements, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadEmail, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadPhone, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadLastModified, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadSource, .leadProfileWrapper .leadHeader .leadProfileDetails .leadProfileName, .leadProfileWrapper .leadHeader .leadProfileDetails .leadTextElements, .leadProfileWrapper .leadHeader .leadProfileDetails #leadEmail, .leadProfileWrapper .leadHeader .leadProfileDetails #leadPhone, .leadProfileWrapper .leadHeader .leadProfileDetails #leadLastModified, .leadProfileWrapper .leadHeader .leadProfileDetails #leadSource {
      font-size: 18px !important; }
      .userProfileWrapper .userHeader .leadProfileTopBar .leadProfileName a, .userProfileWrapper .userHeader .leadProfileTopBar .leadTextElements a, .userProfileWrapper .userHeader .leadProfileTopBar #leadEmail a, .userProfileWrapper .userHeader .leadProfileTopBar #leadPhone a, .userProfileWrapper .userHeader .leadProfileTopBar #leadLastModified a, .userProfileWrapper .userHeader .leadProfileTopBar #leadSource a, .userProfileWrapper .userHeader .leadProfileDetails .leadProfileName a, .userProfileWrapper .userHeader .leadProfileDetails .leadTextElements a, .userProfileWrapper .userHeader .leadProfileDetails #leadEmail a, .userProfileWrapper .userHeader .leadProfileDetails #leadPhone a, .userProfileWrapper .userHeader .leadProfileDetails #leadLastModified a, .userProfileWrapper .userHeader .leadProfileDetails #leadSource a, .userProfileWrapper .leadHeader .leadProfileTopBar .leadProfileName a, .userProfileWrapper .leadHeader .leadProfileTopBar .leadTextElements a, .userProfileWrapper .leadHeader .leadProfileTopBar #leadEmail a, .userProfileWrapper .leadHeader .leadProfileTopBar #leadPhone a, .userProfileWrapper .leadHeader .leadProfileTopBar #leadLastModified a, .userProfileWrapper .leadHeader .leadProfileTopBar #leadSource a, .userProfileWrapper .leadHeader .leadProfileDetails .leadProfileName a, .userProfileWrapper .leadHeader .leadProfileDetails .leadTextElements a, .userProfileWrapper .leadHeader .leadProfileDetails #leadEmail a, .userProfileWrapper .leadHeader .leadProfileDetails #leadPhone a, .userProfileWrapper .leadHeader .leadProfileDetails #leadLastModified a, .userProfileWrapper .leadHeader .leadProfileDetails #leadSource a, .leadProfileWrapper .userHeader .leadProfileTopBar .leadProfileName a, .leadProfileWrapper .userHeader .leadProfileTopBar .leadTextElements a, .leadProfileWrapper .userHeader .leadProfileTopBar #leadEmail a, .leadProfileWrapper .userHeader .leadProfileTopBar #leadPhone a, .leadProfileWrapper .userHeader .leadProfileTopBar #leadLastModified a, .leadProfileWrapper .userHeader .leadProfileTopBar #leadSource a, .leadProfileWrapper .userHeader .leadProfileDetails .leadProfileName a, .leadProfileWrapper .userHeader .leadProfileDetails .leadTextElements a, .leadProfileWrapper .userHeader .leadProfileDetails #leadEmail a, .leadProfileWrapper .userHeader .leadProfileDetails #leadPhone a, .leadProfileWrapper .userHeader .leadProfileDetails #leadLastModified a, .leadProfileWrapper .userHeader .leadProfileDetails #leadSource a, .leadProfileWrapper .leadHeader .leadProfileTopBar .leadProfileName a, .leadProfileWrapper .leadHeader .leadProfileTopBar .leadTextElements a, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadEmail a, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadPhone a, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadLastModified a, .leadProfileWrapper .leadHeader .leadProfileTopBar #leadSource a, .leadProfileWrapper .leadHeader .leadProfileDetails .leadProfileName a, .leadProfileWrapper .leadHeader .leadProfileDetails .leadTextElements a, .leadProfileWrapper .leadHeader .leadProfileDetails #leadEmail a, .leadProfileWrapper .leadHeader .leadProfileDetails #leadPhone a, .leadProfileWrapper .leadHeader .leadProfileDetails #leadLastModified a, .leadProfileWrapper .leadHeader .leadProfileDetails #leadSource a {
        color: inherit;
        text-decoration: none; }
    .userProfileWrapper .user-phone, .leadProfileWrapper .user-phone {
      color: inherit;
      text-decoration: none; }
  .lead-profile-tabs-wrap {
    padding-right: 0;
    padding-left: 0; } }

.leadComment {
  border: 1px solid #30426A;
  height: 200px;
  width: 84%;
  position: relative;
  margin: 0 8%; }
  .leadComment p:nth-child(1) {
    color: #30426A;
    font-size: 20px; }
  .leadComment p:nth-child(2) {
    font-size: 15px;
    font-weight: 100; }

.userLogsData md-fab-actions {
  margin-left: -30px; }

.restricted-icon {
  color: #F44336; }

.statuses p,
.attendance p {
  width: 84%;
  margin: 0 auto;
  margin-bottom: 1%; }

.statuses table,
.attendance table {
  margin: 0 auto;
  width: 84%;
  margin-bottom: 5%; }

.statuses .table-hover,
.attendance .table-hover {
  width: 100%; }

.addButtonPayments {
  position: fixed;
  bottom: 0;
  right: 140px; }
  .addButtonPayments .md-mini {
    font-size: 20px; }

.addPaymentButton {
  position: fixed;
  bottom: 20px;
  right: 220px; }
  .addPaymentButton span {
    font-size: 30px; }

.addButton {
  position: fixed;
  bottom: 0; }
  .addButton .md-mini {
    font-size: 20px; }
  .addButton md-fab-actions {
    margin-right: -30px; }
  .addButton .athleteDetailsBtn {
    display: -webkit-inline-box;
    float: right; }
    .addButton .athleteDetailsBtn p {
      border: 6px solid white;
      background-color: white;
      color: black;
      margin-top: 10px;
      font-size: 18px;
      font-family: Tahoma;
      white-space: nowrap; }
  .addButton #deactivateUserBtn {
    background: #a3a3c2; }
  .addButton #resetPasswordBtn {
    background: #67c2ef;
    color: white; }
  .addButton #activateUserBtn {
    background: #79c447;
    color: white; }
  .addButton #restrictUserBtn {
    background-color: #FC4634;
    color: white; }
  .addButton #unRestrictUserBtn {
    background: #79c447;
    color: white; }
  .addButton #renewMembershipBtn {
    background-color: #79c447; }
    .addButton #renewMembershipBtn i {
      color: white; }
  .addButton #renewGroupMembershipBtn {
    background-color: #37a652; }
    .addButton #renewGroupMembershipBtn i {
      color: white; }
  .addButton #createGroupHead {
    background-color: #37a652; }
    .addButton #createGroupHead i {
      color: white; }
  .addButton #burnChip {
    background-color: #291803; }
    .addButton #burnChip i {
      color: white; }
  .addButton #invoice-receipt-tax {
    background-color: #8e8bbf; }
    .addButton #invoice-receipt-tax i {
      color: white; }
  .addButton #credit-invoice i {
    color: white; }
  .addButton #editMembershipSessionsBtn {
    background-color: #632d00; }
    .addButton #editMembershipSessionsBtn i {
      color: white; }
  .addButton #note {
    background-color: #FFA834; }
    .addButton #note i {
      color: white; }
  .addButton #deleteMembershipBtn {
    background: #b30000;
    color: white; }
  .addButton #suspendMembershipBtn {
    background-color: #808080; }
  .addButton #cancelMembershipBtn {
    background-color: #ff5555; }
  .addButton #editSuspendMembershipBtn {
    background-color: #8e8bbf; }
  .addButton #cancelSuspendMembershipBtn {
    background-color: #D4D429; }
  .addButton #editDatesMembershipBtn {
    background-color: orange; }
  .addButton .sms-action-btn {
    background-color: white; }
    .addButton .sms-action-btn:hover {
      background-color: white !important; }

create-recurring-sales.paymentBtn #recurring-sales {
  background-color: #4bb0c2; }

create-recurring-sales p {
  box-shadow: 1px 1px 7px #888888;
  border-radius: 5px;
  z-index: 2;
  position: relative; }

.paymentBtn,
.addUserButton {
  display: -webkit-inline-box;
  float: right; }
  .paymentBtn p,
  .addUserButton p {
    border: 6px solid white;
    background-color: white;
    color: black;
    margin-top: 10px;
    font-size: 18px;
    font-family: Tahoma;
    white-space: nowrap; }
  .paymentBtn .rivhit-btn,
  .addUserButton .rivhit-btn {
    background: #a3a3c2; }
    .paymentBtn .rivhit-btn:hover,
    .addUserButton .rivhit-btn:hover {
      background: #a3a3c2 !important; }

.userProfileWrapper,
.leadProfileWrapper {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px; }
  .userProfileWrapper .excel,
  .leadProfileWrapper .excel {
    position: static;
    margin-top: 0; }
  .userProfileWrapper .leadProfileTopBar p,
  .userProfileWrapper .leadProfileDetails p,
  .leadProfileWrapper .leadProfileTopBar p,
  .leadProfileWrapper .leadProfileDetails p {
    color: #30426A;
    font-weight: 100;
    font-size: 13px; }
    .userProfileWrapper .leadProfileTopBar p.arbox-red,
    .userProfileWrapper .leadProfileDetails p.arbox-red,
    .leadProfileWrapper .leadProfileTopBar p.arbox-red,
    .leadProfileWrapper .leadProfileDetails p.arbox-red {
      color: #ff3823; }
  .userProfileWrapper .leadProfileTopBar .leadProfileName,
  .userProfileWrapper .leadProfileTopBar .leadTextElements,
  .userProfileWrapper .leadProfileTopBar #leadDate,
  .userProfileWrapper .leadProfileTopBar #leadEmail,
  .userProfileWrapper .leadProfileTopBar #leadPhone,
  .userProfileWrapper .leadProfileTopBar #leadLastModified,
  .userProfileWrapper .leadProfileTopBar #leadSource,
  .userProfileWrapper .leadProfileDetails .leadProfileName,
  .userProfileWrapper .leadProfileDetails .leadTextElements,
  .userProfileWrapper .leadProfileDetails #leadDate,
  .userProfileWrapper .leadProfileDetails #leadEmail,
  .userProfileWrapper .leadProfileDetails #leadPhone,
  .userProfileWrapper .leadProfileDetails #leadLastModified,
  .userProfileWrapper .leadProfileDetails #leadSource,
  .leadProfileWrapper .leadProfileTopBar .leadProfileName,
  .leadProfileWrapper .leadProfileTopBar .leadTextElements,
  .leadProfileWrapper .leadProfileTopBar #leadDate,
  .leadProfileWrapper .leadProfileTopBar #leadEmail,
  .leadProfileWrapper .leadProfileTopBar #leadPhone,
  .leadProfileWrapper .leadProfileTopBar #leadLastModified,
  .leadProfileWrapper .leadProfileTopBar #leadSource,
  .leadProfileWrapper .leadProfileDetails .leadProfileName,
  .leadProfileWrapper .leadProfileDetails .leadTextElements,
  .leadProfileWrapper .leadProfileDetails #leadDate,
  .leadProfileWrapper .leadProfileDetails #leadEmail,
  .leadProfileWrapper .leadProfileDetails #leadPhone,
  .leadProfileWrapper .leadProfileDetails #leadLastModified,
  .leadProfileWrapper .leadProfileDetails #leadSource {
    color: #30426A;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: -5px; }
  .userProfileWrapper .breadcrumb,
  .leadProfileWrapper .breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    padding: 0 !important;
    background-color: white;
    border-radius: 4px;
    line-height: 80px; }
  .userProfileWrapper .breadcrumb > li + li:before,
  .leadProfileWrapper .breadcrumb > li + li:before {
    content: none !important; }
  .userProfileWrapper .breadcrumb li,
  .leadProfileWrapper .breadcrumb li {
    float: left;
    width: 20%;
    font-size: 20px; }
  .userProfileWrapper .breadcrumb li a,
  .leadProfileWrapper .breadcrumb li a {
    outline: none;
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 65px;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding-left: 20%; }
  .userProfileWrapper .breadcrumb li a:after,
  .leadProfileWrapper .breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #a5630d;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2; }
  .userProfileWrapper .breadcrumb li a:before,
  .leadProfileWrapper .breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1; }
  .userProfileWrapper .breadcrumb li:nth-child(1) a,
  .leadProfileWrapper .breadcrumb li:nth-child(1) a {
    background: #808080; }
  .userProfileWrapper .statusFill,
  .leadProfileWrapper .statusFill {
    background: #79c447 !important; }
  .userProfileWrapper .statusFill:hover,
  .leadProfileWrapper .statusFill:hover {
    background: #94D06C !important; }
  .userProfileWrapper .statusFill:hover:after,
  .leadProfileWrapper .statusFill:hover:after {
    border-left-color: #94D06C !important; }
  .userProfileWrapper .statusFill:after,
  .leadProfileWrapper .statusFill:after {
    border-left-color: #79c447 !important; }
  .userProfileWrapper .breadcrumb li:nth-child(1) a:after,
  .leadProfileWrapper .breadcrumb li:nth-child(1) a:after {
    border-left-color: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(2) a,
  .leadProfileWrapper .breadcrumb li:nth-child(2) a {
    background: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(2) a:after,
  .leadProfileWrapper .breadcrumb li:nth-child(2) a:after {
    border-left-color: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(3) a,
  .leadProfileWrapper .breadcrumb li:nth-child(3) a {
    background: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(3) a:after,
  .leadProfileWrapper .breadcrumb li:nth-child(3) a:after {
    border-left-color: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(4) a,
  .leadProfileWrapper .breadcrumb li:nth-child(4) a {
    background: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(4) a:after,
  .leadProfileWrapper .breadcrumb li:nth-child(4) a:after {
    border-left-color: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(5) a,
  .leadProfileWrapper .breadcrumb li:nth-child(5) a {
    background: #808080; }
  .userProfileWrapper .breadcrumb li:nth-child(5) a:after,
  .leadProfileWrapper .breadcrumb li:nth-child(5) a:after {
    border-left-color: #808080; }
  .userProfileWrapper .userHeader,
  .userProfileWrapper .leadHeader,
  .leadProfileWrapper .userHeader,
  .leadProfileWrapper .leadHeader {
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding: 10px; }
    .userProfileWrapper .userHeader .userHeaderOptions,
    .userProfileWrapper .userHeader .leadHeaderOptions,
    .userProfileWrapper .leadHeader .userHeaderOptions,
    .userProfileWrapper .leadHeader .leadHeaderOptions,
    .leadProfileWrapper .userHeader .userHeaderOptions,
    .leadProfileWrapper .userHeader .leadHeaderOptions,
    .leadProfileWrapper .leadHeader .userHeaderOptions,
    .leadProfileWrapper .leadHeader .leadHeaderOptions {
      top: 20px; }
      .userProfileWrapper .userHeader .userHeaderOptions button,
      .userProfileWrapper .userHeader .leadHeaderOptions button,
      .userProfileWrapper .leadHeader .userHeaderOptions button,
      .userProfileWrapper .leadHeader .leadHeaderOptions button,
      .leadProfileWrapper .userHeader .userHeaderOptions button,
      .leadProfileWrapper .userHeader .leadHeaderOptions button,
      .leadProfileWrapper .leadHeader .userHeaderOptions button,
      .leadProfileWrapper .leadHeader .leadHeaderOptions button {
        float: right;
        margin-left: 5px; }
  .userProfileWrapper .userProfileProgress .angucomplete-dropdown,
  .leadProfileWrapper .userProfileProgress .angucomplete-dropdown {
    overflow-y: auto;
    max-height: 200px;
    text-align: left;
    width: 392px;
    margin-left: 5px;
    margin-top: 30px; }
  .userProfileWrapper .userProfileProgress .userResultByDate,
  .leadProfileWrapper .userProfileProgress .userResultByDate {
    display: inline-block;
    min-height: 290px;
    margin-left: 25px;
    margin-top: 20px; }
  .userProfileWrapper .userProfileProgress .userResultDisplay,
  .leadProfileWrapper .userProfileProgress .userResultDisplay {
    border: 1px solid #ECF6FF;
    height: 300px;
    margin-top: 0px;
    background-color: #ECF6FF; }
    .userProfileWrapper .userProfileProgress .userResultDisplay #userResults,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #userResults {
      margin-bottom: 0px; }
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultType,
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultTypeTime,
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultTypeRounds,
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultTypeTotalRounds,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultType,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultTypeTime,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultTypeRounds,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultTypeTotalRounds {
      font-weight: 600;
      color: #30426A;
      margin-bottom: 0px;
      margin-top: 5px; }
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultSkillKg,
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultSkill,
    .userProfileWrapper .userProfileProgress .userResultDisplay #resultExtraReps,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultSkillKg,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultSkill,
    .leadProfileWrapper .userProfileProgress .userResultDisplay #resultExtraReps {
      color: #455579;
      margin-bottom: -2px;
      font-size: 13px; }
  .userProfileWrapper .userProfileProgress #resultTime,
  .userProfileWrapper .userProfileProgress #resultRound,
  .leadProfileWrapper .userProfileProgress #resultTime,
  .leadProfileWrapper .userProfileProgress #resultRound {
    color: #455579;
    margin-top: -60px;
    margin-left: 15px; }
  .userProfileWrapper .userProfileProgress .rm1Data,
  .leadProfileWrapper .userProfileProgress .rm1Data {
    margin-left: 25px !important; }
  .userProfileWrapper .userProfileProgress .skillSearch,
  .leadProfileWrapper .userProfileProgress .skillSearch {
    width: 200%;
    margin-left: 5px; }
  .userProfileWrapper .userProfileProgress .skillSearchWrapper,
  .leadProfileWrapper .userProfileProgress .skillSearchWrapper {
    width: 200px; }
    .userProfileWrapper .userProfileProgress .skillSearchWrapper label,
    .leadProfileWrapper .userProfileProgress .skillSearchWrapper label {
      margin-left: 40px; }
  .userProfileWrapper .userProfileProgress img,
  .leadProfileWrapper .userProfileProgress img {
    margin-bottom: 15px;
    margin-left: 20px; }
  .userProfileWrapper .userProfileTopBar,
  .leadProfileWrapper .userProfileTopBar {
    position: relative;
    margin-bottom: 30px; }
    .userProfileWrapper .userProfileTopBar .userProfileImage,
    .leadProfileWrapper .userProfileTopBar .userProfileImage {
      border-radius: 50% 50%;
      position: relative;
      left: 20px;
      top: 20px;
      width: 100px;
      height: 100px; }
    .userProfileWrapper .userProfileTopBar .userActive,
    .leadProfileWrapper .userProfileTopBar .userActive {
      border: 5px solid #79c447; }
    .userProfileWrapper .userProfileTopBar .userDeactivated,
    .leadProfileWrapper .userProfileTopBar .userDeactivated {
      border: 5px solid #b30000; }
    .userProfileWrapper .userProfileTopBar .userProfileName,
    .leadProfileWrapper .userProfileTopBar .userProfileName {
      position: absolute;
      top: 40px;
      font-size: 24px;
      left: 140px;
      color: #7E91BB;
      font-weight: bold; }
      .userProfileWrapper .userProfileTopBar .userProfileName .userProfileDetail,
      .leadProfileWrapper .userProfileTopBar .userProfileName .userProfileDetail {
        font-size: 14px;
        font-weight: bold; }
    .userProfileWrapper .userProfileTopBar #isSuspendedBtn,
    .leadProfileWrapper .userProfileTopBar #isSuspendedBtn {
      margin-top: 2px;
      cursor: auto;
      border-radius: 100%;
      background-color: #ff5252;
      color: white;
      width: 40px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: none;
      outline: none;
      font-size: 16px;
      padding: 12px; }

.userProfileHr {
  background-color: black !important;
  height: 1px;
  border: none; }

.userProfileProgress .userProfileProgressPercents {
  float: right;
  font-size: 15px;
  color: black;
  text-align: right; }

.userProfilePayments {
  margin-bottom: 80px; }
  .userProfilePayments .createNewIPayment {
    float: right;
    margin: 20px; }
  .userProfilePayments .documentsTable .documentData {
    color: black;
    font-family: sans-serif;
    font-size: 15px; }

.userProfileWorkouts .userProfileWorkoutsTitle {
  text-align: center;
  font-size: 16px;
  margin-top: 80px;
  text-decoration: underline;
  margin-bottom: 15px; }

.userProfileWorkouts .userProfileWorkoutRow {
  border-bottom: 1px solid white;
  border-top: 1px solid white; }
  .userProfileWorkouts .userProfileWorkoutRow .userProfileWorkoutDate {
    margin-top: 12px;
    padding-right: 0px !important; }
  .userProfileWorkouts .userProfileWorkoutRow .userProfileWorkoutName {
    margin-top: 12px; }

.userProfileWorkouts .popover.left {
  color: black !important; }

.tab-pane {
  margin-top: 20px !important; }

@media only screen and (max-width: 1650px) {
  .breadcrumb li {
    font-size: 16px !important; } }

.leadProfileAction {
  position: fixed;
  right: 136px;
  bottom: 0; }
  .leadProfileAction .md-mini {
    font-size: 20px; }
  .leadProfileAction .leadProfileFabBtn {
    display: -webkit-inline-box;
    float: right; }
    .leadProfileAction .leadProfileFabBtn p {
      border: 6px solid white;
      background-color: white;
      color: black;
      margin-top: 10px;
      font-size: 18px;
      font-family: Tahoma;
      white-space: nowrap; }
    .leadProfileAction .leadProfileFabBtn #convertToMember,
    .leadProfileAction .leadProfileFabBtn #revive {
      background: #79c447;
      color: white; }
    .leadProfileAction .leadProfileFabBtn #markToLost {
      background: #a3a3c2; }
    .leadProfileAction .leadProfileFabBtn #edit-lead-status {
      background: #4bb0c2; }
    .leadProfileAction .leadProfileFabBtn #deleteLead {
      background: #b30000; }
    .leadProfileAction .leadProfileFabBtn #sent-link-of-signup {
      background-color: #15324c; }

.audit-container .md-input-container {
  margin-right: 10px; }

.audit-container .audit-panel-content {
  width: 100%; }

.boxesHR {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.usersPopupImage {
  border-radius: 50% 50%;
  width: 50px;
  height: 50px; }

body {
  background-color: white; }

.container {
  width: 100%; }
  .container .createBoxButton {
    float: right; }
  .container md-input-container label {
    color: black; }
  .container md-select span {
    color: black;
    font-weight: bold; }
  .container md-select {
    margin-top: 28px; }
  .container .no-margin {
    margin: 0; }

/**/

.popover.ng-isolate-scope.right.fade.in {
  position: fixed;
  margin-left: -170px;
  font-weight: bold;
  box-shadow: 2px 1px 9px #30426a; }
  .popover.ng-isolate-scope.right.fade.in .popover-content {
    direction: rtl;
    word-break: break-word; }

#topSideBar {
  background-color: #4169E1; }

#forgot-password {
  background-image: url("../img/forgotPasswordBackground.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%; }
  #forgot-password #forgot-password-form-wrapper {
    flex: 1 0 auto;
    padding: 32px;
    height: 100%; }
    #forgot-password #forgot-password-form-wrapper #forgot-password-form {
      width: 384px;
      max-width: 384px;
      padding: 32px;
      text-align: center;
      background: #FFFFFF;
      position: relative;
      opacity: 0.92; }
      #forgot-password #forgot-password-form-wrapper #forgot-password-form .logo {
        width: 245px;
        line-height: 128px;
        margin: 32px auto; }
      #forgot-password #forgot-password-form-wrapper #forgot-password-form .title {
        font-size: 17px;
        margin: 16px 0 32px 0; }
      #forgot-password #forgot-password-form-wrapper #forgot-password-form form {
        width: 100%;
        text-align: left; }
        #forgot-password #forgot-password-form-wrapper #forgot-password-form form .submit-button {
          width: 220px;
          margin: 16px auto;
          display: block; }
      #forgot-password #forgot-password-form-wrapper #forgot-password-form .login {
        margin: 32px auto 24px auto;
        width: 250px;
        font-weight: 500; }
        #forgot-password #forgot-password-form-wrapper #forgot-password-form .login .text {
          margin-right: 8px; }

@media screen and (max-width: 600px) {
  #forgot-password #forgot-password-form-wrapper {
    padding: 16px; }
    #forgot-password #forgot-password-form-wrapper #forgot-password-form {
      padding: 24px;
      width: 100%; }
      #forgot-password #forgot-password-form-wrapper #forgot-password-form form .md-button {
        width: 90%; } }

#login {
  background-image: url("../img/loginBackground.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%; }
  #login #login-form-wrapper {
    flex: 1 0 auto;
    padding: 32px;
    height: 100%; }
    #login #login-form-wrapper #login-form {
      width: 384px;
      max-width: 384px;
      padding: 32px;
      background: #FFFFFF;
      text-align: center;
      position: relative;
      opacity: 0.92; }
      #login #login-form-wrapper #login-form .logo {
        width: 245px;
        line-height: 128px;
        margin: 32px auto; }
      #login #login-form-wrapper #login-form .title {
        font-size: 17px;
        margin: 16px 0 32px 0; }
      #login #login-form-wrapper #login-form form {
        width: 100%;
        text-align: left; }
        #login #login-form-wrapper #login-form form md-checkbox {
          margin: 0; }
        #login #login-form-wrapper #login-form form .remember-forgot-password {
          font-size: 13px;
          margin-top: 8px; }
          #login #login-form-wrapper #login-form form .remember-forgot-password .remember-me {
            margin-bottom: 16px; }
          #login #login-form-wrapper #login-form form .remember-forgot-password .forgot-password {
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 16px; }
        #login #login-form-wrapper #login-form form .submit-button {
          width: 220px;
          margin: 16px auto;
          display: block; }
      #login #login-form-wrapper #login-form .register {
        margin: 32px auto 24px auto;
        width: 250px;
        font-weight: 500; }
        #login #login-form-wrapper #login-form .register .text {
          margin-right: 8px; }
      #login #login-form-wrapper #login-form .separator {
        font-size: 15px;
        font-weight: 600;
        margin: 24px auto 16px auto;
        position: relative;
        overflow: hidden;
        width: 100px;
        color: rgba(0, 0, 0, 0.54); }
        #login #login-form-wrapper #login-form .separator .text {
          display: inline-block;
          vertical-align: baseline;
          position: relative;
          padding: 0 8px;
          z-index: 9999; }
          #login #login-form-wrapper #login-form .separator .text:before, #login #login-form-wrapper #login-form .separator .text:after {
            content: '';
            display: block;
            width: 30px;
            position: absolute;
            top: 10px;
            border-top: 1px solid rgba(0, 0, 0, 0.12); }
          #login #login-form-wrapper #login-form .separator .text:before {
            right: 100%; }
          #login #login-form-wrapper #login-form .separator .text:after {
            left: 100%; }
      #login #login-form-wrapper #login-form .md-button.google, #login #login-form-wrapper #login-form .md-button.facebook {
        width: 192px;
        text-transform: none;
        color: #FFFFFF;
        font-size: 13px; }
        #login #login-form-wrapper #login-form .md-button.google md-icon, #login #login-form-wrapper #login-form .md-button.facebook md-icon {
          color: #FFFFFF;
          margin: 0 8px 0 0; }
      #login #login-form-wrapper #login-form .md-button.google {
        background-color: #D73D32; }
      #login #login-form-wrapper #login-form .md-button.facebook {
        background-color: #3f5c9a; }

@media screen and (max-width: 600px) {
  #login #login-form-wrapper {
    padding: 16px; }
    #login #login-form-wrapper #login-form {
      padding: 24px;
      width: 100%; }
      #login #login-form-wrapper #login-form form .md-button {
        width: 90%; }
      #login #login-form-wrapper #login-form .md-button.google, #login #login-form-wrapper #login-form .md-button.facebook {
        width: 80%; } }

#register {
  height: 100%;
  background: url("/assets/images/backgrounds/march.jpg") no-repeat;
  background-size: cover; }
  #register #register-form-wrapper {
    flex: 1 0 auto;
    padding: 32px; }
    #register #register-form-wrapper #register-form {
      width: 384px;
      max-width: 384px;
      padding: 32px;
      background: #FFFFFF;
      text-align: center; }
      #register #register-form-wrapper #register-form .logo {
        width: 128px;
        height: 128px;
        line-height: 128px;
        font-size: 86px;
        font-weight: 500;
        margin: 32px auto;
        color: #FFFFFF;
        border-radius: 2px; }
      #register #register-form-wrapper #register-form .title {
        margin: 16px 0 32px 0;
        font-size: 17px; }
      #register #register-form-wrapper #register-form form {
        width: 100%;
        text-align: left; }
        #register #register-form-wrapper #register-form form md-checkbox {
          margin: 0; }
        #register #register-form-wrapper #register-form form .terms {
          font-size: 13px;
          margin: 16px 0 32px 0; }
          #register #register-form-wrapper #register-form form .terms a {
            margin-left: 4px; }
        #register #register-form-wrapper #register-form form .submit-button {
          width: 220px;
          margin: 16px auto;
          display: block; }
      #register #register-form-wrapper #register-form .login {
        margin: 32px auto 24px auto;
        width: 250px;
        font-weight: 500; }
        #register #register-form-wrapper #register-form .login .text {
          margin-right: 8px; }

@media screen and (max-width: 600px) {
  #register #register-form-wrapper {
    padding: 16px; }
    #register #register-form-wrapper #register-form {
      padding: 24px;
      width: 100%; }
      #register #register-form-wrapper #register-form form .md-button {
        width: 90%; } }

#reset-password {
  height: 100%;
  background-image: url("../img/loginBackground.jpg") !important;
  background-size: cover;
  height: 100%; }
  #reset-password #reset-password-form-wrapper {
    flex: 1 0 auto;
    padding: 32px; }
    #reset-password #reset-password-form-wrapper #reset-password-form {
      width: 384px;
      max-width: 384px;
      padding: 32px;
      text-align: center;
      background: #FFFFFF;
      position: relative;
      opacity: 0.92; }
      #reset-password #reset-password-form-wrapper #reset-password-form .logo {
        width: 245px;
        line-height: 128px;
        margin: 32px auto; }
      #reset-password #reset-password-form-wrapper #reset-password-form .title {
        font-size: 17px;
        margin: 16px 0 32px 0; }
      #reset-password #reset-password-form-wrapper #reset-password-form form {
        width: 100%;
        text-align: left; }
        #reset-password #reset-password-form-wrapper #reset-password-form form .submit-button {
          width: 220px;
          margin: 16px auto;
          display: block; }
      #reset-password #reset-password-form-wrapper #reset-password-form .login {
        margin: 32px auto 24px auto;
        width: 250px;
        font-weight: 500; }
        #reset-password #reset-password-form-wrapper #reset-password-form .login .text {
          margin-right: 8px; }

@media screen and (max-width: 600px) {
  #reset-password #reset-password-form-wrapper {
    padding: 16px; }
    #reset-password #reset-password-form-wrapper #reset-password-form {
      padding: 24px;
      width: 100%; }
      #reset-password #reset-password-form-wrapper #reset-password-form form .md-button {
        width: 90%; } }

attendance-tabs .attendanceTab {
  border: none; }
  attendance-tabs .attendanceTab .panel-heading {
    background-color: #ADBBD8;
    color: white; }
    attendance-tabs .attendanceTab .panel-heading .panel-title {
      font-size: 14px;
      font-weight: bold; }
      attendance-tabs .attendanceTab .panel-heading .panel-title a {
        text-decoration: none; }
      attendance-tabs .attendanceTab .panel-heading .panel-title .glyphicon {
        float: left;
        line-height: 18px;
        font-size: 18px; }
  attendance-tabs .attendanceTab .panel-body {
    padding: 10px 0px; }

attendance-tabs .remove-recurring-sign-up {
  right: 110px !important; }

attendance-tabs .fix-width-th {
  width: 57px; }

.datePickerDirective .datePickerBtn {
  border: none;
  margin-top: 25px; }

.datePickerDirective table {
  margin: 0 auto;
  direction: ltr; }

.publish-workout-popup {
  color: black;
  font-size: 14px;
  font-weight: bold;
  height: auto !important; }
  .publish-workout-popup .popup-header {
    height: 64px;
    line-height: 64px;
    text-align: center;
    background-color: #37a6f5 !important; }
    .publish-workout-popup .popup-header span.title {
      font-size: 25px; }
  .publish-workout-popup .publish-workout-gutter md-datepicker {
    margin-top: 0 !important; }
  .publish-workout-popup .publish-workout-gutter md-dialog-content {
    min-height: 450px;
    max-height: 450px;
    overflow-x: hidden; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container.layout-row {
      padding: 0; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .panel-heading {
      background: #cbe8ba;
      color: #ffff; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .panel-default {
      border: none; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .glyphicon {
      font-size: 17px; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .panel-heading .panel-title {
      font-size: 14px; }
      .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .panel-heading .panel-title a {
        text-decoration: none; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .result-single {
      height: 45px;
      line-height: 45px; }
      .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs .result-container .result-single.with-border {
        border-bottom: 1px solid #37a6f5; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs.only-view md-tab-content:first-child {
      background: repeating-linear-gradient(45deg, transparent 10px, transparent 15px, rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0.025) 20px); }
      .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs.only-view md-tab-content:first-child:before {
        width: 100%;
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 100vh;
        z-index: -1; }
      .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs.only-view md-tab-content:first-child * {
        user-select: none;
        pointer-events: none;
        tab-index: -1; }
      .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs.only-view md-tab-content:first-child .tables-container {
        pointer-events: all !important;
        z-index: 1; }
    .publish-workout-popup .publish-workout-gutter md-dialog-content md-tabs md-tab-item {
      font-size: 14px; }
  .publish-workout-popup .publish-workout-gutter .inner-gutter {
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
    padding: 0; }
  .publish-workout-popup .publish-workout-gutter .category-date-container span.date {
    margin-left: 80px;
    position: relative;
    top: 8px; }
  .publish-workout-popup .publish-workout-gutter .workout-select-container md-select.md-default-theme .md-select-value,
  .publish-workout-popup .publish-workout-gutter .workout-select-container md-select .md-select-value {
    padding-left: 10px;
    font-weight: 200; }
  .publish-workout-popup .publish-workout-gutter .workout-select {
    width: 333px;
    margin: 20px 0 20px 0; }
  .publish-workout-popup .publish-workout-separator {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #37a6f5;
    height: 1px; }
  .publish-workout-popup md-dialog-actions .save-button {
    background-color: #428bca;
    font-size: 14px; }

.heb .md-dialog-container md-dialog.publish-workout-popup md-tabs {
  direction: ltr !important; }
  .heb .md-dialog-container md-dialog.publish-workout-popup md-tabs .md-tab {
    float: left !important; }
  .heb .md-dialog-container md-dialog.publish-workout-popup md-tabs md-pagination-wrapper {
    left: 0 !important;
    right: auto !important;
    direction: ltr !important;
    transform: translate3d(0px, 0px, 0px) !important; }
  .heb .md-dialog-container md-dialog.publish-workout-popup md-tabs md-tabs-content-wrapper {
    direction: ltr !important; }

.heb .md-dialog-container md-dialog.publish-workout-popup md-dialog-actions {
  direction: ltr !important; }

.heb .md-dialog-container md-dialog.publish-workout-popup .publish-workout-textarea md-input-container label {
  transform-origin: left top !important;
  padding-right: 0px !important; }

.fixHeightCalBtn {
  margin-top: 25px; }

.finance-filter-container md-select {
  margin-top: 0; }

.athleteStatPie {
  margin-top: -5vh; }
  .athleteStatPie #genderPie {
    float: right; }
  .athleteStatPie #agePie {
    float: left; }
  .athleteStatPie #genderPie, .athleteStatPie #agePie {
    height: 20vh; }

.task-container {
  user-select: none;
  padding: 0.5% 0.5% 0.5% 0;
  border-bottom: 1px solid rgba(100, 100, 100, 0.5);
  min-height: 90px; }
  .task-container * {
    cursor: pointer; }
    .task-container *:focus {
      outline: none; }
  .task-container.done-task {
    background-color: rgba(170, 225, 133, 0.3); }
  .task-container .delete-task {
    cursor: pointer; }
    .task-container .delete-task:hover {
      font-size: 120%; }
  .task-container .user-info {
    width: 100%;
    text-align: center; }
    .task-container .user-info .general-avatar {
      max-width: 50px; }
    .task-container .user-info .user-avatar {
      max-width: 50px; }
  .task-container .lead-info {
    text-align: center;
    width: 100%; }
    .task-container .lead-info .lead-avatar {
      max-width: 50px; }
  .task-container .task-checkbox {
    margin-bottom: 0; }
  .task-container .task-category-tag {
    border-right: 1px solid gray;
    margin: 0 0 0 0;
    padding: 3px 12px 3px 0; }
    .task-container .task-category-tag .tag-color {
      width: 8px;
      height: 8px;
      margin-right: 8px;
      border-radius: 50%; }
      .task-container .task-category-tag .tag-color.color-user {
        background-color: #388e3c; }
      .task-container .task-category-tag .tag-color.color-lead {
        background-color: #0091ea; }
      .task-container .task-category-tag .tag-color.color-general {
        background-color: #ff9800; }
    .task-container .task-category-tag .tag-text {
      text-transform: capitalize; }
  .task-container .task-more-info {
    font-weight: bold; }
    .task-container .task-more-info .task-type-tag {
      border-right: 1px solid gray;
      margin: 0 0 0 12px;
      padding: 3px 12px 3px 0; }
    .task-container .task-more-info .task-reminder-time span {
      margin: 0 0 0 12px;
      line-height: 0px; }
  .task-container .task-description {
    margin-left: 17px; }

.task-card {
  cursor: pointer;
  height: 115px; }
  .task-card .wrap-title {
    height: 100%; }
    .task-card .wrap-title md-card-title-text {
      padding-right: 5px; }
      .task-card .wrap-title md-card-title-text .md-subhead {
        height: 50px; }
      .task-card .wrap-title md-card-title-text .md-headline {
        font-size: 17px;
        font-weight: 400;
        line-height: 21px; }
    .task-card .wrap-title md-card-title-media {
      height: 107px; }
  .task-card md-card-content {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    position: relative;
    line-height: 1.25em;
    text-align: justify;
    /* create the ... */
    /* hide ... if we have text, which is less than or equal to max lines */ }
    .task-card md-card-content:before {
      /* points in the end */
      /* absolute position */
      position: absolute;
      /* set position to right bottom corner of block */
      left: 0;
      bottom: 0; }
    .task-card md-card-content:after {
      /* points in the end */
      content: '';
      /* absolute position */
      position: absolute;
      /* set position to right bottom corner of text */
      left: 0;
      /* set width and height */
      width: 1em;
      height: 1em;
      margin-top: 0.2em;
      /* bg color = bg color under block */ }
  .task-card md-progress-linear {
    width: 18%;
    top: 12px; }
    .task-card md-progress-linear .md-container {
      background-color: #b7e1ff;
      height: 10px; }
      .task-card md-progress-linear .md-container .md-bar1, .task-card md-progress-linear .md-container .md-bar2 {
        height: 10px; }
  .task-card.done-task {
    background-color: rgba(170, 225, 133, 0.3); }
  .task-card .mark-done {
    min-width: 48px;
    font-size: 25px;
    padding-top: 5px; }
  .task-card a {
    color: inherit; }
    .task-card a:hover {
      color: inherit; }
  .task-card .delete-task, .task-card .profile-task {
    min-width: 48px;
    font-size: 30px;
    color: inherit; }

@media screen and (max-width: 960px) {
  .task-container .task-more-info .task-type-tag {
    margin: 3px;
    border: none; }
    .task-container .task-more-info .task-type-tag .tag-text {
      font-size: 11px; }
  .task-container .task-more-info .task-reminder-time {
    margin: 3px;
    border: none; }
    .task-container .task-more-info .task-reminder-time span {
      margin: 0; }
  .task-container .mobile-name {
    font-size: 12px; }
  .task-container .task-description {
    margin: 8px 0 0 5px;
    font-size: 12px; }
  .task-container .task-category-tag {
    margin: 3px;
    border: none; }
    .task-container .task-category-tag .tag-text {
      font-size: 11px; }
    .task-container .task-category-tag .tag-color {
      width: 5px;
      height: 5px;
      margin-right: 2.3px; } }

@media screen and (max-width: 430px) {
  .tasks-container .md-virtual-repeat-container .md-virtual-repeat-offsetter .repeated-item {
    height: 245px; }
  .tasks-container .tasks-wrapper task-item .task-card {
    height: 229px; }
    .tasks-container .tasks-wrapper task-item .task-card .wrap-title {
      background: none; } }

.tasks-directive-table {
  width: 100%; }
  .tasks-directive-table .settings-card {
    padding: 0;
    background: none; }
    .tasks-directive-table .settings-card .vertical-container .repeated-item {
      height: 45px;
      background: white; }
      .tasks-directive-table .settings-card .vertical-container .repeated-item:nth-child(odd) {
        background: rgba(145, 228, 251, 0.3); }
      .tasks-directive-table .settings-card .vertical-container .repeated-item.task-done {
        background: #cbe8ba;
        border-top: 1px solid white; }
      .tasks-directive-table .settings-card .vertical-container .repeated-item.task-null {
        display: none; }
    .tasks-directive-table .settings-card .settings-card-row {
      cursor: pointer;
      padding: 0;
      background: unset; }
      .tasks-directive-table .settings-card .settings-card-row md-checkbox {
        margin: 0;
        margin-left: 10px; }
      .tasks-directive-table .settings-card .settings-card-row:nth-child(odd) {
        background: unset !important; }
    .tasks-directive-table .settings-card .settings-actions .fa {
      display: flex; }
    .tasks-directive-table .settings-card .settings-actions button, .tasks-directive-table .settings-card .settings-actions a.md-button {
      min-width: unset;
      margin: 0;
      padding: 0; }
    .tasks-directive-table .settings-card .settings-card-row-title {
      padding: 0 3px; }
      .tasks-directive-table .settings-card .settings-card-row-title span {
        font-weight: bold; }

.tasks-table .task-line {
  text-align: left; }

.tasks-table .delete-task {
  font-size: 20px; }

.tasks-table .task-checkbox {
  margin-bottom: 0;
  margin-top: 0px; }
  .tasks-table .task-checkbox.md-checked .md-ink-ripple {
    color: #30426a; }
  .tasks-table .task-checkbox.md-checked .md-icon {
    background-color: #30426a; }

.tasks-table .done-task {
  background-color: rgba(170, 225, 133, 0.3); }
  .tasks-table .done-task:hover {
    background: rgba(171, 235, 100, 0.5); }
  .tasks-table .done-task *:not(.delete-task) {
    text-decoration: line-through; }

.tasks-table tr {
  cursor: pointer; }
  .tasks-table tr td {
    vertical-align: middle; }

@media screen and (max-width: 960px) {
  .profile-tasks .tasks-header {
    background-color: #30426a;
    color: white;
    text-align: center; }
    .profile-tasks .tasks-header .md-toolbar-tools {
      font-size: 14px; }
  .profile-tasks .task-line {
    text-align: left; }
  .profile-tasks .checkbox-cont .task-checkbox {
    margin-bottom: 0;
    text-align: center; }
    .profile-tasks .checkbox-cont .task-checkbox .md-container {
      right: 0 !important;
      left: auto !important; }
    .profile-tasks .checkbox-cont .task-checkbox.md-checked .md-ink-ripple {
      color: #30426a; }
    .profile-tasks .checkbox-cont .task-checkbox.md-checked .md-icon {
      background-color: #30426a; }
  .profile-tasks .done-task {
    background-color: rgba(170, 225, 133, 0.3); }
    .profile-tasks .done-task:hover {
      background: rgba(171, 235, 100, 0.5); }
    .profile-tasks .done-task *:not(.delete-task) {
      text-decoration: line-through; } }

#session-not-valid-warp {
  height: 100vh;
  width: 100vw;
  background: url("../img/arbox-triangular-background.jpg");
  background-size: cover;
  background-position: 50%; }

.digital-form-external-container {
  overflow-x: hidden; }
  .digital-form-external-container .logo-image {
    max-width: 25%; }
  .digital-form-external-container .data-holder h1 {
    font-size: 30px;
    font-weight: bold;
    color: #37a6f5;
    margin: 30px 0; }
    .digital-form-external-container .data-holder h1.black {
      color: black; }
  .digital-form-external-container .data-holder .section-wrap {
    width: 100%;
    margin: 10px 0; }
    .digital-form-external-container .data-holder .section-wrap h2 {
      font-size: 18px;
      color: black;
      font-weight: bold; }
  .digital-form-external-container .data-holder .questions-container h1 {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin: 5px 0; }
  .digital-form-external-container .data-holder .questions-container md-input-container {
    margin: 0 20px; }
  .digital-form-external-container .data-holder .questions-container md-radio-group {
    margin: 0 20px; }
  .digital-form-external-container .data-holder .questions-container md-radio-button {
    margin: 10px 2px; }
  .digital-form-external-container .data-holder .questions-container md-checkbox {
    margin: 10px 0; }
  .digital-form-external-container .data-holder .signature-options h2 {
    font-size: 16px;
    font-weight: normal; }
  .digital-form-external-container .data-holder .not-found h1 {
    color: black;
    font-size: 30px;
    font-weight: bold; }
  .digital-form-external-container form {
    max-width: 996px;
    max-height: 70vh;
    min-height: 200px;
    min-width: 50vw;
    overflow-y: auto;
    height: auto;
    background: rgba(255, 255, 255, 0.75);
    padding: 20px 40px;
    -webkit-box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5); }
    .digital-form-external-container form .external-md-input-container {
      max-width: 300px; }
    .digital-form-external-container form .auto-fill {
      width: 80%;
      margin: 0 auto;
      padding-top: 20px; }
    .digital-form-external-container form .content {
      /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
      /* HTML5 display-role reset for older browsers */ }
      .digital-form-external-container form .content html, .digital-form-external-container form .content body, .digital-form-external-container form .content div, .digital-form-external-container form .content span, .digital-form-external-container form .content applet, .digital-form-external-container form .content object, .digital-form-external-container form .content iframe,
      .digital-form-external-container form .content h1, .digital-form-external-container form .content h2, .digital-form-external-container form .content h3, .digital-form-external-container form .content h4, .digital-form-external-container form .content h5, .digital-form-external-container form .content h6, .digital-form-external-container form .content p, .digital-form-external-container form .content blockquote, .digital-form-external-container form .content pre,
      .digital-form-external-container form .content a, .digital-form-external-container form .content abbr, .digital-form-external-container form .content acronym, .digital-form-external-container form .content address, .digital-form-external-container form .content big, .digital-form-external-container form .content cite, .digital-form-external-container form .content code,
      .digital-form-external-container form .content del, .digital-form-external-container form .content dfn, .digital-form-external-container form .content em, .digital-form-external-container form .content img, .digital-form-external-container form .content ins, .digital-form-external-container form .content kbd, .digital-form-external-container form .content q, .digital-form-external-container form .content s, .digital-form-external-container form .content samp,
      .digital-form-external-container form .content small, .digital-form-external-container form .content strike, .digital-form-external-container form .content strong, .digital-form-external-container form .content sub, .digital-form-external-container form .content sup, .digital-form-external-container form .content tt, .digital-form-external-container form .content var,
      .digital-form-external-container form .content b, .digital-form-external-container form .content u, .digital-form-external-container form .content i, .digital-form-external-container form .content center,
      .digital-form-external-container form .content dl, .digital-form-external-container form .content dt, .digital-form-external-container form .content dd, .digital-form-external-container form .content ol, .digital-form-external-container form .content ul, .digital-form-external-container form .content li,
      .digital-form-external-container form .content fieldset, .digital-form-external-container form .content form, .digital-form-external-container form .content label, .digital-form-external-container form .content legend,
      .digital-form-external-container form .content table, .digital-form-external-container form .content caption, .digital-form-external-container form .content tbody, .digital-form-external-container form .content tfoot, .digital-form-external-container form .content thead, .digital-form-external-container form .content tr, .digital-form-external-container form .content th, .digital-form-external-container form .content td,
      .digital-form-external-container form .content article, .digital-form-external-container form .content aside, .digital-form-external-container form .content canvas, .digital-form-external-container form .content details, .digital-form-external-container form .content embed,
      .digital-form-external-container form .content figure, .digital-form-external-container form .content figcaption, .digital-form-external-container form .content footer, .digital-form-external-container form .content header, .digital-form-external-container form .content hgroup,
      .digital-form-external-container form .content menu, .digital-form-external-container form .content nav, .digital-form-external-container form .content output, .digital-form-external-container form .content ruby, .digital-form-external-container form .content section, .digital-form-external-container form .content summary,
      .digital-form-external-container form .content time, .digital-form-external-container form .content mark, .digital-form-external-container form .content audio, .digital-form-external-container form .content video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        color: unset; }
      .digital-form-external-container form .content article, .digital-form-external-container form .content aside, .digital-form-external-container form .content details, .digital-form-external-container form .content figcaption, .digital-form-external-container form .content figure,
      .digital-form-external-container form .content footer, .digital-form-external-container form .content header, .digital-form-external-container form .content hgroup, .digital-form-external-container form .content menu, .digital-form-external-container form .content nav, .digital-form-external-container form .content section {
        display: block; }
      .digital-form-external-container form .content body {
        line-height: 1; }
      .digital-form-external-container form .content ol, .digital-form-external-container form .content ul {
        list-style: none; }
      .digital-form-external-container form .content blockquote, .digital-form-external-container form .content q {
        quotes: none; }
      .digital-form-external-container form .content blockquote:before, .digital-form-external-container form .content blockquote:after,
      .digital-form-external-container form .content q:before, .digital-form-external-container form .content q:after {
        content: '';
        content: none; }
      .digital-form-external-container form .content table {
        border-collapse: collapse;
        border-spacing: 0; }
      .digital-form-external-container form .content b, .digital-form-external-container form .content strong {
        font-weight: 700 !important; }
    .digital-form-external-container form .action-btn {
      height: 50px;
      width: 100%; }
    .digital-form-external-container form .sending-form span {
      font-size: 16px;
      font-weight: bold; }
    .digital-form-external-container form ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
      right: unset;
      left: 0; }

@media screen and (max-width: 600px) {
  .digital-form-external-container .logo-image {
    max-width: 80%; }
  .digital-form-external-container .data-holder {
    height: unset !important; }
    .digital-form-external-container .data-holder h1 {
      font-size: 18px;
      margin: 30px 0; }
    .digital-form-external-container .data-holder .section-wrap {
      width: 100%;
      margin: 10px 0; }
      .digital-form-external-container .data-holder .section-wrap h2 {
        font-size: 18px;
        color: black;
        font-weight: bold; }
    .digital-form-external-container .data-holder .questions-container h1 {
      font-size: 14px; }
    .digital-form-external-container .data-holder .signature-options h1 {
      font-size: 16px; }
    .digital-form-external-container .data-holder .not-found h1 {
      font-size: 20px; }
  .digital-form-external-container form {
    max-height: unset;
    min-height: calc(100vh - (54px));
    width: 100%;
    overflow-y: unset;
    height: auto;
    padding: 16px; } }

.kiosk-container, .external-container {
  width: 100vw;
  height: 100vh; }
  .kiosk-container h1,
  .kiosk-container h2,
  .kiosk-container h3,
  .kiosk-container p, .external-container h1,
  .external-container h2,
  .external-container h3,
  .external-container p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: white; }
  .kiosk-container i, .external-container i {
    color: white;
    font-size: 80px; }
  .kiosk-container header, .external-container header {
    margin: 0 20px;
    height: 54px; }
    .kiosk-container header i, .external-container header i {
      font-size: 30px;
      color: black; }
  .kiosk-container .data-holder, .external-container .data-holder {
    height: calc(100vh - (54px));
    width: 100vw;
    margin: 0 auto;
    background: url("../img/arbox-triangular-background.jpg");
    background-size: cover;
    background-position: 50%; }
    .kiosk-container .data-holder .btn, .external-container .data-holder .btn {
      background: rgba(8, 166, 255, 0.4); }
    .kiosk-container .data-holder .home-container img, .external-container .data-holder .home-container img {
      position: absolute;
      max-width: 450px;
      height: auto; }
    .kiosk-container .data-holder p, .external-container .data-holder p {
      margin-top: 80px;
      font-weight: bold;
      font-size: 50px; }
    .kiosk-container .data-holder .not-found i, .external-container .data-holder .not-found i {
      color: #ff3823; }
    .kiosk-container .data-holder .epidemic-container p, .kiosk-container .data-holder .reset-password-container p, .external-container .data-holder .epidemic-container p, .external-container .data-holder .reset-password-container p {
      margin: 0;
      color: black;
      font-weight: bold;
      font-size: 20px; }
    .kiosk-container .data-holder .epidemic-container p.thank-you, .kiosk-container .data-holder .reset-password-container p.thank-you, .external-container .data-holder .epidemic-container p.thank-you, .external-container .data-holder .reset-password-container p.thank-you {
      font-size: 1.4em;
      max-width: 80%; }
    .kiosk-container .data-holder .epidemic-container .md-arbox-radio-group, .kiosk-container .data-holder .reset-password-container .md-arbox-radio-group, .external-container .data-holder .epidemic-container .md-arbox-radio-group, .external-container .data-holder .reset-password-container .md-arbox-radio-group {
      width: 90%; }
      .kiosk-container .data-holder .epidemic-container .md-arbox-radio-group md-radio-button, .kiosk-container .data-holder .reset-password-container .md-arbox-radio-group md-radio-button, .external-container .data-holder .epidemic-container .md-arbox-radio-group md-radio-button, .external-container .data-holder .reset-password-container .md-arbox-radio-group md-radio-button {
        width: 100%;
        margin: 20px 0; }
      .kiosk-container .data-holder .epidemic-container .md-arbox-radio-group .md-label, .kiosk-container .data-holder .reset-password-container .md-arbox-radio-group .md-label, .external-container .data-holder .epidemic-container .md-arbox-radio-group .md-label, .external-container .data-holder .reset-password-container .md-arbox-radio-group .md-label {
        width: 90%; }
    .kiosk-container .data-holder .epidemic-container .md-button, .kiosk-container .data-holder .reset-password-container .md-button, .external-container .data-holder .epidemic-container .md-button, .external-container .data-holder .reset-password-container .md-button {
      font-size: 1.5em;
      padding: 0.5vw; }
    .kiosk-container .data-holder .reset-password-container-form, .external-container .data-holder .reset-password-container-form {
      padding: 30px;
      margin: 0 auto;
      max-width: 500px;
      min-width: 400px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .kiosk-container .data-holder .reset-password-container-form .md-button, .external-container .data-holder .reset-password-container-form .md-button {
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        font-weight: bold;
        font-size: 15px;
        padding: 0 40px;
        margin: 0; }
      .kiosk-container .data-holder .reset-password-container-form .input-container, .external-container .data-holder .reset-password-container-form .input-container {
        margin: 10px 0 0 0; }
      .kiosk-container .data-holder .reset-password-container-form .eye-icon, .external-container .data-holder .reset-password-container-form .eye-icon {
        color: black;
        font-size: 20px; }
      .kiosk-container .data-holder .reset-password-container-form .gray-text-container, .external-container .data-holder .reset-password-container-form .gray-text-container {
        margin-top: 18px; }
        .kiosk-container .data-holder .reset-password-container-form .gray-text-container p, .external-container .data-holder .reset-password-container-form .gray-text-container p {
          color: #989696;
          font-size: 14px;
          font-weight: normal;
          line-height: 1.8; }
        .kiosk-container .data-holder .reset-password-container-form .gray-text-container .color-black, .external-container .data-holder .reset-password-container-form .gray-text-container .color-black {
          color: black;
          font-weight: bold; }
      .kiosk-container .data-holder .reset-password-container-form .email-icon, .external-container .data-holder .reset-password-container-form .email-icon {
        position: relative;
        color: black;
        font-size: 15px;
        margin: 0 4px;
        top: 2px; }
  .kiosk-container .form-container, .external-container .form-container {
    height: auto;
    background: rgba(255, 255, 255, 0.75);
    padding: 20px;
    -webkit-box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 22px 41px 13px rgba(0, 0, 0, 0.5); }
    .kiosk-container .form-container img, .external-container .form-container img {
      margin-bottom: 50px;
      max-width: 20vw; }
    .kiosk-container .form-container .submit-info, .external-container .form-container .submit-info {
      position: relative;
      width: 100%;
      height: 40px; }
    .kiosk-container .form-container .md-button, .external-container .form-container .md-button {
      background-color: #37a6f5;
      font-size: 2em;
      padding: 1vw;
      color: white;
      cursor: pointer;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
      .kiosk-container .form-container .md-button[disabled], .external-container .form-container .md-button[disabled] {
        opacity: 0.7; }

@media screen and (max-width: 600px) {
  .kiosk-container, .external-container {
    max-height: unset; }
    .kiosk-container .data-holder .home-container img, .external-container .data-holder .home-container img {
      max-width: 40%; }
    .kiosk-container .data-holder .home-container p, .external-container .data-holder .home-container p {
      margin-top: 0;
      font-size: 22px; }
    .kiosk-container .data-holder .home-container i, .external-container .data-holder .home-container i {
      font-size: 40px; }
    .kiosk-container .data-holder .epidemic-container .md-button, .external-container .data-holder .epidemic-container .md-button {
      padding: 1.5vw; }
    .kiosk-container .data-holder .reset-password-container-form, .external-container .data-holder .reset-password-container-form {
      padding: 25px;
      min-width: 350px;
      width: 100%;
      margin-top: -54px; } }

.users-consolidate-container h1 {
  font-size: 25px;
  color: black;
  text-align: center; }

.submit-info {
  position: relative;
  top: 60px;
  width: 100%;
  height: 40px; }

.btn-height {
  max-height: 30px; }

.invoices-container {
  margin-bottom: 20px; }
  .invoices-container .margin-between-flex {
    width: 10px; }
  .invoices-container .boxes-container {
    color: white;
    font-weight: bold; }
    .invoices-container .boxes-container .boxes-container-box {
      height: 120px;
      margin-bottom: 10px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .invoices-container .boxes-container .boxes-container-box-slim {
      height: 80px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      margin-bottom: 10px; }
    .invoices-container .boxes-container .text-wrap {
      cursor: pointer;
      min-height: 100%;
      text-decoration: none;
      color: white;
      text-align: center; }
      .invoices-container .boxes-container .text-wrap .text-wrap-inner {
        width: 50%;
        margin: 0 auto;
        height: calc((120px / 2));
        max-height: calc((120px / 2)); }
      .invoices-container .boxes-container .text-wrap span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 38px;
        margin-top: 8px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .invoices-container .boxes-container .text-wrap p {
        font-size: 14px;
        margin: 0; }
      .invoices-container .boxes-container .text-wrap.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .invoices-container .boxes-container .text-wrap.smaller p {
        font-size: 12px; }
    .invoices-container .boxes-container .layout-row > .flex {
      width: 100%; }
    .invoices-container .boxes-container .text-wrap-slim {
      text-decoration: none;
      color: white;
      position: relative;
      min-height: 60px;
      text-align: center; }
      .invoices-container .boxes-container .text-wrap-slim .text-wrap-inner {
        width: 50%;
        margin: 0 auto; }
      .invoices-container .boxes-container .text-wrap-slim span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 28px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .invoices-container .boxes-container .text-wrap-slim i {
        position: absolute;
        left: 2px;
        top: -16px;
        font-size: 20px; }
      .invoices-container .boxes-container .text-wrap-slim p {
        font-size: 14px;
        margin: 0; }
      .invoices-container .boxes-container .text-wrap-slim.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .invoices-container .boxes-container .text-wrap-slim.smaller p {
        font-size: 12px; }
    .invoices-container .boxes-container .blue-ar {
      background: #37a6f5; }
    .invoices-container .boxes-container .red-ar {
      background: #ff5d55; }
    .invoices-container .boxes-container .green-ar {
      text-decoration: none;
      background: #93d26e; }
    .invoices-container .boxes-container .yellow-ar {
      background: #ffb74d; }
  .invoices-container .dashboard-box {
    -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .invoices-container .dashboard-box md-select {
      margin: 2px 0; }
    .invoices-container .dashboard-box md-toolbar {
      min-height: unset; }
    .invoices-container .dashboard-box .dashboard-box-title {
      padding: 0 16px;
      height: 45px;
      background: #adbbd8; }
      .invoices-container .dashboard-box .dashboard-box-title span {
        font-size: 16px;
        font-weight: bold; }
    .invoices-container .dashboard-box .dashboard-box-content {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 130px + 120px));
      max-height: calc(100vh - (45px + 130px + 120px));
      padding: 5px 8px 8px 8px; }
    .invoices-container .dashboard-box .dashboard-box-content-slim {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 200px + 120px));
      max-height: calc(100vh - (45px + 200px + 120px));
      padding: 5px 8px 8px 8px; }
    .invoices-container .dashboard-box .workoutDetails, .invoices-container .dashboard-box .task-today {
      cursor: pointer; }
      .invoices-container .dashboard-box .workoutDetails .workoutName, .invoices-container .dashboard-box .workoutDetails .task-type, .invoices-container .dashboard-box .task-today .workoutName, .invoices-container .dashboard-box .task-today .task-type {
        font-size: 14px;
        color: black; }
      .invoices-container .dashboard-box .workoutDetails .workoutAthletes, .invoices-container .dashboard-box .workoutDetails .task-info, .invoices-container .dashboard-box .task-today .workoutAthletes, .invoices-container .dashboard-box .task-today .task-info {
        font-size: 12px;
        font-weight: 300; }
        .invoices-container .dashboard-box .workoutDetails .workoutAthletes .no-users, .invoices-container .dashboard-box .workoutDetails .task-info .no-users, .invoices-container .dashboard-box .task-today .workoutAthletes .no-users, .invoices-container .dashboard-box .task-today .task-info .no-users {
          color: red; }
        .invoices-container .dashboard-box .workoutDetails .workoutAthletes .arrived-limit, .invoices-container .dashboard-box .workoutDetails .task-info .arrived-limit, .invoices-container .dashboard-box .task-today .workoutAthletes .arrived-limit, .invoices-container .dashboard-box .task-today .task-info .arrived-limit {
          font-weight: bold; }
    .invoices-container .dashboard-box .none-today {
      margin-top: 20px; }
      .invoices-container .dashboard-box .none-today img {
        width: 45%;
        margin-bottom: 15px; }
        .invoices-container .dashboard-box .none-today img.no-leads-donut {
          width: 20%; }
      .invoices-container .dashboard-box .none-today p {
        color: black;
        margin: 0;
        font-size: 14px;
        font-weight: normal; }
    .invoices-container .dashboard-box .leads-data-container {
      margin: 0;
      color: black; }
      .invoices-container .dashboard-box .leads-data-container #donut-chart {
        margin-top: 0; }
        .invoices-container .dashboard-box .leads-data-container #donut-chart .c3-chart-arcs-title {
          font-family: 'heebo';
          font-weight: bold;
          width: 50%;
          text-align: center; }
        .invoices-container .dashboard-box .leads-data-container #donut-chart .c3-legend-item {
          display: none; }
      .invoices-container .dashboard-box .leads-data-container .leads-data {
        box-shadow: none; }
        .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box {
          cursor: pointer;
          height: 120px; }
          .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box:hover {
            background: #ebebeb; }
          .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap {
            height: unset;
            color: black; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap span {
              font-size: 18px;
              height: unset;
              margin-top: 0; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap p {
              font-weight: normal; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner {
              width: 52%; }
              .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner.smaller {
                width: 45%; }

.tables-margin {
  margin-top: 15px; }

.invoices-container {
  margin-bottom: 20px; }
  .invoices-container .margin-between-flex {
    width: 10px; }
  .invoices-container .boxes-container {
    color: white;
    font-weight: bold; }
    .invoices-container .boxes-container .boxes-container-box {
      height: 120px;
      margin-bottom: 10px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .invoices-container .boxes-container .boxes-container-box-slim {
      height: 80px;
      -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
      margin-bottom: 10px; }
    .invoices-container .boxes-container .text-wrap {
      cursor: pointer;
      min-height: 100%;
      text-decoration: none;
      color: white;
      text-align: center; }
      .invoices-container .boxes-container .text-wrap .text-wrap-inner {
        width: 50%;
        margin: 0 auto;
        height: calc((120px / 2));
        max-height: calc((120px / 2)); }
      .invoices-container .boxes-container .text-wrap span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 38px;
        margin-top: 8px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .invoices-container .boxes-container .text-wrap p {
        font-size: 14px;
        margin: 0; }
      .invoices-container .boxes-container .text-wrap.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .invoices-container .boxes-container .text-wrap.smaller p {
        font-size: 12px; }
    .invoices-container .boxes-container .layout-row > .flex {
      width: 100%; }
    .invoices-container .boxes-container .text-wrap-slim {
      text-decoration: none;
      color: white;
      position: relative;
      min-height: 60px;
      text-align: center; }
      .invoices-container .boxes-container .text-wrap-slim .text-wrap-inner {
        width: 50%;
        margin: 0 auto; }
      .invoices-container .boxes-container .text-wrap-slim span {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        font-size: 28px;
        height: calc((120px / 2));
        max-height: calc((120px / 2));
        animation-duration: 1s; }
      .invoices-container .boxes-container .text-wrap-slim i {
        position: absolute;
        left: 2px;
        top: -16px;
        font-size: 20px; }
      .invoices-container .boxes-container .text-wrap-slim p {
        font-size: 14px;
        margin: 0; }
      .invoices-container .boxes-container .text-wrap-slim.smaller span {
        margin: 0;
        height: unset;
        font-size: 21px; }
      .invoices-container .boxes-container .text-wrap-slim.smaller p {
        font-size: 12px; }
    .invoices-container .boxes-container .blue-ar {
      background: #37a6f5; }
    .invoices-container .boxes-container .red-ar {
      background: #ff5d55; }
    .invoices-container .boxes-container .green-ar {
      text-decoration: none;
      background: #93d26e; }
    .invoices-container .boxes-container .yellow-ar {
      background: #ffb74d; }
  .invoices-container .dashboard-box {
    -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
    box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
    .invoices-container .dashboard-box md-select {
      margin: 2px 0; }
    .invoices-container .dashboard-box md-toolbar {
      min-height: unset; }
    .invoices-container .dashboard-box .dashboard-box-title {
      padding: 0 16px;
      height: 45px;
      background: #adbbd8; }
      .invoices-container .dashboard-box .dashboard-box-title span {
        font-size: 16px;
        font-weight: bold; }
    .invoices-container .dashboard-box .dashboard-box-content {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 130px + 120px));
      max-height: calc(100vh - (45px + 130px + 120px));
      padding: 5px 8px 8px 8px; }
    .invoices-container .dashboard-box .dashboard-box-content-slim {
      background: #f7f6f6;
      min-height: calc(100vh - (45px + 200px + 120px));
      max-height: calc(100vh - (45px + 200px + 120px));
      padding: 5px 8px 8px 8px; }
    .invoices-container .dashboard-box .workoutDetails, .invoices-container .dashboard-box .task-today {
      cursor: pointer; }
      .invoices-container .dashboard-box .workoutDetails .workoutName, .invoices-container .dashboard-box .workoutDetails .task-type, .invoices-container .dashboard-box .task-today .workoutName, .invoices-container .dashboard-box .task-today .task-type {
        font-size: 14px;
        color: black; }
      .invoices-container .dashboard-box .workoutDetails .workoutAthletes, .invoices-container .dashboard-box .workoutDetails .task-info, .invoices-container .dashboard-box .task-today .workoutAthletes, .invoices-container .dashboard-box .task-today .task-info {
        font-size: 12px;
        font-weight: 300; }
        .invoices-container .dashboard-box .workoutDetails .workoutAthletes .no-users, .invoices-container .dashboard-box .workoutDetails .task-info .no-users, .invoices-container .dashboard-box .task-today .workoutAthletes .no-users, .invoices-container .dashboard-box .task-today .task-info .no-users {
          color: red; }
        .invoices-container .dashboard-box .workoutDetails .workoutAthletes .arrived-limit, .invoices-container .dashboard-box .workoutDetails .task-info .arrived-limit, .invoices-container .dashboard-box .task-today .workoutAthletes .arrived-limit, .invoices-container .dashboard-box .task-today .task-info .arrived-limit {
          font-weight: bold; }
    .invoices-container .dashboard-box .none-today {
      margin-top: 20px; }
      .invoices-container .dashboard-box .none-today img {
        width: 45%;
        margin-bottom: 15px; }
        .invoices-container .dashboard-box .none-today img.no-leads-donut {
          width: 20%; }
      .invoices-container .dashboard-box .none-today p {
        color: black;
        margin: 0;
        font-size: 14px;
        font-weight: normal; }
    .invoices-container .dashboard-box .leads-data-container {
      margin: 0;
      color: black; }
      .invoices-container .dashboard-box .leads-data-container #donut-chart {
        margin-top: 0; }
        .invoices-container .dashboard-box .leads-data-container #donut-chart .c3-chart-arcs-title {
          font-family: 'heebo';
          font-weight: bold;
          width: 50%;
          text-align: center; }
        .invoices-container .dashboard-box .leads-data-container #donut-chart .c3-legend-item {
          display: none; }
      .invoices-container .dashboard-box .leads-data-container .leads-data {
        box-shadow: none; }
        .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box {
          cursor: pointer;
          height: 120px; }
          .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box:hover {
            background: #ebebeb; }
          .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap {
            height: unset;
            color: black; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap span {
              font-size: 18px;
              height: unset;
              margin-top: 0; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap p {
              font-weight: normal; }
            .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner {
              width: 52%; }
              .invoices-container .dashboard-box .leads-data-container .leads-data .lead-data-box .text-wrap .text-wrap-inner.smaller {
                width: 45%; }

.tables-margin {
  margin-top: 15px; }

#page-wrapper.external {
  padding: 0; }
  #page-wrapper.external .page-content {
    margin: 0; }

#page-wrapper.external.heb {
  direction: rtl; }

.external-wrapper .external-header-wrapper {
  height: 54px; }
  .external-wrapper .external-header-wrapper .external-header-style {
    position: fixed;
    width: 100%;
    height: 54px;
    padding: 0 30px;
    background: #f7f4f4;
    border-bottom: 1px solid #ffff;
    right: 0;
    left: 0;
    z-index: 100;
    margin: 0; }
    .external-wrapper .external-header-wrapper .external-header-style .header-logo-container img {
      height: 34px; }
  .external-wrapper .external-header-wrapper .user-nav-bar-wrapper {
    z-index: 100;
    background: #f7f4f4;
    position: fixed;
    width: 100%; }
    .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .border-menu {
      border-left: 2px solid #37a6f5;
      height: 54px; }
    .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar {
      width: 115px;
      border: none;
      border-radius: 0;
      top: 62px; }
      .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar.arrow_box:before, .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar.arrow_box:after {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #37a6f5;
        border-width: 8px;
        left: 50%;
        margin-left: -7px; }
      .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar ul.sub-ul-list li.active {
          font-weight: 700; }
        .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar ul.sub-ul-list li:last-child {
          border-top: none; }
        .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar ul li {
          padding: 10px; }
          .external-wrapper .external-header-wrapper .user-nav-bar-wrapper .user-nav-bar ul li:last-child {
            border-top: 1px solid #c8c7cc; }

.add-edit-lead-popup .md-content-container-custom-styling {
  padding: 10px 0; }

.add-edit-lead-popup .custom-footer-errors {
  padding: 0 20px; }
  .add-edit-lead-popup .custom-footer-errors a {
    text-decoration: none;
    color: black; }
  .add-edit-lead-popup .custom-footer-errors i {
    font-size: 23px; }

.add-edit-task-popup .input-error button.add-member-button {
  border: 2px solid red; }

.add-edit-task-popup type-ahead md-autocomplete.users-list {
  width: 100%;
  align-self: center;
  flex-direction: column;
  display: flex; }

.add-edit-task-popup .custom-select-style-colors {
  height: 35px; }

#member-sign-up-dialog-md-tabs .md-tab span {
  font-size: 12px; }

#member-sign-up-dialog-md-tabs .regular-client-header {
  margin-top: 15px; }

.member-sign-up-dialog {
  height: auto !important;
  overflow: hidden; }
  .member-sign-up-dialog md-toolbar .md-toolbar-tools .absolute-header-button {
    position: absolute;
    left: 10px; }
  .member-sign-up-dialog md-toolbar .md-toolbar-tools .title {
    position: relative;
    width: 100%;
    font-size: 23px;
    padding: 0; }
  .member-sign-up-dialog .datepicker-from-container {
    margin-bottom: 15px; }
  .member-sign-up-dialog .register-client-to-container {
    margin-bottom: 10px; }
  .member-sign-up-dialog .date-picker-custom-style md-datepicker {
    margin-top: 0; }
  .member-sign-up-dialog .note-future-membership {
    margin-top: 10px; }
    .member-sign-up-dialog .note-future-membership span {
      font-weight: bold; }
  @media screen and (max-width: 960px) {
    .member-sign-up-dialog md-dialog-content {
      min-height: 450px;
      max-height: 450px;
      overflow-x: hidden;
      overflow-y: auto; }
      .member-sign-up-dialog md-dialog-content #member-sign-up-dialog-md-tabs {
        height: auto; }
        .member-sign-up-dialog md-dialog-content #member-sign-up-dialog-md-tabs md-tab-content {
          height: auto; } }
  .member-sign-up-dialog md-dialog-content {
    min-height: 450px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto; }
    .member-sign-up-dialog md-dialog-content #member-sign-up-dialog-md-tabs {
      height: auto; }
    .member-sign-up-dialog md-dialog-content .series-loader {
      width: 100%;
      text-align: center; }
    .member-sign-up-dialog md-dialog-content .series-options .no-series-span {
      padding-left: 2px;
      padding-right: 2px; }
    .member-sign-up-dialog md-dialog-content md-radio-group md-radio-button {
      display: flex;
      align-items: center;
      margin-bottom: 60px; }
    .member-sign-up-dialog md-dialog-content .register-client-to {
      margin-right: 15px; }
      .member-sign-up-dialog md-dialog-content .register-client-to:after {
        content: "-"; }
  .member-sign-up-dialog .option-wrap {
    max-height: 50px;
    height: 35px;
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
    .member-sign-up-dialog .option-wrap md-radio-button {
      display: flex;
      align-items: center;
      margin-bottom: 0; }
    .member-sign-up-dialog .option-wrap md-input-container {
      margin-right: 10px; }
      .member-sign-up-dialog .option-wrap md-input-container input {
        margin: 0 -10px;
        width: 60px; }

md-inline-form md-radio-group .option-wrap {
  margin-bottom: 20px;
  max-height: 50px;
  height: 35px; }

md-inline-form md-radio-group md-radio-button {
  margin-bottom: 50px;
  width: 100%; }

md-inline-form md-radio-group .series-name {
  font-size: 15px;
  font-weight: bold; }

.category-custom-select-style {
  height: 36px;
  margin: 15px 0; }
  .category-custom-select-style .md-select-value, .category-custom-select-style .md-select-value.md-select-placeholder {
    background-color: rgba(146, 211, 110, 0.8);
    color: white;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-color: transparent; }
    .category-custom-select-style .md-select-value .md-select-icon, .category-custom-select-style .md-select-value .md-text, .category-custom-select-style .md-select-value.md-select-placeholder .md-select-icon, .category-custom-select-style .md-select-value.md-select-placeholder .md-text {
      color: white;
      font-weight: bold;
      border-bottom-color: transparent; }

.bold-span-with-after {
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px; }
  .bold-span-with-after:after {
    content: ":"; }

.md-select-membership-user {
  display: inline-block; }

#change-property-user-popup-wrap {
  width: 500px;
  border: 2px dotted #37a6f5;
  height: auto; }
  #change-property-user-popup-wrap md-dialog-content .info-outline {
    font-size: 30px;
    color: #37a6f5;
    line-height: 26px; }
  #change-property-user-popup-wrap md-dialog-content .first-name {
    font-weight: bold; }
  #change-property-user-popup-wrap md-dialog-content .change-wrap span {
    text-align: center; }
  #change-property-user-popup-wrap md-dialog-content .change-wrap .key {
    font-weight: bold;
    text-align: start; }
  #change-property-user-popup-wrap md-dialog-content .change-wrap .arrow {
    font-size: 34px;
    color: #37a6f5;
    line-height: 27px; }
  #change-property-user-popup-wrap md-dialog-content md-progress-circular {
    padding: 40px 0; }
    #change-property-user-popup-wrap md-dialog-content md-progress-circular path {
      stroke: #37a6f5; }
  #change-property-user-popup-wrap md-dialog-actions {
    background: #f3f3f3;
    color: white; }
    #change-property-user-popup-wrap md-dialog-actions button {
      min-width: 118px;
      height: 38px;
      padding: 0 5px; }
    #change-property-user-popup-wrap md-dialog-actions .close {
      background: #ff3823;
      opacity: 1; }
      #change-property-user-popup-wrap md-dialog-actions .close:hover {
        background: #ff3823;
        color: white; }
    #change-property-user-popup-wrap md-dialog-actions .update {
      background: #37a6f5;
      opacity: 1; }
      #change-property-user-popup-wrap md-dialog-actions .update:hover {
        background: #37a6f5;
        color: white; }

.md-dialog-custom-styling.class-max-popup {
  padding: 0;
  min-height: 200px; }
  .md-dialog-custom-styling.class-max-popup h1,
  .md-dialog-custom-styling.class-max-popup h2,
  .md-dialog-custom-styling.class-max-popup h3,
  .md-dialog-custom-styling.class-max-popup p {
    padding: 0;
    margin: 0; }
  .md-dialog-custom-styling.class-max-popup .md-content-container-custom-styling {
    margin-top: 0; }
  .md-dialog-custom-styling.class-max-popup .custom-datepicker-container {
    position: relative;
    top: 7px; }
    .md-dialog-custom-styling.class-max-popup .custom-datepicker-container .md-datepicker-label {
      bottom: 70px; }

.system-user-popup .permission-info-container {
  min-height: 150px;
  padding: 5px 10px;
  background: rgba(243, 243, 243, 0.4);
  border: 2px solid #37a6f5; }
  .system-user-popup .permission-info-container h1 {
    font-size: 14px;
    font-weight: bold; }
  .system-user-popup .permission-info-container p {
    font-size: 12px; }

.system-user-popup .custom-datepicker-container .md-datepicker-input-container {
  top: 9px; }

.time-card-btn {
  padding-top: 20px;
  color: #FFF;
  border-radius: 50%;
  width: 170px;
  height: 170px;
  font-size: 28px;
  display: block;
  margin: 80px auto;
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: 'heebo' !important;
  font-weight: 900;
  position: relative;
  top: -30px; }
  .time-card-btn p {
    font-size: 15px; }

.time-card-btn[disabled] {
  background-color: #000;
  color: #929292;
  opacity: 0.1; }

.lead-statistics .md-datepicker-input-container {
  width: 100%; }

.lead-statistics .md-datepicker-label {
  min-width: 100%;
  right: 0 !important; }

@media screen and (max-width: 960px) {
  .userTrainingToday p {
    display: block;
    width: 100%; }
    .userTrainingToday p .mobile-datepicker {
      width: 100%; }
  .table-wrapper {
    margin: 0; }
    .table-wrapper .table-wrap {
      width: 100%;
      overflow-x: scroll;
      margin: 0; }
  md-dialog {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    z-index: 999; }
    md-dialog md-subheader {
      padding: 0; } }

.addUserButton {
  position: fixed;
  right: 200px;
  bottom: 0;
  transform: scale(0.88, 0.88); }
  .addUserButton .md-mini {
    font-size: 20px; }

.dateFormPicker {
  margin-top: 0; }

.st-sort-default:before {
  content: '\25B1'; }

.st-sort-ascent:before {
  content: '\25B2'; }

.st-sort-descent:before {
  content: '\25BC'; }

.AddEditLeadPopup {
  width: 50%;
  margin: 0 auto;
  height: 100%; }
  .AddEditLeadPopup .AddEditHeader {
    color: white;
    background-color: #37A6F5;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 40px;
    line-height: 35px; }
    .AddEditLeadPopup .AddEditHeader .md-subheader-inner {
      padding: 0px; }
  .AddEditLeadPopup .md-text.ng-binding {
    font-size: 13px; }
  .AddEditLeadPopup .dateBtn {
    margin-top: 25px; }
  .AddEditLeadPopup .statusTypeSelect {
    width: 100%; }
  .AddEditLeadPopup .location {
    width: 100%; }
  .AddEditLeadPopup .submitAndCloseBtn {
    margin-top: 70px;
    float: right; }
  .AddEditLeadPopup textarea {
    margin-top: 30px; }
  .AddEditLeadPopup label {
    margin-left: 10px; }
  .AddEditLeadPopup #leadDateLabel {
    margin-left: 0px; }

.md-header-items-container {
  font-size: 23px; }

section.md-header {
  height: 40px; }

.totalLines h4 {
  font-weight: bold; }

.totalLines.multiple-subtotal span {
  margin: 0 5px; }

.tableHeader select.form-control {
  width: 100% !important; }

md-tabs-ink-bar.md-transition-right, md-tabs-ink-bar.md-transition-left, md-tabs-ink-bar.md-no-transition {
  display: none !important; }

.athletes, .coaches {
  margin-top: 30px; }
  .athletes .tableHeader, .coaches .tableHeader {
    font-size: 15px;
    color: black; }
    .athletes .tableHeader select .form-control, .coaches .tableHeader select .form-control {
      width: 100%; }
    .athletes .tableHeader th:first-of-type, .coaches .tableHeader th:first-of-type {
      padding-left: 0 !important; }

.openInAnotherTabOp {
  width: 100%;
  display: inline-block;
  color: black;
  position: relative; }

.openInAnotherTabOp:hover, .openInAnotherTabOp:focus {
  color: black;
  text-decoration: none; }

.usersCancelledSchedules .tableHeader {
  white-space: nowrap; }

.excel-export-training-today {
  position: absolute;
  top: 105px;
  width: 32px;
  right: 15px;
  z-index: 10;
  cursor: pointer; }

.userTrainingToday {
  padding-left: 9px; }
  .userTrainingToday .dateBtn {
    margin-top: 25px; }

.leadsAttendance {
  padding-left: 9px; }
  .leadsAttendance .dateBtn {
    margin-top: 25px; }

.leadsTraining {
  padding-left: 9px; }
  .leadsTraining .dateBtn {
    margin-top: 25px; }

.cancelledMembershipUsers {
  padding-left: 9px; }
  .cancelledMembershipUsers .dateBtn {
    margin-top: 25px; }

.notShowedUp {
  padding-left: 9px; }
  .notShowedUp .dateBtn {
    margin-top: 25px; }

.leadConvertedRow {
  padding-left: 9px; }
  .leadConvertedRow .dateBtn {
    margin-top: 25px; }

.birthdayUsers {
  padding-left: 9px; }
  .birthdayUsers .dateBtn {
    margin-top: 25px; }

.cancelledUsers {
  padding-left: 9px; }
  .cancelledUsers .dateBtn {
    margin-top: 25px; }

.expiringMembershipUsers {
  padding-left: 9px; }
  .expiringMembershipUsers .dateBtn {
    margin-top: 25px; }

.expiredMembershipUsers {
  padding-left: 9px; }
  .expiredMembershipUsers .dateBtn {
    margin-top: 25px; }

.coachesSchedules {
  padding-left: 9px; }
  .coachesSchedules .dateBtn {
    margin-top: 25px; }

.excel-export-users-cancelled {
  position: absolute;
  top: -20px;
  width: 32px;
  right: 15px;
  z-index: 10;
  cursor: pointer; }

#triangle-right {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-left: 100px solid red;
  border-bottom: 50px solid transparent; }

.AddEditMemberPopup {
  width: 50%;
  height: 50%;
  margin: 0 auto; }
  .AddEditMemberPopup .gender-checkbox md-checkbox {
    margin: 10px 0 0 0;
    padding: 0; }
  .AddEditMemberPopup md-input-container {
    padding: 0 20px;
    margin: 20px 0 0 0; }
    .AddEditMemberPopup md-input-container.checkboxVisual {
      padding: 3px; }
  .AddEditMemberPopup .dateFormPxicker {
    margin-top: -5px; }
  .AddEditMemberPopup .dateBtn {
    margin-bottom: -25px; }
  .AddEditMemberPopup textarea {
    margin-top: 10px !important; }
  .AddEditMemberPopup .cancelMarginLabel {
    margin-left: 0px; }
  .AddEditMemberPopup .addEditInput {
    padding: 10px; }
  .AddEditMemberPopup .AddEditHeader {
    color: white;
    font-size: 20px;
    background-color: #37A6F5;
    text-align: center;
    width: 100%;
    font-weight: bold;
    height: 40px;
    line-height: 35px; }
    .AddEditMemberPopup .AddEditHeader .md-subheader-inner {
      padding: 0px; }
  .AddEditMemberPopup input[type=checkbox] {
    height: 20px !important;
    width: 20px !important; }
  .AddEditMemberPopup .userAddress md-input-container {
    margin-top: -15px;
    margin-bottom: 15px; }
  .AddEditMemberPopup .md-option .md-text {
    font-size: 13px; }
  .AddEditMemberPopup .submitAndCloseBtn {
    margin-top: 20px; }
  .AddEditMemberPopup .checkboxVisual {
    margin-top: 20px; }
  .AddEditMemberPopup .locationBox {
    width: 100%; }
  .AddEditMemberPopup label {
    margin-left: 10px; }
  .AddEditMemberPopup .membershipTypeSelect {
    width: 100%; }
  .AddEditMemberPopup .medicalCertificate {
    margin-top: -15px; }
  .AddEditMemberPopup .checkboxVisual label:first-child {
    margin-bottom: -19px;
    margin-left: 30px; }

@media screen and (max-width: 1600px) and (min-width: 1000px) {
  .AddEditMemberPopup {
    width: 80%; }
    .AddEditMemberPopup .dateFormPicker {
      margin-top: 0; }
      .AddEditMemberPopup .dateFormPicker label {
        width: 100%; } }

md-dialog.AddEditMemberPopup.md-default-theme.transition-in {
  margin: 0 auto; }

.reportsWrapper #totalTrainingCount {
  font-size: 25px;
  color: #30426A;
  font-weight: 700;
  margin-top: 25px; }

.reportsWrapper #userNames {
  font-size: 17px;
  font-weight: 600;
  cursor: pointer; }

.reports {
  margin-top: 15px;
  margin-left: 15px; }

@media screen and (max-width: 1650px) {
  .AddEditMemberPopup .dateBtn {
    margin-bottom: -24px; }
  .AddEditMemberPopup label {
    font-size: 10px !important; }
  .AddEditMemberPopup .membershipTypeSelect {
    font-size: 10px; }
  .AddEditMemberPopup .locationBox {
    font-size: 10px;
    margin-top: 20px; }
  .AddEditMemberPopup .checkboxVisual label:first-child {
    margin-bottom: -15px; } }

.progress-indicator {
  margin-top: 20px; }
  .progress-indicator a:hover {
    text-decoration: none; }

.AddEditCoachPopup {
  width: 70%;
  height: 50%;
  margin: 0 auto; }
  .AddEditCoachPopup .dateBtn {
    margin-bottom: -25px; }
  .AddEditCoachPopup .AddEditHeader {
    color: white;
    font-size: 20px;
    background-color: #37A6F5;
    text-align: center;
    width: 100%;
    font-weight: bold;
    height: 40px;
    line-height: 35px; }
    .AddEditCoachPopup .AddEditHeader .md-subheader-inner {
      padding: 0px; }
  .AddEditCoachPopup .addEditInput {
    padding: 10px; }
  .AddEditCoachPopup .cancelMigrateField {
    margin-left: 0px; }
  .AddEditCoachPopup input[type=checkbox] {
    height: 20px !important;
    width: 20px !important; }
  .AddEditCoachPopup .md-option .md-text {
    font-size: 13px; }
  .AddEditCoachPopup label {
    margin-left: 10px; }
  .AddEditCoachPopup md-select {
    margin-top: 20px !important; }
  .AddEditCoachPopup .submitAndCloseBtn {
    margin-top: 35px; }
  .AddEditCoachPopup .checkboxVisual {
    margin-top: 10px; }
  .AddEditCoachPopup .checkboxVisual label:first-child {
    margin-bottom: -19px;
    margin-left: 40px; }
  .AddEditCoachPopup md-input-container {
    margin-bottom: 0; }

md-dialog.AddEditCoachPopup.md-default-theme.transition-in {
  margin: 0 auto; }

.addCoachButton {
  z-index: 20;
  float: right;
  transform: scale(0.88, 0.88);
  width: 7%; }
  .addCoachButton .md-mini {
    font-size: 20px; }

#page-wrapper .user-management-wrapper .square-container {
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 8px; }
  #page-wrapper .user-management-wrapper .square-container .square-header {
    background-color: #fcfcfc;
    color: #37a6f5;
    font-weight: 900;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 3px;
    font-size: 16px;
    border-bottom: 2px solid #f3f3f3; }
    #page-wrapper .user-management-wrapper .square-container .square-header i {
      color: #BFBFBF;
      font-size: 16px; }
    #page-wrapper .user-management-wrapper .square-container .square-header .pencil-style {
      top: 3px;
      left: 5px;
      cursor: pointer; }
    #page-wrapper .user-management-wrapper .square-container .square-header .md-raised {
      min-width: 50px;
      line-height: 20px;
      min-height: 20px;
      margin: 0 4px; }
    #page-wrapper .user-management-wrapper .square-container .square-header .padding {
      padding: 0 4px;
      margin-bottom: 3px;
      position: relative;
      top: -3px; }
  #page-wrapper .user-management-wrapper .square-container .height-auto {
    max-height: 500px;
    transition: max-height 0.25s ease-in; }
  #page-wrapper .user-management-wrapper .square-container .regular-height {
    max-height: 310px;
    transition: max-height 0.15s ease-out; }
  #page-wrapper .user-management-wrapper .square-container .square-body {
    background-color: #fcfcfc;
    min-height: 310px;
    padding: 20px;
    padding-top: 10px; }
    #page-wrapper .user-management-wrapper .square-container .square-body .layout-row {
      height: 35px; }
    #page-wrapper .user-management-wrapper .square-container .square-body input[type='text'] {
      background: none;
      border: none;
      border-bottom: 1px solid #000;
      border-bottom-color: rgba(0, 0, 0, 0.12);
      height: 20px;
      text-align: left; }
      #page-wrapper .user-management-wrapper .square-container .square-body input[type='text'].ng-invalid {
        border-color: #dd2c00; }
    #page-wrapper .user-management-wrapper .square-container .square-body textarea {
      background: none;
      border: none;
      border-bottom: 1px solid #000;
      border-bottom-color: rgba(0, 0, 0, 0.12);
      height: 280px;
      width: 100%;
      resize: none;
      font-family: inherit; }
    #page-wrapper .user-management-wrapper .square-container .square-body md-input-container {
      margin: 0;
      padding: 0;
      width: 120px;
      text-align: left; }
      #page-wrapper .user-management-wrapper .square-container .square-body md-input-container .md-datepicker-button {
        display: none; }
      #page-wrapper .user-management-wrapper .square-container .square-body md-input-container .md-icon-button {
        right: 100px !important; }
        #page-wrapper .user-management-wrapper .square-container .square-body md-input-container .md-icon-button .md-datepicker-expand-triangle {
          border-top-color: #000000; }
    #page-wrapper .user-management-wrapper .square-container .square-body .max-width {
      width: 100%; }

#page-wrapper .user-management-wrapper .membershipHeadline {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 11px 0;
  color: #37a6f5; }

#page-wrapper .user-management-wrapper .headline {
  font-size: 16px;
  font-weight: bold;
  color: #37a6f5; }

#page-wrapper .user-management-wrapper .tableHeader {
  border-bottom: 1px solid #d6d6d6;
  background: #fcfcfc;
  height: 40px; }

#page-wrapper .user-management-wrapper .settings-card-row {
  background: #fcfcfc;
  border-bottom: 2px solid #f3f3f3; }

#page-wrapper .user-management-wrapper .plus-actions-button p {
  margin-top: 10px; }

#page-wrapper .user-management-wrapper .user-info {
  background-color: rgba(55, 166, 245, 0.8);
  color: white;
  height: 176px;
  margin-top: 15px;
  -webkit-box-shadow: 1px 1px 5px 5px #ebebeb9e;
  -moz-box-shadow: 1px 1px 5px 5px #ebebeb9e;
  box-shadow: 1px 1px 5px 5px #ebebeb9e; }
  #page-wrapper .user-management-wrapper .user-info.aggregator-style {
    background-color: #f9f9f9;
    color: #7e91bb; }
  #page-wrapper .user-management-wrapper .user-info .image-content {
    position: relative;
    overflow: hidden;
    min-height: 120px;
    min-width: 120px; }
    #page-wrapper .user-management-wrapper .user-info .image-content .lodaer {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -10px;
      margin-top: -10px;
      z-index: 2; }
    #page-wrapper .user-management-wrapper .user-info .image-content:hover .upload-image {
      top: 0;
      height: 100%;
      width: 100%;
      border-radius: 120px;
      background: #f0f2f4;
      opacity: 0.93; }
    #page-wrapper .user-management-wrapper .user-info .image-content img {
      height: 120px;
      border-radius: 120px; }
    #page-wrapper .user-management-wrapper .user-info .image-content .upload-image {
      position: absolute;
      opacity: 0;
      transition: opacity 0.13s ease-out;
      color: black;
      font-size: 12px; }
      #page-wrapper .user-management-wrapper .user-info .image-content .upload-image .delete {
        border-top: 2px solid #37a6f5; }
    #page-wrapper .user-management-wrapper .user-info .image-content .large-image-button {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 30px;
      cursor: pointer;
      transition: all .2s; }
      #page-wrapper .user-management-wrapper .user-info .image-content .large-image-button:hover i {
        transition: all .2s;
        color: #37a6f5; }
      #page-wrapper .user-management-wrapper .user-info .image-content .large-image-button i {
        font-size: 22px; }
  #page-wrapper .user-management-wrapper .user-info .status-user-wrapper {
    padding-top: 8px; }
    #page-wrapper .user-management-wrapper .user-info .status-user-wrapper .status-user {
      margin: 0 8px;
      width: 15px;
      height: 15px;
      border-radius: 15px; }
      #page-wrapper .user-management-wrapper .user-info .status-user-wrapper .status-user.active {
        background: #92d36e; }
      #page-wrapper .user-management-wrapper .user-info .status-user-wrapper .status-user.nonactive {
        background: #ff3823; }
    #page-wrapper .user-management-wrapper .user-info .status-user-wrapper .regular-client-member:before {
      content: '-';
      padding: 0 5px; }
  #page-wrapper .user-management-wrapper .user-info .details-user .rfid {
    position: relative; }
    #page-wrapper .user-management-wrapper .user-info .details-user .rfid .delete-forever-icon {
      position: absolute;
      top: -6px;
      min-width: 15px;
      margin: 0;
      min-height: 30px;
      height: 28px; }
      #page-wrapper .user-management-wrapper .user-info .details-user .rfid .delete-forever-icon i {
        position: relative;
        top: 0;
        font-size: 18px; }
  #page-wrapper .user-management-wrapper .user-info .details-user a {
    color: white; }
    #page-wrapper .user-management-wrapper .user-info .details-user a.aggregator-style {
      color: #7e91bb; }
  #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper {
    max-width: 378px;
    height: 125px;
    background: #f1f1f1;
    border-radius: 8px;
    overflow-x: hidden; }
    #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .header-bi {
      background: url("../img/wide_background.png") bottom;
      max-height: 34px;
      border-radius: 10px 10px 0px 0px;
      color: #37a6f5;
      border-bottom: 2px solid #37a6f5;
      padding: 8px; }
    #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi {
      color: black;
      font-size: 13px;
      margin: 10px; }
      #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi span {
        padding: 0 1.5px; }
        #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi span.flex-none {
          line-height: 24px; }
      #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi .mdi {
        font-size: 22px; }
        #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi .mdi.mdi-comment-question-outline {
          color: #ffb253; }
        #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi .mdi.mdi-alert-box {
          color: #ff5d55; }
        #page-wrapper .user-management-wrapper .user-info .user-bi .user-bi-wrapper .content-bi .mdi.mdi-lightbulb-outline {
          color: #72bb53; }

#page-wrapper .user-management-wrapper .tab-include {
  min-height: 400px; }

#page-wrapper .user-management-wrapper .athlete-details-warrper .part-details {
  border-bottom: 1px solid #37a6f5; }
  #page-wrapper .user-management-wrapper .athlete-details-warrper .part-details .membership-personal-details-headline {
    margin: 15px 0 11px 0; }
  #page-wrapper .user-management-wrapper .athlete-details-warrper .part-details:last-child {
    border: none; }

#page-wrapper .user-management-wrapper .athlete-details-warrper span {
  padding: 0 3px; }

#page-wrapper .user-management-wrapper .athlete-details-warrper .group-membership-wrap .buttons-actions button {
  height: unset;
  margin: 5px; }

#page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type {
  margin-top: 0; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .table-wrapper table {
    max-height: 205px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .view-holds {
    cursor: pointer;
    text-decoration: none; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type th {
    padding: 0; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type th:first-child {
    padding: 0 10px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .tableHeader {
    border-bottom: 1px solid #d6d6d6;
    background: #fcfcfc;
    height: 40px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row {
    background: #fcfcfc;
    border-bottom: 2px solid #f3f3f3; }
    #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:last-child,
    #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:first-child {
      padding: 0 10px; }
      #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:last-child.settings-actions,
      #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:first-child.settings-actions {
        padding: 0 5px; }
        #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:last-child.settings-actions button,
        #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:first-child.settings-actions button {
          max-width: 30px; }
        #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:last-child.settings-actions .only-one,
        #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td:first-child.settings-actions .only-one {
          max-width: 30px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .actions button i.pause_circle_filled {
    top: 3px;
    font-size: 24px;
    color: #929292; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .actions button i.cancel {
    top: 3px;
    font-size: 24px;
    color: #ff3823; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .actions button i.fa-calendar {
    color: #629c44;
    margin-top: 7.5px;
    font-size: 20px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .debt-button {
    min-width: unset;
    padding: 0;
    margin: 0; }
    #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .debt-button span {
      font-weight: bold; }

#page-wrapper .user-management-wrapper .membership-details-warrper .membership-user-products td:last-child {
  padding: 0; }

#page-wrapper .user-management-wrapper .membership-details-warrper .membership-user-products th {
  height: 40px; }

#page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper table {
    height: 230px; }
  #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documents-table,
  #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documentsTable {
    margin-left: 0;
    margin-right: 0; }
    #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documents-table .documentData td,
    #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documentsTable .documentData td {
      padding: 0;
      vertical-align: middle; }
    #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documents-table .md-button,
    #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documentsTable .md-button {
      width: 30px;
      min-width: 30px;
      min-height: 17px;
      height: 33px; }
      #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documents-table .md-button .picture_as_pdf,
      #page-wrapper .user-management-wrapper .membership-details-warrper .documents-rivhit .table-wrapper .documentsTable .md-button .picture_as_pdf {
        color: #37a6f5; }

#page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit .receipts-tabs md-tab-item span {
  font-size: 16px;
  position: relative;
  top: 3px; }

#page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit md-tabs-canvas {
  max-height: 100px; }

#page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit table tbody td, #page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit table tbody th, #page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit table thead td, #page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit table thead th {
  height: 40px;
  vertical-align: middle; }

#page-wrapper .user-management-wrapper .membership-details-warrper .receipts-documents-rivhit .reset-md-button {
  min-width: unset;
  padding: 0;
  margin: 0;
  display: flex;
  align-self: center;
  align-content: center;
  align-items: center; }

#page-wrapper .user-management-wrapper .membership-details-warrper .margin-between-tables {
  margin: 10px; }

@media screen and (max-width: 960px) {
  #page-wrapper .user-management-wrapper .user-info {
    padding: 8px;
    margin-top: 0;
    height: 143px; }
    #page-wrapper .user-management-wrapper .user-info .image-content {
      min-height: auto;
      min-width: auto; }
    #page-wrapper .user-management-wrapper .user-info .img-wrapper {
      margin: 0 8px; }
      #page-wrapper .user-management-wrapper .user-info .img-wrapper img {
        height: 50px; }
      #page-wrapper .user-management-wrapper .user-info .img-wrapper h3 {
        font-size: 16px; }
    #page-wrapper .user-management-wrapper .user-info .status-user-wrapper {
      padding-top: 0; }
    #page-wrapper .user-management-wrapper .user-info .details-user {
      margin: 0 8px; }
      #page-wrapper .user-management-wrapper .user-info .details-user h5 {
        margin-top: 10px;
        margin-bottom: 0; }
  #page-wrapper .user-management-wrapper .membershipHeadline {
    margin: 0 5px; }
  #page-wrapper .user-management-wrapper uib-accordion .panel-group {
    margin-bottom: 0; }
  #page-wrapper .user-management-wrapper uib-accordion .membership-accordion {
    border: none;
    margin: 0;
    background: #fcfcfc !important;
    border-bottom: 2px solid #f3f3f3; }
    #page-wrapper .user-management-wrapper uib-accordion .membership-accordion:last-child {
      border-bottom: 1px solid #f3f3f3; }
    #page-wrapper .user-management-wrapper uib-accordion .membership-accordion:nth-child(odd) {
      background-color: rgba(55, 166, 245, 0.07); }
    #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .inner-row {
      padding: 0 15px; }
      #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .inner-row .row-margin {
        margin-bottom: 8px; }
    #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-heading {
      background: none; }
      #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-heading .panel-title {
        font-size: 14px; }
        #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-heading .panel-title .active {
          font-size: 12px; }
        #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-heading .panel-title .glyphicon {
          color: #37a6f5;
          font-size: 14px;
          font-weight: 900; }
    #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-body {
      border: none;
      padding: 0; }
      #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-body .actions .edit-icon-color {
        margin-top: 6px;
        font-size: 20px; }
      #page-wrapper .user-management-wrapper uib-accordion .membership-accordion .panel-body .actions .debt-button {
        min-width: unset;
        padding: 0;
        margin: 0 5px;
        width: unset; } }

@media screen and (max-width: 1440px) {
  #page-wrapper .user-management-wrapper .membership-details-warrper .memberships-user-type .settings-card-row td.actions {
    padding: 0; } }

md-dialog.event-detail-dialog {
  max-width: 560px;
  width: 560px; }
  md-dialog.event-detail-dialog md-dialog-content {
    position: relative;
    display: block; }

md-dialog md-toolbar .md-toolbar-tools {
  position: relative; }
  md-dialog md-toolbar .md-toolbar-tools .title {
    font-size: 20px;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  md-dialog md-toolbar .md-toolbar-tools .edit-event-button {
    position: absolute;
    right: 24px;
    bottom: -28px; }

md-dialog md-dialog-content .event-details md-icon {
  margin: 0 16px 0 0; }

md-dialog md-dialog-content .event-details .event-detail-row {
  margin-bottom: 32px; }
  md-dialog md-dialog-content .event-details .event-detail-row:last-child {
    margin-bottom: 16px; }

md-dialog md-dialog-content #md-tabs-popup-event md-pagination-wrapper .md-tab {
  font-size: 10.5px; }

@media screen and (max-width: 960px) {
  md-dialog.event-detail-dialog {
    width: 80%; } }

@media screen and (max-width: 600px) {
  md-dialog.event-detail-dialog {
    width: 90%; } }

md-dialog.event-form-dialog, md-dialog.popup-appearance {
  max-width: 770px;
  width: 770px;
  height: 600px;
  /*    .registered-table {
      max-height: 280px;
      display: block;
      overflow-y: scroll;
      overflow-x: hidden;
      position: relative;
      tbody {
        width: 100%;
        display: table;
      }
      thead{
        width: 100%;
        display: table;
      }
      th, td {
             text-align: right;
             padding: 3px;
             line-height: 1.42857143;
             vertical-align: middle;
           }
    }*/ }
  md-dialog.event-form-dialog type-ahead, md-dialog.popup-appearance type-ahead {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row; }
    md-dialog.event-form-dialog type-ahead md-autocomplete.users-list, md-dialog.popup-appearance type-ahead md-autocomplete.users-list {
      width: 100%;
      align-self: stretch;
      flex-direction: column;
      display: flex; }
  md-dialog.event-form-dialog md-dialog-content, md-dialog.popup-appearance md-dialog-content {
    height: 600px; }
  md-dialog.event-form-dialog .whatsapp-icon-event, md-dialog.popup-appearance .whatsapp-icon-event {
    width: 25px; }
  md-dialog.event-form-dialog .event-actions-container, md-dialog.popup-appearance .event-actions-container {
    padding: 0 8px; }
    md-dialog.event-form-dialog .event-actions-container .md-button, md-dialog.popup-appearance .event-actions-container .md-button {
      width: 32px; }
  md-dialog.event-form-dialog .members-loader-wrap, md-dialog.popup-appearance .members-loader-wrap {
    position: absolute;
    top: 30%;
    right: 50%; }
  md-dialog.event-form-dialog .no-sign-up, md-dialog.popup-appearance .no-sign-up {
    text-align: center;
    padding-top: 25px; }
    md-dialog.event-form-dialog .no-sign-up img, md-dialog.popup-appearance .no-sign-up img {
      max-width: 60px;
      padding: 10px; }
  md-dialog.event-form-dialog .layout-row.restricion-row, md-dialog.popup-appearance .layout-row.restricion-row {
    padding: 15px 15px; }
    md-dialog.event-form-dialog .layout-row.restricion-row md-input-container, md-dialog.popup-appearance .layout-row.restricion-row md-input-container {
      margin: 0 0; }
    md-dialog.event-form-dialog .layout-row.restricion-row md-switch, md-dialog.popup-appearance .layout-row.restricion-row md-switch {
      align-self: baseline; }
    md-dialog.event-form-dialog .layout-row.restricion-row.lateCancellationWrap, md-dialog.popup-appearance .layout-row.restricion-row.lateCancellationWrap {
      margin: 0 46px; }
  md-dialog.event-form-dialog .move-left-button, md-dialog.popup-appearance .move-left-button {
    margin: 0 5px 15px 5px; }
  md-dialog.event-form-dialog md-switch, md-dialog.popup-appearance md-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0; }
    md-dialog.event-form-dialog md-switch .md-container, md-dialog.popup-appearance md-switch .md-container {
      margin-left: 8px; }
  md-dialog.event-form-dialog .timePickerEdit, md-dialog.popup-appearance .timePickerEdit {
    display: flex;
    align-items: center;
    justify-content: center; }
    md-dialog.event-form-dialog .timePickerEdit p, md-dialog.popup-appearance .timePickerEdit p {
      padding: 0 10px;
      margin-bottom: 0; }
    md-dialog.event-form-dialog .timePickerEdit md-datepicker, md-dialog.popup-appearance .timePickerEdit md-datepicker {
      padding-right: 0; }
  md-dialog.event-form-dialog .small-input, md-dialog.popup-appearance .small-input {
    max-width: 100px;
    text-align: center; }
  md-dialog.event-form-dialog .center-row, md-dialog.popup-appearance .center-row {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 960px) {
      md-dialog.event-form-dialog .center-row, md-dialog.popup-appearance .center-row {
        display: block; }
        md-dialog.event-form-dialog .center-row > *, md-dialog.popup-appearance .center-row > * {
          display: flex; } }
  md-dialog.event-form-dialog .register-member-row, md-dialog.popup-appearance .register-member-row {
    display: flex;
    align-items: center;
    justify-content: center; }
  md-dialog.event-form-dialog .reorder-standby:hover, md-dialog.popup-appearance .reorder-standby:hover {
    background: none !important; }
  md-dialog.event-form-dialog .registered-member-row, md-dialog.popup-appearance .registered-member-row {
    margin: 0 15px;
    height: 80px; }
    md-dialog.event-form-dialog .registered-member-row td, md-dialog.popup-appearance .registered-member-row td {
      cursor: pointer; }
      md-dialog.event-form-dialog .registered-member-row td:first-child, md-dialog.popup-appearance .registered-member-row td:first-child {
        width: 65px;
        max-width: 65px; }
    md-dialog.event-form-dialog .registered-member-row .openInAnotherTabOp, md-dialog.popup-appearance .registered-member-row .openInAnotherTabOp {
      display: unset; }
    md-dialog.event-form-dialog .registered-member-row .wrap-regular-icon, md-dialog.popup-appearance .registered-member-row .wrap-regular-icon {
      position: relative;
      padding: 0; }
      md-dialog.event-form-dialog .registered-member-row .wrap-regular-icon .regular_client_on_img, md-dialog.popup-appearance .registered-member-row .wrap-regular-icon .regular_client_on_img {
        position: absolute;
        width: 25px;
        height: 25px;
        bottom: 25px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px solid #37a610;
        background: white;
        padding: 0; }
        md-dialog.event-form-dialog .registered-member-row .wrap-regular-icon .regular_client_on_img i, md-dialog.popup-appearance .registered-member-row .wrap-regular-icon .regular_client_on_img i {
          color: #37a610;
          font-weight: bold;
          padding: 0; }
    md-dialog.event-form-dialog .registered-member-row .registered-member-icon, md-dialog.popup-appearance .registered-member-row .registered-member-icon {
      max-width: 40px;
      border-radius: 100%; }
    md-dialog.event-form-dialog .registered-member-row.draggable-row, md-dialog.popup-appearance .registered-member-row.draggable-row {
      cursor: move; }
    md-dialog.event-form-dialog .registered-member-row .debt-box, md-dialog.popup-appearance .registered-member-row .debt-box {
      min-width: 56px;
      background: #f7f6f6;
      border: 1px solid #ff3823;
      text-align: center; }
      md-dialog.event-form-dialog .registered-member-row .debt-box span, md-dialog.popup-appearance .registered-member-row .debt-box span {
        font-size: 10px;
        color: #ff3823;
        font-weight: bold; }
  md-dialog.event-form-dialog .tables-container, md-dialog.popup-appearance .tables-container {
    display: block;
    overflow-y: auto; }
    md-dialog.event-form-dialog .tables-container.register, md-dialog.popup-appearance .tables-container.register {
      overflow-y: auto; }
  md-dialog.event-form-dialog .online_link_container, md-dialog.popup-appearance .online_link_container {
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  md-dialog.event-form-dialog .md-input-to-button, md-dialog.popup-appearance .md-input-to-button {
    margin: 14px 0 0 0; }
  md-dialog.event-form-dialog .registered-member, md-dialog.popup-appearance .registered-member {
    display: flex;
    height: 70px;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;
    width: calc(100% * (1 / 4) - 10px - 1px); }
    md-dialog.event-form-dialog .registered-member:hover .remove-registered, md-dialog.popup-appearance .registered-member:hover .remove-registered {
      display: block; }
    md-dialog.event-form-dialog .registered-member .remove-registered, md-dialog.popup-appearance .registered-member .remove-registered {
      position: absolute;
      top: 14px;
      background: #37A6F5;
      width: 30px;
      height: 30px;
      border-bottom-left-radius: 50px;
      padding-right: 5px;
      padding-top: 2px;
      display: none; }
    md-dialog.event-form-dialog .registered-member .registered-member-icon, md-dialog.popup-appearance .registered-member .registered-member-icon {
      max-width: 60px;
      padding: 10px; }
  md-dialog.event-form-dialog md-dialog-content, md-dialog.popup-appearance md-dialog-content {
    display: block;
    position: relative; }
  md-dialog.event-form-dialog form, md-dialog.popup-appearance form {
    overflow: hidden; }
    md-dialog.event-form-dialog form.cancelled-event md-tab-content:before, md-dialog.popup-appearance form.cancelled-event md-tab-content:before {
      background: repeating-linear-gradient(45deg, transparent 10px, transparent 15px, rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0.025) 20px);
      width: 100%;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 100%;
      z-index: -1; }
    md-dialog.event-form-dialog form.cancelled-event md-tab-content *, md-dialog.popup-appearance form.cancelled-event md-tab-content * {
      user-select: none;
      pointer-events: none;
      tab-index: -1; }
    md-dialog.event-form-dialog form.cancelled-event md-tab-content .tables-container, md-dialog.popup-appearance form.cancelled-event md-tab-content .tables-container {
      pointer-events: all !important;
      z-index: 1; }
    md-dialog.event-form-dialog form md-toolbar, md-dialog.popup-appearance form md-toolbar {
      background-color: #37A6F5;
      color: white; }
      md-dialog.event-form-dialog form md-toolbar .title, md-dialog.popup-appearance form md-toolbar .title {
        width: 100%;
        font-size: 17px;
        text-align: center;
        font-weight: bold;
        font-size: 25px; }
      md-dialog.event-form-dialog form md-toolbar .md-toolbar-tools, md-dialog.popup-appearance form md-toolbar .md-toolbar-tools {
        direction: rtl; }
    md-dialog.event-form-dialog form .layout-row, md-dialog.popup-appearance form .layout-row {
      padding: 0 15px; }
    md-dialog.event-form-dialog form .date-row md-datepicker, md-dialog.popup-appearance form .date-row md-datepicker {
      margin-right: 24px; }
    md-dialog.event-form-dialog form .notifications, md-dialog.popup-appearance form .notifications {
      padding: 16px 0; }
      md-dialog.event-form-dialog form .notifications > .md-button, md-dialog.popup-appearance form .notifications > .md-button {
        margin: 0; }
    md-dialog.event-form-dialog form md-input-container.full-width, md-dialog.popup-appearance form md-input-container.full-width {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: -3px 0; }
    md-dialog.event-form-dialog form md-input-container:not('.full-width'), md-dialog.popup-appearance form md-input-container:not('.full-width') {
      margin: 0px 20px;
      max-width: 100px; }
      md-dialog.event-form-dialog form md-input-container:not('.full-width') input, md-dialog.popup-appearance form md-input-container:not('.full-width') input {
        text-align: center; }
  md-dialog.event-form-dialog md-dialog-actions, md-dialog.popup-appearance md-dialog-actions {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.03); }
    md-dialog.event-form-dialog md-dialog-actions .save-button, md-dialog.popup-appearance md-dialog-actions .save-button {
      background-color: #37A6F5 !important;
      color: white; }
  md-dialog.event-form-dialog md-pagination-wrapper, md-dialog.popup-appearance md-pagination-wrapper {
    min-width: 650px; }

.opacity-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
  opacity: 0.5;
  z-index: 3; }

.arbox-soft-blue {
  background-color: #DAF3FA !important; }

.margin-row {
  margin: 0 !important; }

@media screen and (max-width: 960px) {
  md-dialog.event-form-dialog {
    width: 80%;
    height: auto;
    min-height: 120vw; }
    md-dialog.event-form-dialog .layout-row.restricion-row md-input-container {
      margin: 0 0; } }

@media screen and (max-width: 600px) {
  md-dialog.event-form-dialog {
    width: 90%; } }

.verified_user {
  color: #a607a5; }

.md-dialog-custom-styling.messages-center-popup {
  padding: 0;
  min-height: 500px; }
  .md-dialog-custom-styling.messages-center-popup h1,
  .md-dialog-custom-styling.messages-center-popup h2,
  .md-dialog-custom-styling.messages-center-popup h3,
  .md-dialog-custom-styling.messages-center-popup p {
    padding: 0;
    margin: 0; }
  .md-dialog-custom-styling.messages-center-popup .md-subheader {
    background-color: unset;
    color: unset; }
    .md-dialog-custom-styling.messages-center-popup .md-subheader .md-subheader-inner {
      padding: 0; }
  .md-dialog-custom-styling.messages-center-popup .message-container {
    white-space: pre-wrap;
    text-align: center;
    min-height: 300px; }

@media screen and (max-width: 600px) {
  .md-dialog-custom-styling.messages-center-popup md-dialog-content {
    height: 100vh; } }

.add-new-medical-question-warpper .md-content-container-custom-styling {
  margin-top: 0; }

.md-dialog-custom-styling.auto-action-messages-popup h1, .md-dialog-custom-styling.auto-action-messages-popup h2, .md-dialog-custom-styling.auto-action-messages-popup h3, .md-dialog-custom-styling.auto-action-messages-popup p {
  padding: 0;
  margin: 0; }

.md-dialog-custom-styling.auto-action-messages-popup md-input-container {
  margin: 0; }

.md-dialog-custom-styling.auto-action-messages-popup md-checkbox {
  margin: 0; }

.md-dialog-custom-styling.auto-action-messages-popup .md-arbox-radio-group > * {
  min-height: 34px;
  margin: 0;
  display: flex;
  align-items: center; }
  .md-dialog-custom-styling.auto-action-messages-popup .md-arbox-radio-group > * md-input-container {
    margin: 0 10px; }
    .md-dialog-custom-styling.auto-action-messages-popup .md-arbox-radio-group > * md-input-container input[type="number"] {
      max-width: 85px; }

.md-dialog-custom-styling.auto-action-messages-popup .custom-time-picker tr td:nth-child(3) {
  pointer-events: none; }
  .md-dialog-custom-styling.auto-action-messages-popup .custom-time-picker tr td:nth-child(3) .btn-link {
    color: rgba(0, 0, 0, 0.38); }
  .md-dialog-custom-styling.auto-action-messages-popup .custom-time-picker tr td:nth-child(3) input {
    color: rgba(0, 0, 0, 0.38); }

.heb .auto-action-popup .auto-action-checkbox:first-of-type {
  margin-left: 10px; }
  .heb .auto-action-popup .auto-action-checkbox:first-of-type .md-container {
    margin-right: 0 !important; }
  .heb .auto-action-popup .auto-action-checkbox:first-of-type .md-label {
    margin-right: 30px !important; }

.heb .auto-action-popup .case-column {
  min-width: 354px; }

body:not(.heb) .auto-action-popup .auto-action-checkbox:first-of-type {
  margin-left: 0; }
  body:not(.heb) .auto-action-popup .auto-action-checkbox:first-of-type .md-container {
    margin-left: 0 !important; }

body:not(.heb) .auto-action-popup .auto-action-checkbox .md-label {
  margin-right: 30px !important; }

body:not(.heb) .auto-action-popup .margin-left-4 {
  margin: 0; }

body:not(.heb) .auto-action-popup .case-column {
  min-width: 540px; }

.auto-action-popup .auto-action-checkbox:first-of-type {
  margin-left: 0; }
  .auto-action-popup .auto-action-checkbox:first-of-type .md-container {
    margin-left: 0 !important; }
  .auto-action-popup .auto-action-checkbox:first-of-type .md-label {
    margin-right: 30px !important; }

.auto-action-popup md-radio-button {
  display: inline;
  margin-bottom: 0; }

.auto-action-popup md-input-container {
  margin: 0; }
  .auto-action-popup md-input-container.timeunits {
    width: 75px;
    min-width: 75px; }
    .auto-action-popup md-input-container.timeunits > .md-errors-spacer {
      display: none; }

.auto-action-popup .centered-line {
  display: flex;
  align-items: center; }

.auto-action-popup .membership-expired-radio-groups {
  margin: 0 30px; }

.auto-action-popup .checkboxs-container {
  min-height: 30px;
  margin: 6px 0 0 0;
  flex-wrap: wrap; }

.auto-action-popup .time-hidden {
  visibility: hidden; }

.auto-action-popup .task-type-select-width {
  width: 166px; }

.auto-action-popup .md-arbox-radio-group > * {
  min-height: 34px;
  display: flex;
  align-items: center; }

.auto-action-popup .timeunits-input {
  width: 120px; }

.auto-action-popup .margin-left-4 {
  margin-left: 4px; }

.finance-management-popup p {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px; }

.md-dialog-custom-styling.auto-action-popup-template h1, .md-dialog-custom-styling.auto-action-popup-template h2, .md-dialog-custom-styling.auto-action-popup-template h3, .md-dialog-custom-styling.auto-action-popup-template p {
  padding: 0;
  margin: 0; }

.md-dialog-custom-styling.auto-action-popup-template .selectable-key-container {
  min-width: 110px;
  height: 25px;
  cursor: pointer;
  background: #f0f2f4;
  border: 1px solid #37a6f5;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35); }
  .md-dialog-custom-styling.auto-action-popup-template .selectable-key-container:active {
    transform: translateY(1px); }
  .md-dialog-custom-styling.auto-action-popup-template .selectable-key-container p {
    padding: 0 5px;
    color: black;
    font-size: 14px; }

.md-dialog-custom-styling.auto-action-popup-template form .header-rm-height-margin {
  margin: 0 8px; }

.md-dialog-custom-styling.auto-action-popup-template form .name-section {
  padding: 8px; }
  .md-dialog-custom-styling.auto-action-popup-template form .name-section .md-input-container {
    margin: 0; }

.md-dialog-custom-styling.auto-action-popup-template .md-dialog-actions .sms-bank-balance {
  margin: 0 10px; }

.md-dialog-custom-styling.auto-action-popup-template .push-char-count p {
  margin: 0 10px; }

.md-dialog-custom-styling.auto-action-popup-template .push-char-count .delay-transaction {
  transition-delay: 0.5s; }
  .md-dialog-custom-styling.auto-action-popup-template .push-char-count .delay-transaction.ng-hide {
    transition-delay: 0s; }

.md-dialog-custom-styling.auto-action-popup-template .template-digital {
  font-size: 14px;
  color: black;
  font-weight: bold; }

.md-dialog-custom-styling.auto-action-popup-template .warning-message {
  font-size: 12px;
  color: #ff3823; }

.md-dialog-custom-styling.auto-action-popup-template md-checkbox {
  margin-bottom: 0; }




.user-injuries-popup p {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px; }

.send-online-form p {
  font-size: 14px;
  font-weight: bold; }


.business-information {
  padding: 2% 5% 0 5%; }
  .business-information input {
    border: 1px solid #37a6f5; }
  .business-information .grey-input {
    background: #BFBFBF;
    border: none; }
  .business-information .textarea {
    min-height: 150px; }
  .business-information textarea {
    border: 1px solid #37a6f5; }
  .business-information md-input-container {
    max-height: 35px !important; }
  .business-information .title {
    padding: 5px 10px 0 10px; }
  .business-information .space {
    width: 100%;
    margin-bottom: 10px; }

.allow-auto-sms-popup h1 {
  font-size: 14px;
  font-weight: bold; }

.allow-auto-sms-popup span {
  font-size: 14px; }

.logo-style {
  text-align: center; }
  .logo-style img {
    width: 15%;
    margin-bottom: 20px;
    margin-top: 20px; }

.entry-clearances-popup h1 {
  font-size: 14px;
  font-weight: bold; }

.entry-clearances-popup span {
  font-size: 14px; }

.entry-clearances-popup p {
  margin: 0; }

.entry-clearances-popup .md-errors-spacer {
  display: none; }




.organization-dialog .organization-row {
  margin-bottom: 20px; }
  .organization-dialog .organization-row .remove-organization-container {
    font-size: 14px;
    padding-top: 5px; }

.set-external-connections .title {
  font-size: 16px;
  margin: 10px 20px; }

.set-external-connections .external-connections-accordion {
  margin: 0 20px; }
  .set-external-connections .external-connections-accordion .accordion-toggle {
    text-decoration: none; }
  .set-external-connections .external-connections-accordion .panel-heading {
    background: #cbe8ba;
    padding: 4px 15px; }
  .set-external-connections .external-connections-accordion .external-connections-header {
    color: white; }
    .set-external-connections .external-connections-accordion .external-connections-header span {
      font-weight: bold;
      font-size: 14px; }
    .set-external-connections .external-connections-accordion .external-connections-header .arrows-container i {
      font-size: 37px;
      display: flex;
      align-self: center;
      align-content: center;
      align-items: center; }

.set-external-connections .remove-social-media-page {
  padding-top: 14px; }



.attendence-membership-warpper {
  max-width: 1068px;
  width: 1068px; }
  .attendence-membership-warpper .title div {
    margin: 0 5px; }
  .attendence-membership-warpper section.md-content-container-custom-styling {
    height: 360px;
    padding: 0 10px 30px 10px; }


.cancelDocumentPopup .commentLabel {
  font-size: 12px; }

.cancelDocumentPopup .textarea {
  background: none;
  border: none;
  border-bottom: 1px solid #000;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  width: 100%;
  resize: none;
  font-family: inherit;
  margin: auto; }

.cancelDocumentPopup .blue-separator {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background: #37a6f5; }

.cancelDocumentPopup .payments-number {
  background: #ebebeb;
  font-size: 13px; }

.cancel-membership-warpper {
  width: 900px;
  max-width: 900px; }
  .cancel-membership-warpper .md-content-container-custom-styling .custom-select-style-colors {
    margin-top: 0; }
  .cancel-membership-warpper .md-content-container-custom-styling .switch-invoice-credit-wrap input {
    color: black; }
  .cancel-membership-warpper md-radio-group md-radio-button {
    font-size: 16px; }

@media screen and (max-width: 600px) {
  .cancel-membership-warpper md-radio-group md-radio-button {
    font-size: 14px; } }

.margin-0-12 {
  margin: 0 12px; }

.md-dialog-custom-styling.create-credit-card {
  min-height: 400px; }
  .md-dialog-custom-styling.create-credit-card iframe {
    height: 350px; }
  .md-dialog-custom-styling.create-credit-card .no-data-container {
    height: 250px; }

.edit-membership {
  padding: 20px; }
  .edit-membership .headline {
    font-size: 16px;
    font-weight: bold;
    color: #37a6f5;
    margin-bottom: 8px; }
  .edit-membership md-input-container {
    margin: 0 8px 0 8px; }
    .edit-membership md-input-container .label {
      font-size: 12px;
      font-weight: 900;
      color: #000;
      padding: 0; }
  .edit-membership md-datepicker {
    padding: 0; }
    .edit-membership md-datepicker .md-datepicker-button {
      margin: 0;
      padding: 0;
      position: relative;
      top: -10px; }

.md-dialog-custom-styling.membership-recurring-payment-popup {
  min-height: 350px; }
  .md-dialog-custom-styling.membership-recurring-payment-popup p,
  .md-dialog-custom-styling.membership-recurring-payment-popup h1,
  .md-dialog-custom-styling.membership-recurring-payment-popup h2,
  .md-dialog-custom-styling.membership-recurring-payment-popup h3 {
    padding: 0;
    margin: 0; }
  .md-dialog-custom-styling.membership-recurring-payment-popup .no-data-container {
    min-height: 150px; }
  .md-dialog-custom-styling.membership-recurring-payment-popup .md-content-container-custom-styling {
    margin-top: 0; }
  .md-dialog-custom-styling.membership-recurring-payment-popup .form-input-container md-input-container {
    width: 75px; }
  .md-dialog-custom-styling.membership-recurring-payment-popup label {
    max-width: 100px;
    margin-bottom: 0; }
  .md-dialog-custom-styling.membership-recurring-payment-popup md-tabs md-pagination-wrapper md-tab-item.md-tab {
    font-size: 14px; }
  .md-dialog-custom-styling.membership-recurring-payment-popup .tab-container {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden; }
    .md-dialog-custom-styling.membership-recurring-payment-popup .tab-container table {
      margin: 10px 0; }

.notePopup .commentLabel {
  font-size: 12px; }

.notePopup .textarea {
  background: none;
  border: none;
  border-bottom: 1px solid #000;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  width: 100%;
  resize: none;
  font-family: inherit;
  margin: auto; }

.md-dialog-custom-styling.switch-group-head-popup {
  width: 1000px; }
  .md-dialog-custom-styling.switch-group-head-popup .md-content-container-custom-styling {
    min-height: 185px; }
  .md-dialog-custom-styling.switch-group-head-popup h1 {
    color: #000;
    font-size: 16px;
    margin: 0; }
  .md-dialog-custom-styling.switch-group-head-popup p, .md-dialog-custom-styling.switch-group-head-popup span {
    font-size: 16px; }
  .md-dialog-custom-styling.switch-group-head-popup .middle-row {
    font-size: 16px; }
  .md-dialog-custom-styling.switch-group-head-popup .field-icon-style {
    width: 260px; }
    .md-dialog-custom-styling.switch-group-head-popup .field-icon-style i {
      font-size: 20px; }
    .md-dialog-custom-styling.switch-group-head-popup .field-icon-style .fa-envelope {
      color: #37a6f5; }
    .md-dialog-custom-styling.switch-group-head-popup .field-icon-style .fa-check-circle, .md-dialog-custom-styling.switch-group-head-popup .field-icon-style .fa-spinner {
      color: #72bb53; }
    .md-dialog-custom-styling.switch-group-head-popup .field-icon-style .input-before {
      width: 100%;
      border: none;
      border-bottom: 2px solid #37a6f5; }
    .md-dialog-custom-styling.switch-group-head-popup .field-icon-style .input-after {
      width: 100%;
      border: none;
      background-color: #EBEBEB; }
  .md-dialog-custom-styling.switch-group-head-popup .border-bottom {
    border-bottom: 2px solid #37a6f5;
    min-width: 120px; }
  .md-dialog-custom-styling.switch-group-head-popup .main-icon {
    color: #72bb53;
    vertical-align: middle;
    border: 2px solid #72bb53;
    border-radius: 50%;
    padding: 30px;
    text-align: center;
    font-size: 30px;
    width: 95px;
    height: 95px; }
  .md-dialog-custom-styling.switch-group-head-popup .explain-text {
    color: #ff3823;
    font-size: 12px; }
  .md-dialog-custom-styling.switch-group-head-popup .explain-text-succsses {
    color: #72bb53;
    font-size: 12px; }
  .md-dialog-custom-styling.switch-group-head-popup .payment-select {
    width: 100%;
    padding: 0 5% 0 5%; }
    .md-dialog-custom-styling.switch-group-head-popup .payment-select md-select-value span {
      font-size: 14px; }

/*----------------------------------------------------------------*/
/*  Animations
/*----------------------------------------------------------------*/
.animate-slide-up {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
  .animate-slide-up.ng-enter {
    transform: translateY(100%);
    opacity: 0; }
    .animate-slide-up.ng-enter.ng-enter-active {
      transition-property: all;
      transform: translateY(0);
      opacity: 1; }
  .animate-slide-up.ng-leave {
    transform: translateY(0);
    opacity: 1; }
    .animate-slide-up.ng-leave.ng-leave-active {
      transition-property: all;
      transform: translateY(-100%);
      opacity: 0; }
  .animate-slide-up.ng-hide {
    transform: translateY(-100%);
    opacity: 0; }
  .animate-slide-up.ng-hide-add-active, .animate-slide-up.ng-hide-remove-active {
    transition-property: all; }

.animate-slide-down {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
  .animate-slide-down.ng-enter {
    transform: translateY(-100%);
    opacity: 0; }
    .animate-slide-down.ng-enter.ng-enter-active {
      transition-property: all;
      transform: translateY(0);
      opacity: 1; }
  .animate-slide-down.ng-leave {
    transform: translateY(0);
    opacity: 1; }
    .animate-slide-down.ng-leave.ng-leave-active {
      transition-property: all;
      transform: translateY(100%);
      opacity: 0; }
  .animate-slide-down.ng-hide {
    transform: translateY(-100%);
    opacity: 0; }
  .animate-slide-down.ng-hide-add-active, .animate-slide-down.ng-hide-remove-active {
    transition-property: all; }

.animate-slide-left {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
  .animate-slide-left.ng-enter {
    transform: translateX(100%);
    opacity: 0; }
    .animate-slide-left.ng-enter.ng-enter-active {
      transition-property: all;
      transform: translateX(0);
      opacity: 1; }
  .animate-slide-left.ng-leave {
    transform: translateX(0);
    opacity: 1; }
    .animate-slide-left.ng-leave.ng-leave-active {
      transition-property: all;
      transform: translateX(-100%);
      opacity: 0; }
  .animate-slide-left.ng-hide {
    transform: translateX(-100%);
    opacity: 0; }
  .animate-slide-left.ng-hide-add-active, .animate-slide-left.ng-hide-remove-active {
    transition-property: all; }

.animate-slide-right {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
  .animate-slide-right.ng-enter {
    transform: translateX(-100%);
    opacity: 0; }
    .animate-slide-right.ng-enter.ng-enter-active {
      transition-property: all;
      transform: translateX(0);
      opacity: 1; }
  .animate-slide-right.ng-leave {
    transform: translateX(0);
    opacity: 1; }
    .animate-slide-right.ng-leave.ng-leave-active {
      transition-property: all;
      transform: translateX(100%);
      opacity: 0; }
  .animate-slide-right.ng-hide {
    transform: translateX(100%);
    opacity: 0; }
  .animate-slide-right.ng-hide-add-active, .animate-slide-right.ng-hide-remove-active {
    transition-property: all; }

.animate-fade-in-out {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
  .animate-fade-in-out.ng-enter {
    opacity: 0; }
    .animate-fade-in-out.ng-enter.ng-enter-active {
      transition-property: all;
      opacity: 1; }
  .animate-fade-in-out.ng-leave {
    opacity: 1; }
    .animate-fade-in-out.ng-leave.ng-leave-active {
      transition-property: all;
      opacity: 0; }
  .animate-fade-in-out.ng-hide {
    opacity: 0; }
  .animate-fade-in-out.ng-hide-add-active, .animate-fade-in-out.ng-hide-remove-active {
    transition-property: all; }

/*----------------------------------------------------------------*/
/*  @ Custom Animation Keyframes
/*----------------------------------------------------------------*/
@keyframes slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-500px); }
  65% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(500px); }
  65% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  65% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }

.animate-rotate {
  animation: rotate 1.75s linear infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes wave {
  0%, 60%, 100% {
    transform: initial; }
  30% {
    transform: translateY(-15px); } }


@media screen and (min-width: 960px) {
  .no-margin-radio-btn md-radio-group md-radio-button {
    margin: 0; } }

@media screen and (max-width: 960px) {
  .flex-align-self-unset {
    align-self: unset; } }

@media screen and (max-width: 600px) {
  .layout-column:not(.disable-fill-height) > * {
    flex: 1 0 auto !important; }
  .layout-xs-column:not(.disable-fill-height) > * {
    flex: 1 0 auto !important; }
  .boxes-container-wrapper {
    width: 90%;
    margin: 0 auto; }
    .boxes-container-wrapper .boxes-container {
      height: unset; }
  md-radio-button.md-radio-button-height {
    height: unset; }
  .md-arbox-radio-group.create-user-radio md-radio-button {
    margin: 0; }
    .md-arbox-radio-group.create-user-radio md-radio-button:last-child {
      margin: 0 !important; } }

@font-face {
  font-family: 'heebo';
  src: url("../fonts/Heebo-Regular.ttf"); }

.animated {
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.whatsapp-icon {
  width: 16px;
  margin: 1px 10px 1px 10px;
  position: relative;
  top: -2px; }
  .whatsapp-icon:hover {
    width: 18px;
    margin: 0 9px 0 9px; }

.flex-align-self-start {
  align-self: start; }

.no-scroll {
  overflow-y: auto; }

.autocomplete-custom-display {
  border: none;
  box-shadow: none;
  background: none; }
  .autocomplete-custom-display md-autocomplete-wrap {
    box-shadow: none; }
  .autocomplete-custom-display input {
    color: #a8a8a8; }
    .autocomplete-custom-display input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #a8a8a8; }
    .autocomplete-custom-display input::-moz-placeholder {
      /* Firefox 19+ */
      color: #a8a8a8; }
    .autocomplete-custom-display input:-ms-input-placeholder {
      /* IE 10+ */
      color: #a8a8a8; }
    .autocomplete-custom-display input:-moz-placeholder {
      /* Firefox 18- */
      color: #a8a8a8; }

.reset-elements h1,
.reset-elements h2,
.reset-elements h3,
.reset-elements p {
  padding: 0;
  margin: 0; }

.bold, .text-bold {
  font-weight: bold; }

.has-after-dots:after {
  content: ':'; }

.margin0 {
  margin: 0; }

.margin-side-0 {
  margin-right: 0;
  margin-left: 0; }

.margin-8-0 {
  margin: 8px 0; }

.margin-20-0 {
  margin: 20px 0; }

.margin-0-3 {
  margin: 0 3px; }

.margin-0-9 {
  margin: 0 9px; }

.margin-0-8 {
  margin: 0 8px; }

.margin-0-25 {
  margin: 0 25px; }

.margin-0-30 {
  margin: 0 30px; }

.margin-0-20 {
  margin: 0 20px; }

.margin-0-15 {
  margin: 0 15px; }

.margin-top-0 {
  margin-top: 0; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-35 {
  margin-top: 35px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-top-60 {
  margin-top: 60px; }

.padding0 {
  padding: 0 !important; }

.padding8 {
  padding: 8px; }

.padding10 {
  padding: 10px; }

.padding25 {
  padding: 25px; }

.padding-0-35 {
  padding: 0 35px; }

.padding-top-25 {
  padding-top: 25px; }

.padding-top-5 {
  padding-top: 5px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-0-3 {
  padding: 0 3px; }

.padding-0-5 {
  padding: 0 5px; }

.padding-0-10 {
  padding: 0 10px; }

.padding-0-13 {
  padding: 0 13px; }

.padding-0-15 {
  padding: 0 15px; }

.padding-0-20 {
  padding: 0 20px; }

.padding-0-25 {
  padding: 0 25px; }

.padding-5-0 {
  padding: 5px 0; }

.padding-0-5 {
  padding: 0 5px; }

.padding-10-0 {
  padding: 10px 0 !important; }

.padding-0-10 {
  padding: 0 10px !important; }

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

.min-width-50 {
  min-width: 50px; }

.width-30 {
  width: 30px; }

.width-40 {
  width: 40px; }

.width-60 {
  width: 60%; }

.width-65 {
  width: 65px; }

.width-70 {
  width: 70px; }

.width-100 {
  width: 100px; }

.width-100-p {
  width: 100%; }

.width-180 {
  width: 180px !important; }

.min-width-110 {
  width: 110px; }

.width-100-percentage {
  width: 100%; }

.width-200 {
  width: 200px !important; }

.checkbox-fallback-to-row {
  margin: 0 -10px; }

.text-indent-5 {
  text-indent: 5px; }

.md-datepicker-calendar-pane {
  z-index: 300; }

.text-align-center {
  text-align: center !important; }

.mr-20 {
  margin-right: 20%; }

.text-align-left {
  text-align: left; }

.mr-20 {
  margin-right: 20%; }

.mr-10 {
  margin-right: 10%; }

.mr-5 {
  margin-right: 5%; }

.padding-left-10 {
  padding-left: 10px; }

.padding-left-20 {
  padding-left: 20px; }

.max-height-100 {
  max-height: 100px; }

.max-height-30 {
  max-height: 30px; }

.inline {
  display: inline-block; }

.scroll-y {
  overflow-y: scroll;
  height: 260px;
  overflow-x: hidden; }

.opacity03 {
  opacity: 0.3; }

.direction-rtl {
  direction: rtl; }

.scroll-y::-webkit-scrollbar {
  display: none; }

.custom-clear-md-select {
  width: 172px;
  height: 34px; }
  .custom-clear-md-select .md-select-icon {
    color: #37a6f5; }
    .custom-clear-md-select .md-select-icon:after {
      font-size: 20px; }
  .custom-clear-md-select.clear-md-select-top md-select {
    margin-top: 0; }
  .custom-clear-md-select.width-auto {
    width: auto; }

.custom-clear-md-select-fixed {
  height: 34px; }
  .custom-clear-md-select-fixed .md-select-icon {
    color: #37a6f5; }
    .custom-clear-md-select-fixed .md-select-icon:after {
      font-size: 20px; }
  .custom-clear-md-select-fixed.clear-md-select-top md-select {
    margin-top: 0; }

.delete-icon-color {
  color: #ff3823; }

.user-profile-icon-color {
  color: #606060; }

.md-progress-custom {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.messages-center-report-icon-color, .check-circle-icon-color {
  color: #72bb53; }

.notifications-plus-color {
  background-color: #94a6ff !important; }
  .notifications-plus-color:hover {
    background-color: #94a6ff !important; }

.message-plus-color {
  background-color: #37a68e !important; }
  .message-plus-color:hover {
    background-color: #37a68e !important; }

.regular-client-plus-color {
  background-color: #37a629 !important; }
  .regular-client-plus-color:hover {
    background-color: #37a629 !important; }

.future-register-plus-color {
  background-color: #ff6624 !important; }
  .future-register-plus-color:hover {
    background-color: #ff6624 !important; }

.green-ish-plus-icon {
  background-color: #99a534 !important; }
  .green-ish-plus-icon:hover {
    background-color: #99a534 !important; }

.library-add-btn {
  background-color: #f2c9fb !important; }
  .library-add-btn:hover {
    background-color: #f2c9fb !important; }

.send-btn {
  background-color: #9c1f4d !important; }
  .send-btn:hover {
    background-color: #9c1f4d !important; }

.settings-applications-btn {
  background-color: #5e0202 !important; }
  .settings-applications-btn:hover {
    background-color: #5e0202 !important; }

.arbox-yellow-background {
  background-color: #fec63d !important; }
  .arbox-yellow-background:hover {
    background-color: #fec63d !important; }

.edit-background-plus-icon {
  background-color: #ffa834 !important; }
  .edit-background-plus-icon:hover {
    background-color: #ffa834 !important; }

.edit-icon-color {
  color: #ffa834 !important; }

.facebook-login {
  height: 35px;
  max-width: 225px;
  background-color: #4267B2;
  padding: 0 15px;
  cursor: pointer;
  float: left;
  border-radius: 4px;
  color: #f0f2f4 !important;
  margin: 5px 5px;
  min-height: unset;
  line-height: 26px; }
  .facebook-login .icon {
    background: url(../img/flogo-HexRBG-Wht-100.svg) no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 2px; }
    .facebook-login .icon text {
      margin-left: 10px; }
  .facebook-login span {
    margin-left: 10px; }

.unsubscribe {
  background-color: #b2484c !important; }

.display-none-important {
  display: none !important; }

.pause-circle-icon-color {
  color: #929292; }

.chips-icon-color {
  color: #291803; }

.recuuring-payment-icon-color {
  color: #37a627; }

.fa-calendar-icon-custom {
  position: relative;
  top: 2px;
  font-size: 18px;
  color: #629c44; }

.close-icon-ios-style {
  border: none;
  background: unset; }

.colon-after:after {
  content: ":"; }

.md-input-to-radio-row md-input-container {
  margin: 0 5px 5px; }

.md-radio-button-height {
  height: 40px; }

#markToLost {
  background: #a3a3c2; }

.text-ellipsis-container > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cursor-pointer {
  cursor: pointer; }

.usd-color {
  color: #92d36e; }

.error-color {
  color: #ff3823; }

.general-wrapper h1,
.general-wrapper h2,
.general-wrapper h3,
.general-wrapper p {
  padding: 0;
  margin: 0; }

.general-wrapper md-tab-content {
  display: initial; }

.general-wrapper .settings-card, .general-wrapper .table-custom-container {
  height: auto; }
  .general-wrapper .settings-card:first-child, .general-wrapper .table-custom-container:first-child {
    margin-top: 25px; }
  .general-wrapper .settings-card.no-margin:first-child, .general-wrapper .table-custom-container.no-margin:first-child {
    margin-top: 0; }
  .general-wrapper .settings-card h2, .general-wrapper .table-custom-container h2 {
    font-size: 16px;
    color: #37a6f5;
    font-weight: bold;
    padding-bottom: 10px; }
  .general-wrapper .settings-card table, .general-wrapper .table-custom-container table {
    width: 100%; }
  .general-wrapper .settings-card .settings-card-row, .general-wrapper .settings-card .table-row, .general-wrapper .table-custom-container .settings-card-row, .general-wrapper .table-custom-container .table-row {
    width: 100%;
    padding: 0 15px;
    height: 45px;
    background: white; }
    .general-wrapper .settings-card .settings-card-row td, .general-wrapper .settings-card .table-row td, .general-wrapper .table-custom-container .settings-card-row td, .general-wrapper .table-custom-container .table-row td {
      font-weight: normal; }
    .general-wrapper .settings-card .settings-card-row:nth-child(odd), .general-wrapper .settings-card .table-row:nth-child(odd), .general-wrapper .table-custom-container .settings-card-row:nth-child(odd), .general-wrapper .table-custom-container .table-row:nth-child(odd) {
      background: rgba(145, 228, 251, 0.3); }
    .general-wrapper .settings-card .settings-card-row span, .general-wrapper .settings-card .table-row span, .general-wrapper .table-custom-container .settings-card-row span, .general-wrapper .table-custom-container .table-row span {
      font-size: 14px; }
    .general-wrapper .settings-card .settings-card-row .settings-icons, .general-wrapper .settings-card .table-row .settings-icons, .general-wrapper .table-custom-container .settings-card-row .settings-icons, .general-wrapper .table-custom-container .table-row .settings-icons {
      color: #37a6f5; }
    .general-wrapper .settings-card .settings-card-row .glyphicon-pencil, .general-wrapper .settings-card .table-row .glyphicon-pencil, .general-wrapper .table-custom-container .settings-card-row .glyphicon-pencil, .general-wrapper .table-custom-container .table-row .glyphicon-pencil {
      font-size: 18px;
      top: 5px; }
    .general-wrapper .settings-card .settings-card-row .settings-actions button:not(.clear-btn), .general-wrapper .settings-card .settings-card-row .table-actions button:not(.clear-btn), .general-wrapper .settings-card .table-row .settings-actions button:not(.clear-btn), .general-wrapper .settings-card .table-row .table-actions button:not(.clear-btn), .general-wrapper .table-custom-container .settings-card-row .settings-actions button:not(.clear-btn), .general-wrapper .table-custom-container .settings-card-row .table-actions button:not(.clear-btn), .general-wrapper .table-custom-container .table-row .settings-actions button:not(.clear-btn), .general-wrapper .table-custom-container .table-row .table-actions button:not(.clear-btn) {
      max-width: 45px;
      padding: 0;
      height: 45px;
      margin: 0; }
    .general-wrapper .settings-card .settings-card-row .settings-actions.sm-button button, .general-wrapper .settings-card .settings-card-row .table-actions.sm-button button, .general-wrapper .settings-card .table-row .settings-actions.sm-button button, .general-wrapper .settings-card .table-row .table-actions.sm-button button, .general-wrapper .table-custom-container .settings-card-row .settings-actions.sm-button button, .general-wrapper .table-custom-container .settings-card-row .table-actions.sm-button button, .general-wrapper .table-custom-container .table-row .settings-actions.sm-button button, .general-wrapper .table-custom-container .table-row .table-actions.sm-button button {
      max-width: 30px; }
  .general-wrapper .settings-card .settings-card-row-title, .general-wrapper .table-custom-container .settings-card-row-title {
    width: 100%;
    height: 45px;
    background: white; }
    .general-wrapper .settings-card .settings-card-row-title th, .general-wrapper .table-custom-container .settings-card-row-title th {
      font-weight: bold;
      padding: 0 15px !important; }
  .general-wrapper .settings-card .icon-inline, .general-wrapper .table-custom-container .icon-inline {
    display: inline;
    vertical-align: middle;
    font-size: 30px; }

.general-wrapper .header {
  margin-bottom: 25px;
  border-bottom: 1px solid lightgray; }
  .general-wrapper .header .title {
    font-size: 30px;
    font-weight: bold;
    color: #37a6f5;
    padding: 10px 0; }

.table-custom-container .table tbody tr td {
  border-top: none;
  padding: 0 5px;
  vertical-align: middle; }

.table-custom-container .table .table-row:nth-child(odd) {
  background: #c9f1fd; }

.table-custom-container .checkbox-table-width {
  min-height: unset;
  height: 45px; }
  .table-custom-container .checkbox-table-width input {
    margin: 0; }

.flex-table-wrap h1,
.flex-table-wrap h2,
.flex-table-wrap h3,
.flex-table-wrap p {
  padding: 0;
  margin: 0; }

.flex-table-wrap .flex-table-header-row {
  width: 100%;
  height: 45px;
  background: white;
  padding: 0 15px; }
  .flex-table-wrap .flex-table-header-row span {
    font-size: 14px;
    font-weight: bold; }

.flex-table-wrap .flex-table-row {
  position: relative;
  width: 100%;
  height: 45px;
  background: white;
  padding: 0 15px; }
  .flex-table-wrap .flex-table-row:nth-child(even) {
    background: rgba(145, 228, 251, 0.3); }
  .flex-table-wrap .flex-table-row .icons-actions button {
    min-width: unset;
    padding: 0;
    height: 45px;
    margin: 0; }
  .flex-table-wrap .flex-table-row .buttons-actions button.md-button {
    min-height: unset;
    min-width: unset;
    line-height: unset;
    padding: 2px 10px; }
  .flex-table-wrap .flex-table-row .buttons-actions span {
    font-size: 12px;
    font-weight: bold; }

md-datepicker.datepicker-no-button .md-datepicker-button {
  display: none; }

.margin-between-flex {
  width: 10px; }

.margin-between-flex-large {
  width: 15px; }

md-input-container.input-number-max-width .md-input {
  max-width: 65px; }

.no-delay-transaction.ng-hide-remove {
  transition-delay: 0s !important; }

.no-delay-transaction.ng-hide {
  transition: none;
  -webkit-transition: none;
  transition-delay: 0s !important; }

.firstSampleAnimation.ng-hide-add,
.firstSampleAnimation.ng-hide-remove {
  -webkit-transition: .5s ease-in-out opacity;
  -moz-transition: .5s ease-in-out opacity;
  -ms-transition: .5s ease-in-out opacity;
  -o-transition: .5s ease-in-out opacity;
  transition: .5s ease-in-out opacity;
  opacity: 1; }

.firstSampleAnimation.ng-hide {
  opacity: 0; }

.table-scroll {
  overflow-y: auto;
  overflow-x: auto;
  /* decorations */ }
  .table-scroll table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%; }
  .table-scroll table thead {
    /* head takes the height it requires,
and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: calc(100% - 1px); }
  .table-scroll table tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block; }
  .table-scroll table tbody tr {
    width: 100%; }
  .table-scroll table thead,
  .table-scroll table tbody tr {
    display: table;
    table-layout: fixed; }
  .table-scroll .table-container {
    padding: 0.3em; }

#page-wrapper .table-wrap.with-first-column-padding table thead tr th:first-child {
  padding: 0 10px; }

#page-wrapper .table-wrap.with-first-column-padding table tbody td:first-child {
  padding: 0 10px; }

.actions-buttons-container button {
  max-width: 45px;
  padding: 0;
  height: 45px;
  margin: 0; }

.no-animate {
  -webkit-transition: none !important;
  transition: none !important; }

.vertical-spacer {
  width: 2px;
  height: 75%;
  margin: 0 20px;
  background: rgba(8, 166, 255, 0.4); }

.vertical-spacer-slim {
  width: 1px;
  height: 55%;
  margin: 0 10px;
  background: rgba(8, 166, 255, 0.4); }

.animate-rotate-180-z {
  -webkit-transform: rotateZ(180deg);
  /* Safari */
  transform: rotateZ(180deg); }

.custom-fa-styling {
  display: flex;
  align-self: center;
  align-content: center;
  align-items: center;
  font-size: 22px;
  color: #37a6f5; }
  .custom-fa-styling.smaller {
    font-size: 18px; }

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

.arrow-button {
  display: flex;
  align-self: center;
  align-content: center;
  align-items: center; }
  .arrow-button:after {
    border-top: 7px solid #37a6f5;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: ""; }

.up-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 5px);
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #c8c7cc;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

.no-transition {
  transition-delay: 0s; }

.no-animate {
  -webkit-transition: none !important;
  transition: none !important; }

.md-progress-circular-custom {
  margin: 0 8px; }

md-progress-circular.md-default-theme path, md-progress-circular path {
  stroke: #37a6f5; }

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
  background-color: #37a6f5; }

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #37a6f5; }

.plus-actions-button md-fab-trigger .md-button:hover, .plus-actions-button md-fab-trigger .md-primary:hover, .plus-actions-button md-fab-trigger .md-fab:hover {
  background-color: transparent !important; }

.md-arbox-radio-group .md-container {
  color: #37a6f5; }
  .md-arbox-radio-group .md-container .md-off {
    border-color: #37a6f5; }
  .md-arbox-radio-group .md-container .md-on {
    background-color: #37a6f5; }

.md-arbox-radio-group .md-label span {
  display: inline-block; }

.md-arbox-radio-group md-radio-button md-input-container {
  pointer-events: auto; }

.md-arbox-radio-group.create-user-radio md-radio-button {
  margin: 0; }
  .md-arbox-radio-group.create-user-radio md-radio-button:last-child {
    margin: 0 5px; }

.arbox-mail-purple {
  color: #5125ad; }

.arbox-blue {
  color: #37a6f5; }

.arbox-red {
  color: #ff3823; }

.arbox-white {
  color: white !important; }

.arbox-white-backround {
  background: white !important; }

.arbox-red-background {
  background: #ff3823; }
  .arbox-red-background:hover {
    background-color: #ff3823 !important;
    opacity: 0.7; }

.arbox-gray {
  color: #aaaaaa; }
  .arbox-gray:hover {
    color: gray; }

.arbox-soft-gray {
  color: #BFBFBF; }

.arbox-soft-gray-backround {
  background: #ebebeb; }

.arbox-green {
  color: #72bb53; }

.arbox-gray-color {
  color: #929292; }

.arbox-royal {
  color: #006e8c; }

.arbox-green-background {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #72bb53;
  color: white; }
  .arbox-green-background:hover {
    background-color: rgba(146, 211, 111, 0.8) !important; }

.arbox-grey-background {
  background-color: #929292 !important; }

.arbox-purple-background {
  background-color: #A983C5; }

.arbox-orange-background {
  background-color: #FFB153; }

.arbox-orange {
  color: #FFA835; }

.arbox-orange-bg {
  background-color: #FFA835 !important; }

.arbox-hard-green-bg {
  background-color: #629c44 !important; }

.arbox-blue-royal-background {
  background-color: #0c59cf !important; }

.arbox-blue-digital-form-btn-background {
  background-color: #18486b !important; }

.arbox-green-rgba {
  background-color: rgba(146, 211, 111, 0.8); }
  .arbox-green-rgba:hover {
    background-color: rgba(146, 211, 111, 0.9) !important; }

.arbox-blue-rgba {
  background-color: #37a6f5; }
  .arbox-blue-rgba:hover {
    background-color: #37a6f5 !important; }

.arbox-yellow {
  color: #fec63d; }

.big-icon {
  font-size: 24px; }

.fixed-row-height {
  height: 45px; }

.white {
  color: white !important; }

.arbox-green-button {
  color: white;
  background-color: rgba(146, 211, 111, 0.8); }
  .arbox-green-button:hover {
    background-color: rgba(146, 211, 111, 0.9) !important; }

.arbox-uib-accordion .panel-default {
  border: none; }
  .arbox-uib-accordion .panel-default .panel-heading {
    background-color: #cbe8ba;
    color: white; }
    .arbox-uib-accordion .panel-default .panel-heading a {
      text-decoration: none;
      font-weight: bold; }
      .arbox-uib-accordion .panel-default .panel-heading a .glyphicon {
        font-size: 18px; }

[ng-click] {
  cursor: pointer; }

.arrows-container i {
  font-size: 37px;
  display: flex;
  align-self: center;
  align-content: center;
  align-items: center; }

.bg-white {
  background: white; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #37a6f5 !important;
  border-color: #37a6f5 !important; }

.pagination > li > a, .pagination > li > span {
  color: #37a6f5; }

.pagination {
  margin: 0 !important; }

table .small-table-column-30 {
  width: 30%; }

table .small-table-column-25 {
  width: 25%; }

table .small-table-column-20 {
  width: 20%; }

table .small-table-column-15 {
  width: 15%; }

table .small-table-column-10 {
  width: 10%; }

table .small-table-column-8 {
  width: 8%; }

table .small-table-column-5 {
  width: 5%; }

table .fixed-width-20 {
  width: 20px; }

table.fixed-table-layout {
  table-layout: fixed; }

table.text-ellipsis-table td {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.remove-md-error-spacer md-input-container .md-errors-spacer {
  display: none; }

.font-size-2 {
  font-size: 2px; }

.font-size-20 {
  font-size: 20px; }

.font-size-35 {
  font-size: 35px; }

.font-size-30 {
  font-size: 30px; }

.font-size-15 {
  font-size: 15px; }

.font-size-12 {
  font-size: 12px; }

.font-size-70 {
  font-size: 70px; }

.font-size-80 {
  font-size: 80px; }

.height-unset {
  height: unset;
  min-height: unset; }

.height-330 {
  height: 330px; }

.height-30 {
  height: 30px; }

.height-310 {
  height: 310px; }

.table-layout-fixed {
  table-layout: fixed; }

#page-wrapper .table-striped-fixed tbody tr td {
  padding: 0;
  /* show reverse by horizontal row */
  /* show reverse by vertical column */
  vertical-align: middle;
  line-height: normal;
  height: 42px; }
  #page-wrapper .table-striped-fixed tbody tr td .animated {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-align-self-start {
    align-self: start; }
  #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display {
    border: none;
    box-shadow: none;
    background: none; }
    #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display md-autocomplete-wrap {
      box-shadow: none; }
    #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display input {
      color: #a8a8a8; }
      #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #a8a8a8; }
      #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display input::-moz-placeholder {
        /* Firefox 19+ */
        color: #a8a8a8; }
      #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display input:-ms-input-placeholder {
        /* IE 10+ */
        color: #a8a8a8; }
      #page-wrapper .table-striped-fixed tbody tr td .autocomplete-custom-display input:-moz-placeholder {
        /* Firefox 18- */
        color: #a8a8a8; }
  #page-wrapper .table-striped-fixed tbody tr td .reset-elements h1,
  #page-wrapper .table-striped-fixed tbody tr td .reset-elements h2,
  #page-wrapper .table-striped-fixed tbody tr td .reset-elements h3,
  #page-wrapper .table-striped-fixed tbody tr td .reset-elements p {
    padding: 0;
    margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .bold, #page-wrapper .table-striped-fixed tbody tr td .text-bold {
    font-weight: bold; }
  #page-wrapper .table-striped-fixed tbody tr td .has-after-dots:after {
    content: ':'; }
  #page-wrapper .table-striped-fixed tbody tr td .margin0 {
    margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-8-0 {
    margin: 8px 0; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-20-0 {
    margin: 20px 0; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-0-3 {
    margin: 0 3px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-0-9 {
    margin: 0 9px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-0-25 {
    margin: 0 25px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-0-30 {
    margin: 0 30px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-0-20 {
    margin: 0 20px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-top-0 {
    margin-top: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-top-10 {
    margin-top: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-top-15 {
    margin-top: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-top-35 {
    margin-top: 35px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-top-50 {
    margin-top: 50px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-bottom-20 {
    margin-bottom: 20px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-bottom-30 {
    margin-bottom: 30px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding0 {
    padding: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .padding8 {
    padding: 8px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding10 {
    padding: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding25 {
    padding: 25px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-top-25 {
    padding-top: 25px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-3 {
    padding: 0 3px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-5 {
    padding: 0 5px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-10 {
    padding: 0 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-13 {
    padding: 0 13px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-15 {
    padding: 0 15px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-20 {
    padding: 0 20px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-0-25 {
    padding: 0 25px; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-5-0 {
    padding: 5px 0; }
  #page-wrapper .table-striped-fixed tbody tr td .padding-10-0 {
    padding: 10px 0; }
  #page-wrapper .table-striped-fixed tbody tr td .min-width-0 {
    min-width: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .min-width-50 {
    min-width: 50px; }
  #page-wrapper .table-striped-fixed tbody tr td .width-50 {
    width: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .checkbox-fallback-to-row {
    margin: 0 -10px; }
  #page-wrapper .table-striped-fixed tbody tr td .text-indent-5 {
    text-indent: 5px; }
  #page-wrapper .table-striped-fixed tbody tr td .md-datepicker-calendar-pane {
    z-index: 300; }
  #page-wrapper .table-striped-fixed tbody tr td .text-align-center {
    text-align: center; }
  #page-wrapper .table-striped-fixed tbody tr td .custom-clear-md-select {
    width: 172px;
    height: 34px; }
    #page-wrapper .table-striped-fixed tbody tr td .custom-clear-md-select .md-select-icon {
      color: #37a6f5; }
      #page-wrapper .table-striped-fixed tbody tr td .custom-clear-md-select .md-select-icon:after {
        font-size: 20px; }
  #page-wrapper .table-striped-fixed tbody tr td .delete-icon-color {
    color: #ff3823; }
  #page-wrapper .table-striped-fixed tbody tr td .user-profile-icon-color {
    color: #606060; }
  #page-wrapper .table-striped-fixed tbody tr td .md-progress-custom {
    position: absolute;
    width: 100%;
    top: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .messages-center-report-icon-color, #page-wrapper .table-striped-fixed tbody tr td .check-circle-icon-color {
    color: #72bb53; }
  #page-wrapper .table-striped-fixed tbody tr td .notifications-plus-color {
    background-color: #94a6ff !important; }
    #page-wrapper .table-striped-fixed tbody tr td .notifications-plus-color:hover {
      background-color: #94a6ff !important; }
  #page-wrapper .table-striped-fixed tbody tr td .message-plus-color {
    background-color: #37a68e !important; }
    #page-wrapper .table-striped-fixed tbody tr td .message-plus-color:hover {
      background-color: #37a68e !important; }
  #page-wrapper .table-striped-fixed tbody tr td .regular-client-plus-color {
    background-color: #37a629 !important; }
    #page-wrapper .table-striped-fixed tbody tr td .regular-client-plus-color:hover {
      background-color: #37a629 !important; }
  #page-wrapper .table-striped-fixed tbody tr td .future-register-plus-color {
    background-color: #ff6624 !important; }
    #page-wrapper .table-striped-fixed tbody tr td .future-register-plus-color:hover {
      background-color: #ff6624 !important; }
  #page-wrapper .table-striped-fixed tbody tr td .edit-icon-color {
    color: #ffa834 !important; }
  #page-wrapper .table-striped-fixed tbody tr td .facebook-login {
    height: 35px;
    max-width: 225px;
    background-color: #4267B2;
    padding: 0 15px;
    cursor: pointer;
    float: left;
    border-radius: 4px;
    color: #f0f2f4 !important;
    margin: 5px 5px;
    min-height: unset;
    line-height: 26px; }
    #page-wrapper .table-striped-fixed tbody tr td .facebook-login .icon {
      background: url(../img/flogo-HexRBG-Wht-100.svg) no-repeat;
      float: left;
      width: 20px;
      height: 20px;
      margin-top: 2px; }
      #page-wrapper .table-striped-fixed tbody tr td .facebook-login .icon text {
        margin-left: 10px; }
    #page-wrapper .table-striped-fixed tbody tr td .facebook-login span {
      margin-left: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .unsubscribe {
    background-color: #b2484c !important; }
  #page-wrapper .table-striped-fixed tbody tr td .display-none-important {
    display: none !important; }
  #page-wrapper .table-striped-fixed tbody tr td .pause-circle-icon-color {
    color: #929292; }
  #page-wrapper .table-striped-fixed tbody tr td .chips-icon-color {
    color: #291803; }
  #page-wrapper .table-striped-fixed tbody tr td .recuuring-payment-icon-color {
    color: #37a627; }
  #page-wrapper .table-striped-fixed tbody tr td .fa-calendar-icon-custom {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #629c44; }
  #page-wrapper .table-striped-fixed tbody tr td .close-icon-ios-style {
    border: none;
    background: unset; }
  #page-wrapper .table-striped-fixed tbody tr td .colon-after:after {
    content: ":"; }
  #page-wrapper .table-striped-fixed tbody tr td .md-input-to-radio-row md-input-container {
    margin: 0 5px 5px; }
  #page-wrapper .table-striped-fixed tbody tr td .md-radio-button-height {
    height: 40px; }
  #page-wrapper .table-striped-fixed tbody tr td #markToLost {
    background: #a3a3c2; }
  #page-wrapper .table-striped-fixed tbody tr td .text-ellipsis-container > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #page-wrapper .table-striped-fixed tbody tr td .text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #page-wrapper .table-striped-fixed tbody tr td .cursor-pointer {
    cursor: pointer; }
  #page-wrapper .table-striped-fixed tbody tr td .usd-color {
    color: #92d36e; }
  #page-wrapper .table-striped-fixed tbody tr td .error-color {
    color: #ff3823; }
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper h1,
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper h2,
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper h3,
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper p {
    padding: 0;
    margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper md-tab-content {
    display: initial; }
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container {
    height: auto;
    margin-bottom: 40px; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card:first-child, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container:first-child {
      margin-top: 25px; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card h2, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container h2 {
      font-size: 16px;
      color: #37a6f5;
      font-weight: bold;
      padding-bottom: 10px; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card table, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container table {
      width: 100%; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row {
      width: 100%;
      padding: 0 15px;
      height: 45px;
      background: white; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row td, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row td, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row td, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row td {
        font-weight: normal; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row:nth-child(odd), #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row:nth-child(odd), #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row:nth-child(odd), #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row:nth-child(odd) {
        background: rgba(145, 228, 251, 0.3); }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row span, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row span, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row span, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row span {
        font-size: 14px; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .settings-icons, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .settings-icons, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .settings-icons, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .settings-icons {
        color: #37a6f5; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .glyphicon-pencil, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .glyphicon-pencil, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .glyphicon-pencil, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .glyphicon-pencil {
        font-size: 18px;
        top: 5px; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .settings-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .table-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .settings-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .table-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .settings-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .table-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .settings-actions button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .table-actions button {
        max-width: 45px;
        padding: 0;
        height: 45px;
        margin: 0; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .settings-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row .table-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .settings-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .table-row .table-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .settings-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row .table-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .settings-actions.sm-button button, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .table-row .table-actions.sm-button button {
        max-width: 30px; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row-title, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row-title {
      width: 100%;
      height: 45px;
      background: white; }
      #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .settings-card-row-title th, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .settings-card-row-title th {
        font-weight: bold;
        padding: 0 15px !important; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .settings-card .icon-inline, #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .table-custom-container .icon-inline {
      display: inline;
      vertical-align: middle;
      font-size: 30px; }
  #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .header {
    margin-bottom: 25px;
    border-bottom: 1px solid lightgray; }
    #page-wrapper .table-striped-fixed tbody tr td .general-wrapper .header .title {
      font-size: 30px;
      font-weight: bold;
      color: #37a6f5;
      padding: 10px 0; }
  #page-wrapper .table-striped-fixed tbody tr td .table-custom-container .table tbody tr td {
    border-top: none;
    padding: 0 5px;
    vertical-align: middle; }
  #page-wrapper .table-striped-fixed tbody tr td .table-custom-container .table .table-row:nth-child(odd) {
    background: #c9f1fd; }
  #page-wrapper .table-striped-fixed tbody tr td .table-custom-container .checkbox-table-width {
    min-height: unset;
    height: 45px; }
    #page-wrapper .table-striped-fixed tbody tr td .table-custom-container .checkbox-table-width input {
      margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap h1,
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap h2,
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap h3,
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap p {
    padding: 0;
    margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-header-row {
    width: 100%;
    height: 45px;
    background: white;
    padding: 0 15px; }
    #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-header-row span {
      font-size: 14px;
      font-weight: bold; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-row {
    position: relative;
    width: 100%;
    height: 45px;
    background: white;
    padding: 0 15px; }
    #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-row:nth-child(even) {
      background: rgba(145, 228, 251, 0.3); }
    #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-row .icons-actions button {
      min-width: unset;
      padding: 0;
      height: 45px;
      margin: 0; }
    #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-row .buttons-actions button.md-button {
      min-height: unset;
      min-width: unset;
      line-height: unset;
      padding: 2px 10px; }
    #page-wrapper .table-striped-fixed tbody tr td .flex-table-wrap .flex-table-row .buttons-actions span {
      font-size: 12px;
      font-weight: bold; }
  #page-wrapper .table-striped-fixed tbody tr td md-datepicker.datepicker-no-button .md-datepicker-button {
    display: none; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-between-flex {
    width: 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .margin-between-flex-large {
    width: 15px; }
  #page-wrapper .table-striped-fixed tbody tr td md-input-container.input-number-max-width .md-input {
    max-width: 65px; }
  #page-wrapper .table-striped-fixed tbody tr td .no-delay-transaction.ng-hide-remove {
    transition-delay: 0s !important; }
  #page-wrapper .table-striped-fixed tbody tr td .no-delay-transaction.ng-hide {
    transition: none;
    -webkit-transition: none;
    transition-delay: 0s !important; }
  #page-wrapper .table-striped-fixed tbody tr td .firstSampleAnimation.ng-hide-add,
  #page-wrapper .table-striped-fixed tbody tr td .firstSampleAnimation.ng-hide-remove {
    -webkit-transition: .5s ease-in-out opacity;
    -moz-transition: .5s ease-in-out opacity;
    -ms-transition: .5s ease-in-out opacity;
    -o-transition: .5s ease-in-out opacity;
    transition: .5s ease-in-out opacity;
    opacity: 1; }
  #page-wrapper .table-striped-fixed tbody tr td .firstSampleAnimation.ng-hide {
    opacity: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .table-scroll {
    overflow-y: auto;
    overflow-x: auto;
    /* decorations */ }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table {
      display: flex;
      flex-flow: column;
      height: 100%;
      width: 100%; }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table thead {
      /* head takes the height it requires,
        and it's not scaled when table is resized */
      flex: 0 0 auto;
      width: calc(100% - 1px); }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table tbody {
      /* body takes all the remaining available space */
      flex: 1 1 auto;
      display: block; }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table tbody tr {
      width: 100%; }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table thead,
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll table tbody tr {
      display: table;
      table-layout: fixed; }
    #page-wrapper .table-striped-fixed tbody tr td .table-scroll .table-container {
      padding: 0.3em; }
  #page-wrapper .table-striped-fixed tbody tr td #page-wrapper .table-wrap.with-first-column-padding table thead tr th:first-child {
    padding: 0 10px; }
  #page-wrapper .table-striped-fixed tbody tr td #page-wrapper .table-wrap.with-first-column-padding table tbody td:first-child {
    padding: 0 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .actions-buttons-container button {
    max-width: 45px;
    padding: 0;
    height: 45px;
    margin: 0; }
  #page-wrapper .table-striped-fixed tbody tr td .no-animate {
    -webkit-transition: none !important;
    transition: none !important; }
  #page-wrapper .table-striped-fixed tbody tr td .vertical-spacer {
    width: 2px;
    height: 75%;
    margin: 0 20px;
    background: rgba(8, 166, 255, 0.4); }
  #page-wrapper .table-striped-fixed tbody tr td .animate-rotate-180-z {
    -webkit-transform: rotateZ(180deg);
    /* Safari */
    transform: rotateZ(180deg); }
  #page-wrapper .table-striped-fixed tbody tr td .custom-fa-styling {
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center;
    font-size: 24px;
    color: #37a6f5; }
    #page-wrapper .table-striped-fixed tbody tr td .custom-fa-styling.smaller {
      font-size: 18px; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-center-center {
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }
  #page-wrapper .table-striped-fixed tbody tr td .arrow-button {
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }
    #page-wrapper .table-striped-fixed tbody tr td .arrow-button:after {
      border-top: 7px solid #37a6f5;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      content: ""; }
  #page-wrapper .table-striped-fixed tbody tr td .up-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 5px);
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 10px solid #c8c7cc;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  #page-wrapper .table-striped-fixed tbody tr td .no-transition {
    transition-delay: 0s; }
  #page-wrapper .table-striped-fixed tbody tr td .no-animate {
    -webkit-transition: none !important;
    transition: none !important; }
  #page-wrapper .table-striped-fixed tbody tr td .md-progress-circular-custom {
    margin: 0 8px; }
  #page-wrapper .table-striped-fixed tbody tr td md-progress-circular.md-default-theme path, #page-wrapper .table-striped-fixed tbody tr td md-progress-circular path {
    stroke: #37a6f5; }
  #page-wrapper .table-striped-fixed tbody tr td md-radio-button.md-default-theme .md-on, #page-wrapper .table-striped-fixed tbody tr td md-radio-button .md-on {
    background-color: #37a6f5; }
  #page-wrapper .table-striped-fixed tbody tr td md-radio-button.md-default-theme.md-checked .md-off, #page-wrapper .table-striped-fixed tbody tr td md-radio-button.md-checked .md-off {
    border-color: #37a6f5; }
  #page-wrapper .table-striped-fixed tbody tr td .plus-actions-button md-fab-trigger .md-button:hover, #page-wrapper .table-striped-fixed tbody tr td .plus-actions-button md-fab-trigger .md-primary:hover, #page-wrapper .table-striped-fixed tbody tr td .plus-actions-button md-fab-trigger .md-fab:hover {
    background-color: transparent !important; }
  #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group .md-container {
    color: #37a6f5; }
    #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group .md-container .md-off {
      border-color: #37a6f5; }
    #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group .md-container .md-on {
      background-color: #37a6f5; }
  #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group .md-label span {
    display: inline-block; }
  #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group md-radio-button md-input-container {
    pointer-events: auto; }
  #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group.create-user-radio md-radio-button {
    margin: 0; }
    #page-wrapper .table-striped-fixed tbody tr td .md-arbox-radio-group.create-user-radio md-radio-button:last-child {
      margin: 0 5px; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-blue {
    color: #37a6f5; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-red {
    color: #ff3823; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-gray {
    color: #aaaaaa; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-green {
    color: #72bb53; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-green-rgba {
    background-color: rgba(146, 211, 111, 0.8); }
    #page-wrapper .table-striped-fixed tbody tr td .arbox-green-rgba:hover {
      background-color: rgba(146, 211, 111, 0.9) !important; }
  #page-wrapper .table-striped-fixed tbody tr td .big-icon {
    font-size: 24px; }
  #page-wrapper .table-striped-fixed tbody tr td .fixed-row-height {
    height: 45px; }
  #page-wrapper .table-striped-fixed tbody tr td .white {
    color: white; }
  #page-wrapper .table-striped-fixed tbody tr td .arbox-uib-accordion .panel-default {
    border: none; }
    #page-wrapper .table-striped-fixed tbody tr td .arbox-uib-accordion .panel-default .panel-heading {
      background-color: #cbe8ba;
      color: white; }
      #page-wrapper .table-striped-fixed tbody tr td .arbox-uib-accordion .panel-default .panel-heading a {
        text-decoration: none;
        font-weight: bold; }
        #page-wrapper .table-striped-fixed tbody tr td .arbox-uib-accordion .panel-default .panel-heading a .glyphicon {
          font-size: 18px; }
  #page-wrapper .table-striped-fixed tbody tr td .arrows-container i {
    font-size: 37px;
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }
  #page-wrapper .table-striped-fixed tbody tr td table .small-table-column-20 {
    width: 20%; }
  #page-wrapper .table-striped-fixed tbody tr td table .small-table-column-15 {
    width: 15%; }
  #page-wrapper .table-striped-fixed tbody tr td table .small-table-column-10 {
    width: 10%; }
  #page-wrapper .table-striped-fixed tbody tr td table .small-table-column-8 {
    width: 8%; }
  #page-wrapper .table-striped-fixed tbody tr td table .small-table-column-5 {
    width: 5%; }
  #page-wrapper .table-striped-fixed tbody tr td table .fixed-width-20 {
    width: 20px; }
  #page-wrapper .table-striped-fixed tbody tr td table.fixed-table-layout {
    table-layout: fixed; }
  #page-wrapper .table-striped-fixed tbody tr td .remove-md-error-spacer md-input-container .md-errors-spacer {
    display: none; }
  #page-wrapper .table-striped-fixed tbody tr td .font-size-20 {
    font-size: 20px; }
  #page-wrapper .table-striped-fixed tbody tr td .font-size-35 {
    font-size: 35px; }
  #page-wrapper .table-striped-fixed tbody tr td .font-size-15 {
    font-size: 15px; }
  #page-wrapper .table-striped-fixed tbody tr td .height-unset {
    height: unset;
    min-height: unset; }
  #page-wrapper .table-striped-fixed tbody tr td #page-wrapper .table-striped-fixed tbody tr td {
    padding: 0;
    vertical-align: middle;
    line-height: normal;
    height: 42px; }
  #page-wrapper .table-striped-fixed tbody tr td .overflow-x-auto {
    overflow-x: auto; }
  #page-wrapper .table-striped-fixed tbody tr td .row-reverse {
    display: flex;
    flex-direction: row-reverse; }
  #page-wrapper .table-striped-fixed tbody tr td .column-reverse {
    display: flex;
    flex-direction: column-reverse; }
  #page-wrapper .table-striped-fixed tbody tr td .md-radio-button-with-md-input-container md-input-container {
    position: relative;
    top: -10px;
    margin: 0 10px; }
  #page-wrapper .table-striped-fixed tbody tr td .loader-circle-min-height {
    min-height: 50vh; }
  #page-wrapper .table-striped-fixed tbody tr td .direction-ltr {
    direction: ltr;
    unicode-bidi: bidi-override; }
  #page-wrapper .table-striped-fixed tbody tr td .table-span-break-word {
    display: block;
    width: 50px; }
  #page-wrapper .table-striped-fixed tbody tr td .word-break {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
  #page-wrapper .table-striped-fixed tbody tr td .custom-row-height-40 {
    height: 40px; }
  #page-wrapper .table-striped-fixed tbody tr td .loader-min-height {
    min-height: 200px; }
  #page-wrapper .table-striped-fixed tbody tr td .loader-min-height-100 {
    min-height: 100px; }
  #page-wrapper .table-striped-fixed tbody tr td .hide-validation-error .md-errors-spacer {
    display: none; }
  #page-wrapper .table-striped-fixed tbody tr td .flex-align-self-center {
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center;
    justify-content: center; }
  #page-wrapper .table-striped-fixed tbody tr td .iframe-payment iframe {
    min-height: 300px; }
  #page-wrapper .table-striped-fixed tbody tr td .animated-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
    background: #37a6f5;
    animation: wave 1.3s linear infinite; }
    #page-wrapper .table-striped-fixed tbody tr td .animated-dot:nth-child(2) {
      animation-delay: -1.1s; }
    #page-wrapper .table-striped-fixed tbody tr td .animated-dot:nth-child(3) {
      animation-delay: -0.9s; }
  #page-wrapper .table-striped-fixed tbody tr td .boxes-container-wrapper .boxes-container {
    margin-bottom: 20px;
    height: 120px;
    color: white;
    font-weight: bold; }
  #page-wrapper .table-striped-fixed tbody tr td .boxes-container-wrapper .yellow-box {
    background: #ffcc61; }
  #page-wrapper .table-striped-fixed tbody tr td .boxes-container-wrapper .blue-box {
    background: #37a7f5; }
  #page-wrapper .table-striped-fixed tbody tr td .boxes-container-wrapper .purple-box {
    background: #ada6ff; }
  #page-wrapper .table-striped-fixed tbody tr td .boxes-container-wrapper .red-box {
    background: #ff5d55; }
  #page-wrapper .table-striped-fixed tbody tr td .gray-tabs md-tabs-wrapper {
    background: rgba(247, 246, 246, 0.5); }
  #page-wrapper .table-striped-fixed tbody tr td .brackets:before {
    content: '('; }
  #page-wrapper .table-striped-fixed tbody tr td .brackets:after {
    content: ')'; }

.overflow-x-auto {
  overflow-x: auto; }

/* show reverse by horizontal row */
.row-reverse {
  display: flex;
  flex-direction: row-reverse; }

/* show reverse by vertical column */
.column-reverse {
  display: flex;
  flex-direction: column-reverse; }

.md-radio-button-with-md-input-container md-input-container {
  position: relative;
  top: -10px;
  margin: 0 10px; }

.loader-circle-min-height {
  min-height: 50vh; }

.direction-ltr {
  direction: ltr;
  unicode-bidi: bidi-override; }

.table-span-break-word {
  display: block;
  width: 50px; }

.word-break {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.custom-row-height-40 {
  height: 40px; }

.loader-min-height {
  min-height: 200px; }

.loader-min-height-100 {
  min-height: 100px; }

.hide-validation-error .md-errors-spacer {
  display: none; }

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

.iframe-payment iframe {
  min-height: 300px; }

.animated-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 3px;
  background: #37a6f5;
  animation: wave 1.3s linear infinite; }
  .animated-dot:nth-child(2) {
    animation-delay: -1.1s; }
  .animated-dot:nth-child(3) {
    animation-delay: -0.9s; }

.boxes-container-wrapper .boxes-container {
  margin-bottom: 20px;
  height: 120px;
  color: white;
  font-weight: bold; }

.boxes-container-wrapper .yellow-box {
  background: #ffcc61; }

.boxes-container-wrapper .blue-box {
  background: #37a7f5; }

.boxes-container-wrapper .purple-box {
  background: #ada6ff; }

.boxes-container-wrapper .red-box {
  background: #ff5d55; }

.boxes-container-wrapper .green-box {
  background: #93D26E; }

.gray-tabs md-tabs-wrapper {
  background: rgba(247, 246, 246, 0.5); }

.brackets:before {
  content: '('; }

.brackets:after {
  content: ')'; }

.bold-on-hover:hover {
  font-weight: bold;
  transition: all .5ms; }

.checkbox-switch-md-input-container-align md-input-container {
  margin: 0 8px;
  width: 110px; }

.md-radio-interactive md-input-container input {
  pointer-events: all; }

.extra-row-padding {
  padding: 8px 16px; }

.custom-chips .md-chip-input-container {
  display: none; }

.custom-chips .md-chips {
  box-shadow: none; }

.custom-chips md-chip-wrap {
  box-shadow: none; }

.custom-chips md-chip {
  background: rgba(33, 150, 243, 0.71);
  color: white; }
  .custom-chips md-chip .md-chip-content {
    padding-right: 10px; }
  .custom-chips md-chip .md-chip-remove md-icon {
    color: white; }

.md-button.unset-min-width {
  min-width: unset; }

.md-button.reset-min-width {
  min-width: 45px; }

.custom-disabled-select md-select[disabled] .md-select-icon {
  display: none; }

.custom-disabled-select md-select[disabled] span {
  color: black; }

.custom-disabled-select md-select[disabled] .md-select-value {
  background-image: none; }

@media screen and (max-width: 600px) {
  .boxes-container-wrapper {
    width: 90%;
    margin: 0 auto; }
    .boxes-container-wrapper .boxes-container {
      height: unset; } }

.float-left {
  float: left; }

.float-right {
  float: right; }

.box {
  margin: 20px auto;
  background: #5FCF80;
  width: 150px;
  height: 150px; }

.circle {
  border-radius: 50%;
  margin: 20px auto;
  width: 150px;
  height: 150px; }

.rotate {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.clock-inputs-position {
  position: relative;
  width: 100%;
  height: auto; }

.clockInputs input {
  width: 25px;
  border: none;
  border-bottom: 1px solid #000;
  text-align: center; }

.clockInputs ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 10px;
  font-family: 'heebo';
  font-weight: 700;
  color: #999999; }

.clockInputs label {
  position: absolute;
  top: -18px;
  right: 10px;
  font-size: 11px;
  color: #999999; }

.clockInputs .color-bottom {
  border-bottom: 1px solid #E4E4E4; }

.clockInputs .err {
  border-bottom: 1px solid #DD2B01; }

.clockInputs .date {
  width: 45px; }

.clockInputs .date-mobile {
  width: 55px; }

.clockInputs .year {
  width: 60px; }

.clockInputs .year-mobile {
  width: 70px; }

.clockInputs_error input {
  width: 25px;
  border: none;
  border-bottom: 3px solid #ff5d55;
  background-color: #ffe6e9;
  text-align: center; }

.registered-member-row {
  height: 80px; }
  .registered-member-row td {
    cursor: pointer; }
    .registered-member-row td:first-child {
      width: 65px;
      max-width: 65px; }
  .registered-member-row .openInAnotherTabOp {
    display: unset; }
  .registered-member-row .wrap-regular-icon {
    position: relative;
    padding: 0; }
    .registered-member-row .wrap-regular-icon .regular_client_on_img {
      position: absolute;
      width: 25px;
      height: 25px;
      bottom: 25px;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border: 1px solid #37a610;
      background: white;
      padding: 0; }
      .registered-member-row .wrap-regular-icon .regular_client_on_img i {
        color: #37a610;
        font-weight: bold;
        padding: 0; }
  .registered-member-row .registered-member-icon {
    max-width: 40px;
    border-radius: 100%; }
  .registered-member-row.draggable-row {
    cursor: move; }
  .registered-member-row .debt-box {
    min-width: 56px;
    background: #f7f6f6;
    border: 1px solid #ff3823;
    text-align: center; }
    .registered-member-row .debt-box span {
      font-size: 10px;
      color: #ff3823;
      font-weight: bold; }

.layout {
  height: inherit;
  min-height: unset; }

.membershipHeadline {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  margin: 15px 0;
  color: #37a6f5; }

.margin-between-tables {
  margin: 5px; }

.icon-position {
  position: relative;
  top: 7px; }

.inputError {
  border-bottom: 2px solid #ff3823 !important; }

.bottom {
  position: relative;
  top: 0;
  right: 0; }

.inputDropZone {
  width: 100%;
  height: 100%;
  background: silver;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }

.fileZoneContainer {
  width: 100%;
  height: 120px;
  margin: auto;
  background-color: #F7F5F6;
  position: relative;
  border: 3px dashed #D6D6D6;
  margin-bottom: 20px; }

.processContainer {
  height: 15px;
  border: 1px solid silver;
  background-color: #fff;
  position: relative; }

.processFilling {
  height: 13px;
  width: 1%;
  background-color: #37a6f5;
  position: absolute;
  top: 0; }

.documents-and-files-container .md-datepicker-label {
  position: absolute;
  top: -15px;
  right: 20px;
  font-size: 10px; }

.status-user {
  display: inline-block;
  margin: 0 4px;
  width: 10px;
  height: 10px;
  border-radius: 10px; }
  .status-user.active {
    background: #92d36e; }
  .status-user.nonactive {
    background: #ff3823; }

.position-relative {
  position: relative; }

.price-input {
  text-align: center;
  position: relative;
  top: 10px; }

.number-inputs input[type=number]::-webkit-inner-spin-button,
.number-inputs input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.fill-row-width {
  width: 100%; }

.query-loader {
  height: calc(100vh - (45px + 200px + 120px)); }

.table-loader {
  height: 120px; }

.custom-validation-errors .single-error-container span {
  color: #ff3823;
  font-weight: bold; }

.info-box-template {
  min-height: 50px;
  padding: 5px 10px;
  background: rgba(243, 243, 243, 0.4); }
  .info-box-template h1 {
    font-size: 14px;
    font-weight: bold; }
  .info-box-template p {
    font-size: 12px;
    font-weight: bold; }

.error-wrap span {
  font-size: 14px;
  font-weight: bold;
  color: #ff3823; }

.display-unset {
  display: unset; }

.side-bar-icons {
  position: relative;
  top: 5px; }

.width-unset {
  width: unset; }

.md-option-filled-md-text .md-text {
  width: 100%; }

.popup-inside-swal i {
  font-size: 40px; }

.popup-inside-swal .custom-swal-title {
  font-size: 25px;
  margin: 15px 0;
  font-weight: bold; }

.popup-inside-swal .custom-swal-sub-title {
  font-size: 18px; }

.popup-inside-swal .custom-swal-content {
  color: #aaaaaa;
  font-size: 18px; }

.align-self-center {
  align-self: center; }

.icon-over-input {
  position: absolute;
  cursor: pointer;
  right: 0;
  left: unset; }

.heb .icon-over-input {
  right: unset;
  left: 0; }


.tableHeader input[type=search] {
  width: 90%; }

.tableHeader .lastField {
  width: 96% !important; }

.tableHeader select.form-control {
  min-width: 159px;
  height: 42px;
  width: 80%; }
  @media screen and (max-width: 1920px) {
    .tableHeader select.form-control {
      min-width: auto; } }

.excel-export {
  position: absolute;
  top: 2px;
  width: 32px;
  right: 15px;
  z-index: 10;
  cursor: pointer; }

.excel-export-memberShipExpiring {
  top: 0; }


.digital-form-container .digital-form .section-wrap .array-selector-wrap h1 {
  color: rgba(33, 33, 33, 0.38);
  font-size: 16px;
  margin-bottom: 15px; }

.digital-form-container .digital-form .section-wrap .array-selector-wrap .selection-wrap {
  height: 135px;
  max-width: 350px;
  background-color: #f7f9f9;
  overflow: auto; }
  .digital-form-container .digital-form .section-wrap .array-selector-wrap .selection-wrap .layout-row {
    min-height: 35px; }
  .digital-form-container .digital-form .section-wrap .array-selector-wrap .selection-wrap md-checkbox {
    margin: 4px 8px; }
  .digital-form-container .digital-form .section-wrap .array-selector-wrap .selection-wrap md-switch {
    margin: 0 4px; }
    .digital-form-container .digital-form .section-wrap .array-selector-wrap .selection-wrap md-switch .md-label {
      margin: 0 6px; }


.md-dialog-custom-styling-image {
  max-height: 900px;
  max-width: 900px;
  padding: 50px; }

.digital-form-container {
  min-height: 50vh;
  margin-bottom: 50px; }
  .digital-form-container .fixed-header {
    position: relative;
    height: 55px;
    transition: all ease .5s; }
    .digital-form-container .fixed-header.fixed {
      position: fixed;
      z-index: 1000;
      top: 45px;
      background: #f8f8f8;
      min-height: unset;
      transition: all ease .5s; }
    .digital-form-container .fixed-header md-progress-linear.md-progress-custom {
      position: absolute;
      width: 100%;
      bottom: 0;
      top: unset;
      right: 0 !important;
      left: 0; }
  .digital-form-container .text-wrap {
    cursor: pointer; }
    .digital-form-container .text-wrap span {
      font-size: 16px;
      color: #37a6f5; }
    .digital-form-container .text-wrap i {
      color: #37a6f5; }
  .digital-form-container .custom-button {
    border: 1px solid #37a6f0;
    cursor: pointer;
    padding: 0 10px; }
    .digital-form-container .custom-button span {
      font-size: 14px;
      color: #37a6f0; }
    .digital-form-container .custom-button.remove {
      border: 1px solid #ff3823; }
      .digital-form-container .custom-button.remove span {
        color: #ff3823; }
  .digital-form-container .digital-form {
    background: #f7f9f9;
    padding: 0 20px 20px;
    margin-top: 20px; }
    .digital-form-container .digital-form h2 {
      color: #37a6f5;
      font-size: 18px;
      font-weight: bold; }
      .digital-form-container .digital-form h2.orange-text {
        color: #ffa834; }
    .digital-form-container .digital-form .title {
      height: 60px; }
    .digital-form-container .digital-form .section-wrap {
      height: auto;
      min-height: 200px;
      background: white;
      width: 100%;
      padding: 20px 30px; }
      .digital-form-container .digital-form .section-wrap article:not(:first-child) {
        margin-top: 50px; }
      .digital-form-container .digital-form .section-wrap h1 {
        font-size: 14px;
        color: #37a6f5; }
      .digital-form-container .digital-form .section-wrap p.header-custom {
        font-size: 16px;
        color: #243e16; }
      .digital-form-container .digital-form .section-wrap .separator {
        font-size: 15px;
        font-weight: 600;
        margin-top: 10px;
        position: relative;
        overflow: hidden;
        width: 100%;
        color: rgba(0, 0, 0, 0.54); }
      .digital-form-container .digital-form .section-wrap .line {
        width: 100%;
        margin-top: 5px;
        height: 1px;
        background: #d3d3d3; }
      .digital-form-container .digital-form .section-wrap .action-buttons .md-button {
        line-height: unset;
        margin: 0;
        min-width: 0; }
        .digital-form-container .digital-form .section-wrap .action-buttons .md-button i {
          font-size: 25px; }
      .digital-form-container .digital-form .section-wrap .action-buttons .md-button:not(:disabled) i {
        color: #37a6f5; }
        .digital-form-container .digital-form .section-wrap .action-buttons .md-button:not(:disabled) i.delete-icon-color {
          color: #ff3823;
          margin-bottom: 2px; }
  .digital-form-container .text-angular-container button[name='insertVideo'],
  .digital-form-container .text-angular-container button[name='insertImage'],
  .digital-form-container .text-angular-container button[name='pre'],
  .digital-form-container .text-angular-container button[name='quote'],
  .digital-form-container .text-angular-container button[name='h4'],
  .digital-form-container .text-angular-container button[name='h5'],
  .digital-form-container .text-angular-container button[name='h6'] {
    display: none; }

.filter-row-component {
  height: 70px;
  margin: 20px 0; }
  .filter-row-component md-input-container .md-errors-spacer {
    display: none; }
  .filter-row-component .custom-md-input-container {
    max-width: 180px; }
  .filter-row-component .custom-select-style-colors {
    height: 30px; }
  .filter-row-component md-radio-group md-radio-button {
    margin: 0; }
    .filter-row-component md-radio-group md-radio-button span {
      color: black;
      font-size: 14px;
      font-weight: bold; }
  .filter-row-component .custom-datepicker-container {
    position: relative;
    top: 3px; }
    .filter-row-component .custom-datepicker-container .md-datepicker-label {
      bottom: 40px; }
  .filter-row-component .md-datepicker-button {
    float: none !important;
    margin-top: -7.5px !important; }
  .filter-row-component .md-datepicker-label {
    position: absolute;
    left: auto;
    margin-bottom: 5px;
    bottom: 60px; }
  .filter-row-component .custom-submit {
    color: white;
    font-weight: bold; }

.heb .filter-row-component .md-datepicker-triangle-button {
  left: -30px !important;
  right: unset !important; }

.heb .filter-row-component .md-datepicker-label {
  position: absolute;
  right: 50px !important; }

@media screen and (max-width: 600px) {
  .filter-row-component {
    height: unset; } }

.finance-results-component .panel {
  border-radius: 0;
  border: unset; }

.finance-results-component .panel-group .panel {
  border-radius: 0; }

.finance-results-component .accordion-toggle {
  text-decoration: none; }

.finance-results-component .panel-heading {
  background: #cbe8ba; }

.finance-results-component .finance-results-header {
  color: white; }
  .finance-results-component .finance-results-header span {
    font-weight: bold;
    font-size: 14px;
    color: black; }
    .finance-results-component .finance-results-header span:first-child:after {
      content: " - ";
      margin: 0 2px; }
  .finance-results-component .finance-results-header .arrows-container i {
    font-size: 37px;
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }

.finance-results-component table {
  width: 100%; }
  .finance-results-component table tr {
    height: 40px; }
    .finance-results-component table trth {
      font-weight: bold; }
    .finance-results-component table tr.odd-even-rows:nth-child(odd) {
      background: rgba(201, 241, 253, 0.3); }

.finance-results-component .summary {
  height: 35px;
  border-top: 1px solid #d3d3d3; }
  .finance-results-component .summary p {
    font-size: 16px;
    font-weight: bold; }

.finance-results-component .summary-no-line {
  height: 35px; }
  .finance-results-component .summary-no-line p {
    font-size: 16px;
    font-weight: bold; }

frequency-restrict h1,
frequency-restrict h2,
frequency-restrict h3,
frequency-restrict p,
frequency-restrict md-input-container {
  padding: 0;
  margin: 0; }

frequency-restrict .md-errors-spacer {
  display: none; }

.group-selection-wrap i {
  width: 45px; }

.group-selection-wrap .group-title {
  width: 135px; }

.group-selection-wrap md-checkbox.custom-style {
  margin: 0; }

.group-selection-wrap .query-loader {
  min-height: 100px; }

.group-selection-wrap .group-selection-item .person-add {
  font-size: 18px;
  width: unset; }

.group-selector-wrap i {
  width: 45px; }

.group-selector-wrap .group-title {
  width: 135px; }

.group-selector-wrap md-checkbox.custom-style {
  margin: 0; }

.insight-box-container {
  margin-top: 25px;
  background: rgba(146, 146, 146, 0.13); }
  .insight-box-container .box-header {
    height: 45px;
    background: #37a6f5; }
    .insight-box-container .box-header h1 {
      padding: 0 15px;
      font-weight: bold;
      font-size: 16px;
      color: white; }
  .insight-box-container .insight-box-data-container {
    padding: 20px 10px;
    min-height: 130px;
    -moz-box-shadow: 0 4px 0 rgba(146, 146, 146, 0.1);
    -webkit-box-shadow: 0 4px 0 rgba(146, 146, 146, 0.1);
    box-shadow: 0 4px 0 rgba(146, 146, 146, 0.1); }
    .insight-box-container .insight-box-data-container .data-holder p.box-sub-header {
      font-size: 14px;
      text-decoration: underline;
      color: black;
      font-weight: bold; }
    .insight-box-container .insight-box-data-container .number-wrap {
      direction: ltr; }
    .insight-box-container .insight-box-data-container .text-wrap span {
      font-size: 24px;
      font-weight: bold; }
    .insight-box-container .insight-box-data-container .text-wrap.active-members-custom {
      padding-top: 9px; }
      .insight-box-container .insight-box-data-container .text-wrap.active-members-custom span {
        font-size: 20px;
        padding: 0 10px; }
    .insight-box-container .insight-box-data-container .text-wrap.attendance-custom {
      flex-direction: row-reverse;
      padding-top: 10px; }
      .insight-box-container .insight-box-data-container .text-wrap.attendance-custom span {
        font-size: 18px;
        padding: 0 20px; }
      .insight-box-container .insight-box-data-container .text-wrap.attendance-custom .number-wrap span {
        display: flex;
        align-self: end;
        align-content: end;
        align-items: end; }
    .insight-box-container .insight-box-data-container .text-wrap.sm-numbers .number-wrap span {
      font-size: 18px; }
    .insight-box-container .insight-box-data-container .text-wrap .text-wrap-inner p {
      font-size: 14px;
      color: #444444; }
    .insight-box-container .insight-box-data-container .text-wrap.sales-custom {
      flex-direction: column-reverse; }
    .insight-box-container .insight-box-data-container .text-wrap .has-padding-top {
      padding-top: 20px; }
    .insight-box-container .insight-box-data-container .text-wrap.arbox-blue * {
      color: #37a6f5 !important;
      font-weight: bold; }
    .insight-box-container .insight-box-data-container .text-wrap .arbox-blue {
      color: #37a6f5; }
      .insight-box-container .insight-box-data-container .text-wrap .arbox-blue span, .insight-box-container .insight-box-data-container .text-wrap .arbox-blue p {
        color: #37a6f5; }
    .insight-box-container .insight-box-data-container .text-wrap .arbox-green * {
      color: #72bb53 !important; }
      .insight-box-container .insight-box-data-container .text-wrap .arbox-green * span, .insight-box-container .insight-box-data-container .text-wrap .arbox-green * p {
        color: #72bb53; }
    .insight-box-container .insight-box-data-container .text-wrap .arbox-red * {
      color: #ff3823 !important; }
      .insight-box-container .insight-box-data-container .text-wrap .arbox-red * span, .insight-box-container .insight-box-data-container .text-wrap .arbox-red * p {
        color: #ff3823; }
    .insight-box-container .insight-box-data-container .attendance-box-data-container .data-holder p.box-sub-header {
      margin: 0 20px; }
    .insight-box-container .insight-box-data-container .attendance-box-data-container .data-holder .data-row {
      padding: 10px 0; }

@media screen and (max-width: 600px) {
  .general-wrapper.insights-container {
    margin: 0; }
    .general-wrapper.insights-container .custom-datepicker-container {
      margin: 5px 0; }
    .general-wrapper.insights-container .filter-row {
      height: unset;
      padding: 0 15px 15px; }
      .general-wrapper.insights-container .filter-row .custom-submit {
        margin: 0 10px;
        max-width: 180px;
        width: 130px;
        text-align: center; }
      .general-wrapper.insights-container .filter-row md-radio-group .custom-margin-radio-button {
        margin-top: 10px; }
    .general-wrapper.insights-container .insight-box-container {
      margin: 0; } }



.arbox__absoluteBlock, .arbox__media-display-container .arbox__media-display-source, .arbox__media-display-container .arbox__media-display-placeholder > i::before, .arbox__media-display-container .arbox__media-display-actions {
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  display: block; }
  .arbox__absoluteBlock.partial, .arbox__media-display-container .partial.arbox__media-display-source, .arbox__media-display-container .arbox__media-display-placeholder > i.partial::before, .arbox__media-display-container .arbox__media-display-placeholder > i.arbox__media-display-actions::before, .arbox__media-display-container .arbox__media-display-actions {
    height: 60%; }
  .arbox__absoluteBlock.margin-auto, .arbox__media-display-container .margin-auto.arbox__media-display-source, .arbox__media-display-container .arbox__media-display-placeholder > i::before, .arbox__media-display-container .margin-auto.arbox__media-display-actions {
    top: 0;
    right: 0;
    margin: auto; }

.arbox__invisibleElem, .arbox__media-display-container .arbox__media-display-actions, .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row {
  opacity: 0;
  transition: all 200ms ease-in; }
  .arbox__invisibleElem.visible, .arbox__media-display-container .visible.arbox__media-display-actions, .arbox__media-display-container .arbox__media-display-actions .visible.arbox__media-display-actions-row, .arbox__media-display-container:hover .arbox__media-display-actions, .arbox__media-display-container.always-visible .arbox__media-display-actions, .arbox__media-display-container:hover .arbox__media-display-actions .arbox__media-display-actions-row, .arbox__media-display-container.always-visible .arbox__media-display-actions .arbox__media-display-actions-row {
    opacity: 1; }

.arbox__spreadBgImage, .arbox__media-display-container .arbox__media-display-source {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.arbox__underElem, .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row {
  margin-bottom: -15%; }
  .arbox__underElem.up, .arbox__media-display-container .arbox__media-display-actions .up.arbox__media-display-actions-row, .arbox__media-display-container:hover .arbox__media-display-actions .arbox__media-display-actions-row, .arbox__media-display-container.always-visible .arbox__media-display-actions .arbox__media-display-actions-row {
    margin-bottom: 0; }

.arbox__media-display-container {
  background-color: #ddd;
  height: 100px;
  position: relative; }
  .arbox__media-display-container .arbox__media-display-source {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center; }
  .arbox__media-display-container .arbox__media-display-placeholder {
    color: #7d7d7d; }
    .arbox__media-display-container .arbox__media-display-placeholder > i::before {
      text-align: center;
      height: 1em;
      width: 1em;
      text-indent: 0em; }
  .arbox__media-display-container .arbox__media-display-actions {
    pointer-events: none;
    background: linear-gradient(transparent 10%, rgba(0, 0, 0, 0.4) 60%);
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row {
      transition: 200ms; }
      .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row .arbox__media-action,
      .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row .arbox__media-action * {
        text-transform: capitalize !important;
        color: #fff; }
      .arbox__media-display-container .arbox__media-display-actions .arbox__media-display-actions-row .arbox__media-action:not(.md-icon-button) {
        font-size: 13px; }
  .arbox__media-display-container:hover .arbox__media-display-actions, .arbox__media-display-container.always-visible .arbox__media-display-actions {
    pointer-events: all; }


.md-dialog-custom-styling.large-custom-popup.membership-holds-popup {
  min-height: 400px; }
  .md-dialog-custom-styling.large-custom-popup.membership-holds-popup .md-content-container-custom-styling {
    margin-top: 0; }
  .md-dialog-custom-styling.large-custom-popup.membership-holds-popup .custom-datepicker-container {
    position: relative;
    top: 7px; }
    .md-dialog-custom-styling.large-custom-popup.membership-holds-popup .custom-datepicker-container .md-datepicker-label {
      bottom: 70px; }
  .md-dialog-custom-styling.large-custom-popup.membership-holds-popup .holds-not-found h1 {
    margin: 0;
    font-size: 18px; }


.md-dialog-custom-styling.sms-message-popup h1,
.md-dialog-custom-styling.sms-message-popup h2,
.md-dialog-custom-styling.sms-message-popup h3,
.md-dialog-custom-styling.sms-message-popup p {
  padding: 0;
  margin: 0; }

.md-dialog-custom-styling.sms-message-popup .selectable-key-container {
  min-width: 110px;
  height: 25px;
  cursor: pointer;
  background: #f0f2f4;
  border: 1px solid #37a6f5;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35); }
  .md-dialog-custom-styling.sms-message-popup .selectable-key-container:active {
    transform: translateY(1px); }
  .md-dialog-custom-styling.sms-message-popup .selectable-key-container p {
    padding: 0 5px;
    color: black;
    font-size: 14px; }

.md-dialog-custom-styling.sms-message-popup form {
  padding: 10px 0; }
  .md-dialog-custom-styling.sms-message-popup form .header-rm-height-margin {
    margin: 0 8px; }

.md-dialog-custom-styling.sms-message-popup md-dialog-actions .sms-bank-balance {
  margin: 0 10px; }

.md-dialog-custom-styling.sms-message-popup .push-char-count p {
  margin: 0 10px; }

.md-dialog-custom-styling.sms-message-popup .push-char-count .delay-transaction {
  transition-delay: 0.5s; }
  .md-dialog-custom-styling.sms-message-popup .push-char-count .delay-transaction.ng-hide {
    transition-delay: 0s; }

.general-wrapper.messages-center-container .query-loader,
.general-wrapper .user-profile-wrap-messages-data .query-loader {
  min-height: calc(100vh - (45px + 200px + 120px));
  max-height: calc(100vh - (45px + 200px + 120px)); }

.general-wrapper.messages-center-container .settings-card,
.general-wrapper .user-profile-wrap-messages-data .settings-card {
  margin: 0;
  padding: 0;
  background: none; }
  .general-wrapper.messages-center-container .settings-card .settings-card-row:nth-child(odd),
  .general-wrapper .user-profile-wrap-messages-data .settings-card .settings-card-row:nth-child(odd) {
    background: none; }
  .general-wrapper.messages-center-container .settings-card .vertical-container,
  .general-wrapper .user-profile-wrap-messages-data .settings-card .vertical-container {
    min-height: calc(100vh - (45px + 200px + 120px));
    max-height: calc(100vh - (45px + 200px + 120px));
    width: 100%; }
    .general-wrapper.messages-center-container .settings-card .vertical-container .repeated-item,
    .general-wrapper .user-profile-wrap-messages-data .settings-card .vertical-container .repeated-item {
      height: 45px;
      background: white; }
      .general-wrapper.messages-center-container .settings-card .vertical-container .repeated-item:nth-child(odd),
      .general-wrapper .user-profile-wrap-messages-data .settings-card .vertical-container .repeated-item:nth-child(odd) {
        background: rgba(145, 228, 251, 0.3); }
  .general-wrapper.messages-center-container .settings-card .settings-card-row-title,
  .general-wrapper .user-profile-wrap-messages-data .settings-card .settings-card-row-title {
    padding: 0 15px; }
    .general-wrapper.messages-center-container .settings-card .settings-card-row-title span,
    .general-wrapper .user-profile-wrap-messages-data .settings-card .settings-card-row-title span {
      font-weight: bold; }
  .general-wrapper.messages-center-container .settings-card .settings-actions button, .general-wrapper.messages-center-container .settings-card .settings-actions a.md-button,
  .general-wrapper .user-profile-wrap-messages-data .settings-card .settings-actions button,
  .general-wrapper .user-profile-wrap-messages-data .settings-card .settings-actions a.md-button {
    min-width: unset;
    margin: 0;
    padding: 0; }

.general-wrapper.messages-center-container .no-results i,
.general-wrapper .user-profile-wrap-messages-data .no-results i {
  font-size: 60px; }

.general-wrapper .user-profile-wrap-messages-data .query-loader {
  min-height: calc(100vh - (45px + 200px * 2));
  max-height: calc(100vh - (45px + 200px * 2)); }

.general-wrapper .user-profile-wrap-messages-data .settings-card .vertical-container {
  min-height: calc(100vh - (45px + 200px * 2));
  max-height: calc(100vh - (45px + 200px * 2)); }

.boxes-container-box-component {
  position: relative;
  height: 120px;
  -webkit-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
  -moz-box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07);
  box-shadow: 2px 3px 5px 0 rgba(146, 146, 146, 0.07); }
  .boxes-container-box-component .text-wrap {
    min-height: 100%;
    text-decoration: none;
    color: white;
    text-align: center; }
    .boxes-container-box-component .text-wrap .row-height {
      height: calc((120px / 2)); }
    .boxes-container-box-component .text-wrap span {
      top: 10px;
      position: relative;
      font-size: 38px;
      animation-duration: 1s; }
    .boxes-container-box-component .text-wrap p {
      font-size: 14px;
      padding-top: 5px;
      margin: 0; }
  .boxes-container-box-component .custom-absolute-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 -4px; }
    .boxes-container-box-component .custom-absolute-icon i {
      font-size: 20px;
      cursor: pointer; }

.payment-iframe-tablet-container {
  max-height: 60vh;
  margin: 0 auto; }

@media screen and (max-width: 600px) {
  .payment-iframe-tablet-container {
    max-height: unset; } }

.payment-table-container .payment-table-header h1 {
  font-size: 16px;
  color: black;
  font-weight: bold;
  text-decoration: underline; }

.payment-table-container .payment-table-header i {
  font-size: 18px;
  font-weight: lighter;
  display: flex;
  align-self: center;
  align-content: center;
  align-items: center; }

.payment-table-container .table-header p {
  font-weight: bold; }

.payment-table-container .row-colors:nth-child(odd) {
  background: rgba(201, 241, 253, 0.3); }

.arbox__dashboard-tbb-tooltip {
  position: absolute;
  top: 5px;
  left: 5px; }

.arbox__popover-container {
  position: relative;
  z-index: 10; }
  .arbox__popover-container .arbox__popover-indicator {
    font-size: 18px;
    cursor: help; }
  .arbox__popover-container .arbox__popover-content {
    opacity: 1;
    background: #fff;
    color: #343434;
    font-weight: 500;
    padding: 1em .75em; }
    .arbox__popover-container .arbox__popover-content.ng-hide {
      opacity: 0; }
    .arbox__popover-container .arbox__popover-content.ng-hide-add, .arbox__popover-container .arbox__popover-content.ng-hide-remove {
      transition: all linear 100ms; }
    .arbox__popover-container .arbox__popover-content .arbox__popover-content-body {
      padding: .6em 1.3em; }
  .arbox__popover-container .arbox__popover-content-actions {
    margin-top: 0 !important;
    text-align: right;
    display: flex;
    justify-content: flex-end; }
    .arbox__popover-container .arbox__popover-content-actions a {
      cursor: pointer;
      color: #37A6F5;
      text-decoration: none !important;
      display: flex;
      align-items: center; }

.digital-form-container .digital-form .section-wrap .question-builder-wrap h1 {
  color: black;
  font-weight: bold;
  font-size: 14px; }

.digital-form-container .digital-form .section-wrap .question-builder-wrap .question {
  background: #f7f9f9;
  margin: 0;
  padding: 0 20px; }
  .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-header {
    height: 32px; }
  .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-text {
    height: 57px;
    padding: 0 15px;
    background: white; }
    .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-text md-input-container {
      margin: 19px 0 0 0; }
  .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-answers .question-text {
    margin: 10px 0; }
  .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-settings md-switch {
    margin: 4px 0; }
    .digital-form-container .digital-form .section-wrap .question-builder-wrap .question .question-settings md-switch .md-label {
      margin: 0 6px; }

.table-custom-container table {
  max-width: 99%; }

.table-custom-container .tr-wrap {
  position: relative; }

.table-custom-container .debit-card-icon {
  font-size: 17px; }

.signature-component-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40vh;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 32px 16px;
  font-family: Helvetica, Sans-Serif; }
  .signature-component-wrap .signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 460px;
    border: 1px #37a6f5 #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px; }
  .signature-component-wrap .signature-pad::before,
  .signature-component-wrap .signature-pad::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    bottom: 10px;
    background: transparent;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); }
  .signature-component-wrap .signature-pad::before {
    left: 20px;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg); }
  .signature-component-wrap .signature-pad::after {
    right: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg); }
  .signature-component-wrap .signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4; }
  .signature-component-wrap .signature-pad--body
canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; }
  .signature-component-wrap .signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px; }
    .signature-component-wrap .signature-pad--footer p {
      font-size: 18px;
      color: black;
      margin: 0; }
  .signature-component-wrap .signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px; }
    .signature-component-wrap .signature-pad--actions .error {
      color: #ff3823; }

@media screen and (max-width: 600px) {
  .signature-component-wrap {
    padding: 0; }
  .signature-pad--footer p {
    font-size: 12px; } }

md-autocomplete.type-in-select-container {
  box-shadow: none;
  background: transparent; }
  md-autocomplete.type-in-select-container md-autocomplete-wrap {
    background: inherit;
    box-shadow: inherit !important; }


.client-register-popup h1,
.client-register-popup h2,
.client-register-popup h3,
.client-register-popup p, .content-tablet h1,
.content-tablet h2,
.content-tablet h3,
.content-tablet p {
  padding: 0;
  margin: 0; }

.client-register-popup .md-content-container-custom-styling, .content-tablet .md-content-container-custom-styling {
  margin: 0;
  padding: 0; }

.client-register-popup .custom-datepicker-container .md-datepicker-input-container, .content-tablet .custom-datepicker-container .md-datepicker-input-container {
  top: 9px; }

.client-register-popup .blue-separator, .content-tablet .blue-separator {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background: #37a6f5; }

.forms-container {
  padding: 10px 20px; }

.forms-container-tablet {
  width: 940px;
  height: 550px;
  max-height: 100%;
  max-width: 100%;
  padding: 20px 20px;
  background: white;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  overflow-x: hidden; }

@media screen and (max-width: 600px) {
  .client-register-popup {
    border-radius: unset; }
  .forms-container {
    padding: 10px 4%;
    margin-top: 52px;
    min-height: calc(100vh - (56px + 53px + 52px)); }
    .forms-container.add-members-to-group {
      min-height: unset; }
    .forms-container.margin-top-0 {
      margin-top: 0; }
    .forms-container md-input-container .md-errors-spacer {
      display: none; }
  .forms-container-tablet [layout-margin] {
    margin: 0; }
  .md-dialog-container md-dialog.client-register-popup {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%; }
    .md-dialog-container md-dialog.client-register-popup .md-subheader {
      height: unset;
      border-bottom: 1px solid #428bca;
      position: fixed;
      top: 55px;
      z-index: 2;
      width: 100%; }
  .mobile-popup-margin-top {
    margin-top: 56px !important; } }

.voice-center-icon {
  color: #687f8b; }


.member-checkbox-component-container .stage1-check-box-container, .member-checkbox-component-container .stage2-check-box-container {
  height: 40px;
  line-height: 40px; }
  .member-checkbox-component-container .stage1-check-box-container .single-item, .member-checkbox-component-container .stage1-check-box-container .single-item > *, .member-checkbox-component-container .stage2-check-box-container .single-item, .member-checkbox-component-container .stage2-check-box-container .single-item > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .member-checkbox-component-container .stage1-check-box-container .single-item span, .member-checkbox-component-container .stage2-check-box-container .single-item span {
    font-size: 12px; }
    .member-checkbox-component-container .stage1-check-box-container .single-item span:first-child, .member-checkbox-component-container .stage2-check-box-container .single-item span:first-child {
      font-weight: bold; }
      .member-checkbox-component-container .stage1-check-box-container .single-item span:first-child:after, .member-checkbox-component-container .stage2-check-box-container .single-item span:first-child:after {
        content: ":"; }
  .member-checkbox-component-container .stage1-check-box-container .time-format, .member-checkbox-component-container .stage2-check-box-container .time-format {
    width: 150px; }
  .member-checkbox-component-container .stage1-check-box-container:nth-child(odd), .member-checkbox-component-container .stage2-check-box-container:nth-child(odd) {
    background: rgba(145, 228, 251, 0.3); }
  .member-checkbox-component-container .stage1-check-box-container .checkbox-container, .member-checkbox-component-container .stage2-check-box-container .checkbox-container {
    margin-right: 5px; }
    .member-checkbox-component-container .stage1-check-box-container .checkbox-container input, .member-checkbox-component-container .stage2-check-box-container .checkbox-container input {
      cursor: pointer;
      width: 18px;
      height: 100%;
      margin: 0; }

.member-checkbox-component-container .stage2-check-box-container {
  margin-top: 10px;
  margin-bottom: 0;
  background: rgba(145, 228, 251, 0.3); }
  .member-checkbox-component-container .stage2-check-box-container:first-child {
    margin-top: 15px; }

.heb .member-checkbox-component-container .stage1-check-box-container .checkbox-container {
  margin-left: 5px; }

.heb .member-sign-up-dialog md-toolbar .md-toolbar-tools .absolute-header-button {
  left: unset;
  right: 10px; }

.heb .member-sign-up-dialog md-dialog-content .register-client-to {
  margin-left: 15px;
  margin-right: 0; }
  .heb .member-sign-up-dialog md-dialog-content .register-client-to ~ span {
    margin-right: 15px; }

.heb .member-checkbox-component-container .removeRowButton {
  padding-right: 0;
  padding-left: 15px; }

.heb .datepicker-from-container .bold-span-with-after {
  padding-right: 2px; }

@media screen and (max-height: 680px) {
  md-dialog.member-sign-up-dialog md-dialog-content {
    min-height: 60vh; } }

.membership-holds-info-container .membership-holds-info > div {
  margin: 0 7px; }
  .membership-holds-info-container .membership-holds-info > div:first-of-type {
    margin: 0; }

.membership-holds-info-container .actions-buttons-container .delete-icon-color {
  font-size: 28px; }

.membership-holds-accordion .accordion-toggle {
  text-decoration: none; }

.membership-holds-accordion .panel-heading {
  background: #cbe8ba;
  padding: 4px 15px; }

.membership-holds-accordion .membership-holds-info-header {
  color: white; }
  .membership-holds-accordion .membership-holds-info-header span {
    font-weight: bold;
    font-size: 14px; }
    .membership-holds-accordion .membership-holds-info-header span:first-child:after {
      content: " - ";
      margin: 0 2px; }
    .membership-holds-accordion .membership-holds-info-header span.canceled {
      margin: 0 5px; }
      .membership-holds-accordion .membership-holds-info-header span.canceled:before {
        content: " - ";
        margin: 0 2px;
        color: white; }
  .membership-holds-accordion .membership-holds-info-header .arrows-container i {
    font-size: 37px;
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }

@media screen and (max-width: 600px) {
  .membership-holds-info-container .membership-holds-info > div {
    margin: 4px 0; }
  .membership-holds-info-container .actions-buttons-container i {
    font-size: 24px; } }

membership-recurring-payment-details-component .box-credit-card {
  height: 27px;
  background: #ebebeb;
  line-height: 27px;
  color: rgba(33, 33, 33, 0.580392);
  text-indent: 10px; }




.md-dialog-custom-styling.messages-center-popup .md-tab {
  display: flex;
  font-size: 13px !important;
  color: #949499 !important; }

.md-dialog-custom-styling.messages-center-popup .settings-card {
  margin: 10px 0;
  background: none; }
  .md-dialog-custom-styling.messages-center-popup .settings-card .settings-card-row {
    padding: 0 15px;
    width: 100%;
    height: 45px; }
    .md-dialog-custom-styling.messages-center-popup .settings-card .settings-card-row:nth-child(even) {
      background: rgba(145, 228, 251, 0.3); }
  .md-dialog-custom-styling.messages-center-popup .settings-card .user-link {
    cursor: pointer;
    text-decoration: none;
    color: black;
    font-size: 14px; }
  .md-dialog-custom-styling.messages-center-popup .settings-card .settings-card-row-title {
    padding: 0 15px;
    width: 100%;
    height: 45px; }
    .md-dialog-custom-styling.messages-center-popup .settings-card .settings-card-row-title span {
      font-weight: bold; }

.md-dialog-custom-styling.messages-center-popup md-pagination-wrapper {
  display: flex; }

.skill-row .align-items-approach {
  align-items: stretch; }

.skill-row md-autocomplete button {
  display: none; }

@charset "UTF-8";
.section-container,
.skill-container {
  position: relative;
  width: 100%;
  height: 40px; }
  .section-container md-autocomplete[disabled]:not([md-floating-label]),
  .skill-container md-autocomplete[disabled]:not([md-floating-label]) {
    background: none !important; }
  .section-container:first-child,
  .skill-container:first-child {
    margin-top: 20px;
    margin-bottom: 10px; }
  .section-container .md-whiteframe-1dp,
  .section-container .md-whiteframe-z1,
  .skill-container .md-whiteframe-1dp,
  .skill-container .md-whiteframe-z1 {
    box-shadow: none; }
  .section-container .removeRowButton,
  .skill-container .removeRowButton {
    color: #ff6666;
    margin: 0;
    font-size: 30px;
    padding-right: 10px; }
    .section-container .removeRowButton:after,
    .skill-container .removeRowButton:after {
      cursor: pointer;
      content: '×';
      /* UTF-8 symbol */ }
    .section-container .removeRowButton span,
    .skill-container .removeRowButton span {
      line-height: 40px;
      font-size: 23px; }
  .section-container .section-autocomplete,
  .skill-container .section-autocomplete {
    border-width: 0 0 1px 0;
    border-style: solid;
    box-shadow: none;
    width: 205px;
    border-bottom-color: rgba(0, 0, 0, 0.12);
    background: none; }
    .section-container .section-autocomplete input,
    .skill-container .section-autocomplete input {
      color: #a8a8a8; }
      .section-container .section-autocomplete input::-webkit-input-placeholder,
      .skill-container .section-autocomplete input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #a8a8a8; }
      .section-container .section-autocomplete input::-moz-placeholder,
      .skill-container .section-autocomplete input::-moz-placeholder {
        /* Firefox 19+ */
        color: #a8a8a8; }
      .section-container .section-autocomplete input:-ms-input-placeholder,
      .skill-container .section-autocomplete input:-ms-input-placeholder {
        /* IE 10+ */
        color: #a8a8a8; }
      .section-container .section-autocomplete input:-moz-placeholder,
      .skill-container .section-autocomplete input:-moz-placeholder {
        /* Firefox 18- */
        color: #a8a8a8; }
  .section-container .section-input-settings,
  .skill-container .section-input-settings {
    margin: 0 10px;
    width: 120px;
    height: 40px; }
    .section-container .section-input-settings.section-input,
    .skill-container .section-input-settings.section-input {
      width: 150px; }
    .section-container .section-input-settings .input-total-time,
    .skill-container .section-input-settings .input-total-time {
      height: 38px; }
  .section-container .select-container,
  .skill-container .select-container {
    margin: 0;
    padding: 0; }

.skill-container {
  height: 100%;
  margin-top: 5px;
  margin-bottom: 5px; }
  .skill-container .is-adv-switch {
    padding: 26px 0px; }
    .skill-container .is-adv-switch .md-container {
      margin-left: 0; }
    .skill-container .is-adv-switch span {
      margin-left: 10px; }
  .skill-container .skill-row {
    height: 70px; }
    .skill-container .skill-row md-autocomplete[disabled]:not([md-floating-label]) {
      background: none; }
    .skill-container .skill-row .removeRowButton {
      font-size: 25px;
      padding-top: 19px; }

.md-row-padding {
  position: relative;
  padding-left: 25px; }
  .md-row-padding .publish-workout-textarea {
    padding: 0 38px; }
    .md-row-padding .publish-workout-textarea md-input-container {
      margin: 0;
      margin-top: 5px; }
    .md-row-padding .publish-workout-textarea md-input-container label:not(.md-no-float):not(.md-container-ignore) {
      padding-left: 10px;
      padding-top: 10px;
      margin-bottom: 0; }
    .md-row-padding .publish-workout-textarea label {
      padding-left: 10px;
      padding-top: 10px; }
    .md-row-padding .publish-workout-textarea textarea {
      border: 1px solid #37a6f5;
      min-height: 51px;
      padding: 5px; }

.paymentIframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0; }

.recurringSalesDialog {
  width: 100%;
  height: 100%;
  background-color: #3d3d3d !important;
  position: relative; }
  .recurringSalesDialog .paymenyTitle .btn-close-popup {
    margin-top: 12px; }
  .recurringSalesDialog .paymenyTitle {
    text-align: center;
    line-height: 60px;
    color: white; }

#recurring-sales-table .documentsTable .documentData td {
  padding: 0;
  vertical-align: middle; }

#recurring-sales-table .documentsTable .documentData .md-button {
  width: 30px;
  min-width: 30px;
  max-width: 35px;
  min-height: 17px;
  height: 33px;
  color: #ff3823;
  margin: 0; }

#recurring-sales-table .recurring-sales-table-header th {
  min-width: 120px; }

#recurring-sales-table td,
#recurring-sales-table th {
  text-align: center; }

#recurring-sales-table td {
  line-height: 45px; }

#recurring-sales-table .actions {
  height: 100%; }

#recurring-sales-table .dirRtl {
  direction: rtl; }

#recurring-sales-table .notActive {
  background: rgba(255, 0, 0, 0.34); }

#selected-membership-popup {
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }
  #selected-membership-popup .content {
    background: white;
    min-width: 340px; }
    #selected-membership-popup .content .title {
      height: 55px; }
      #selected-membership-popup .content .title p {
        font-size: 14px;
        font-weight: bold; }
    #selected-membership-popup .content .radio-buttons-container {
      padding: 0 15px; }
      #selected-membership-popup .content .radio-buttons-container .show-error md-radio-button .md-off {
        border-color: red; }
  #selected-membership-popup .actions div {
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #37a6f5;
    border-top: 1px solid #d6d6d6; }



.forms-container.create-client-form-container {
  padding: 0 20px; }

.create-client-form .checkbox-warp md-checkbox .md-container {
  left: 50%;
  margin-left: -5px; }

.create-client-form .checkbox-warp span {
  padding-top: 4px; }

.create-client-form-container .create-user-bar-wrap {
  margin-bottom: 25px;
  padding: 0 8px; }
  .create-client-form-container .create-user-bar-wrap.rm-margin {
    margin-bottom: 10px; }
  .create-client-form-container .create-user-bar-wrap .create-user-bar {
    color: white;
    font-weight: bold;
    height: 36px;
    background: rgba(146, 211, 111, 0.8); }

.create-user-wrap .billing-address-note {
  position: relative;
  top: -15px;
  margin: 0 20px; }

.demand-for-payment {
  padding-top: 40px; }
  .demand-for-payment .demand-for-payment-table {
    width: 100%;
    table-layout: fixed; }
    .demand-for-payment .demand-for-payment-table td {
      font-size: 21px;
      border: none; }
    .demand-for-payment .demand-for-payment-table th {
      font-size: 16px;
      border: none; }
  .demand-for-payment .sub-total-holder {
    background: #999999;
    width: 90px;
    text-align: center; }


#firstpay-iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: none; }

.iframe-payment iframe {
  min-height: 1px; }

.firstpay-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400; }

.firstpay-label {
  font-weight: normal;
  display: inline-block;
  margin-bottom: .5rem; }

.firstpay-input {
  display: block;
  width: 75%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

select.firstpay-input:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }

.firstpay-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #007bff;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  color: #fff;
  background-color: #007bff; }

.firstpay-button:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc; }

.firstpay-button:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.payment-cash-wrap {
  padding: 100px 0 0 270px; }
  .payment-cash-wrap label {
    width: 200px; }
  .payment-cash-wrap md-input-container {
    height: 115px;
    width: 245px; }
  .payment-cash-wrap .payments-cash-number-label {
    width: 10px;
    padding: 0 50px 0 0;
    color: #ebebeb;
    font-size: 60px; }
  .payment-cash-wrap .payments-cash-number-input {
    padding: 0 10px;
    font-size: 60px;
    height: 100px; }

.payment-with-token-wrap {
  padding: 0px 10px 0 0px; }
  .payment-with-token-wrap label {
    width: 200px; }
  .payment-with-token-wrap md-input-container {
    height: 25px;
    width: 200px; }
  .payment-with-token-wrap .payments-number-label {
    width: 110px;
    padding: 10px;
    margin: 10px 0px 0px 0px; }
  .payment-with-token-wrap .payments-number-input {
    background: #ebebeb;
    padding: 0 10px;
    font-size: 13px; }

.payment-with-newCC-wrap {
  height: 210px;
  padding: 0px 10px 0px 0px;
  width: 100%; }
  .payment-with-newCC-wrap label {
    width: 200px; }
  .payment-with-newCC-wrap md-input-container {
    height: 25px;
    width: 200px; }
  .payment-with-newCC-wrap .payments-number-label {
    width: 110px;
    padding: 10px;
    margin: 10px 0px 0px 0px; }
  .payment-with-newCC-wrap .payments-number-input {
    background: #ebebeb;
    padding: 0 10px;
    font-size: 13px; }

.payment-with-newACH-wrap {
  height: 260px;
  padding: 0px 10px 0px 0px;
  width: 100%; }
  .payment-with-newACH-wrap label {
    width: 200px; }
  .payment-with-newACH-wrap md-input-container {
    height: 25px;
    width: 200px; }
  .payment-with-newACH-wrap .payments-number-label {
    width: 110px;
    padding: 10px;
    margin: 10px 0px 0px 0px; }
  .payment-with-newACH-wrap .payments-number-input {
    background: #ebebeb;
    padding: 0 10px;
    font-size: 13px; }

.payment-firstpay-container {
  min-height: 400px;
  padding: 10px 20px 0 20px; }
  .payment-firstpay-container #iframePaymentRivhitComponent {
    min-height: 400px;
    width: 95%;
    margin: 0 auto; }
  .payment-firstpay-container .custom-select-style-colors {
    margin: 0; }
  .payment-firstpay-container .md-errors-spacer {
    display: none; }

#register-flow-tablet .medicalStatement-form-container .medical-statement-buttons-area-container {
  width: 85px; }

#register-flow-tablet .medicalStatement-form-container .title {
  margin: 20px 0 10px 0; }
  #register-flow-tablet .medicalStatement-form-container .title p {
    margin: 0 10px;
    font-weight: bold; }
    #register-flow-tablet .medicalStatement-form-container .title p:first-of-type {
      margin: 0 -2px; }

#register-flow-tablet .medicalStatement-form-container .comment-wrap {
  margin-top: 22px; }
  #register-flow-tablet .medicalStatement-form-container .comment-wrap .comment-title {
    font-size: 12px; }

.heb #register-flow-tablet .medicalStatement-form-container .title p {
  margin: 0 12px; }
  .heb #register-flow-tablet .medicalStatement-form-container .title p:first-of-type {
    margin: 0 3px; }

.payment-form-container {
  min-height: 400px; }
  .payment-form-container .md-button {
    min-width: unset; }
  .payment-form-container md-input-container .md-errors-spacer {
    display: none; }
  .payment-form-container .md-datepicker-label {
    bottom: 40px; }
  .payment-form-container md-datepicker {
    padding: 0;
    margin: 0; }
  .payment-form-container .custom-select-style-colors {
    height: 35px; }

@media screen and (max-width: 600px) {
  .payment-form-container {
    min-height: calc(100vh - 120px); }
    .payment-form-container .align-row-to-close-button {
      padding: 0 36px; } }

.payment-rivhit-container {
  min-height: 400px;
  padding: 10px 20px 0 20px; }
  .payment-rivhit-container .iframe-rivhit-container {
    min-height: 400px; }
  .payment-rivhit-container #iframePaymentRivhitComponent {
    min-height: 400px;
    width: 95%;
    margin: 0 auto; }
  .payment-rivhit-container .custom-select-style-colors {
    margin: 0; }
  .payment-rivhit-container .payment-with-token-wrap label {
    width: 200px; }
  .payment-rivhit-container .payment-with-token-wrap md-input-container {
    width: 150px; }
  .payment-rivhit-container .payment-with-token-wrap .payments-number-label {
    width: 110px; }
  .payment-rivhit-container .payment-with-token-wrap .payments-number-input {
    background: #c0c0c0; }
  .payment-rivhit-container .md-errors-spacer {
    display: none; }

.blue-square {
  background: #37a6f5;
  width: 150px;
  height: 150px;
  color: #fff;
  margin: 20px;
  border-radius: 20px; }
  .blue-square i {
    width: 80px;
    height: 80px;
    font-size: 80px; }
  .blue-square span {
    font-size: 20px; }

@media screen and (max-width: 600px) {
  .payment-rivhit-container {
    min-height: calc(100vh - (56px + 53px + 52px)); }
    .payment-rivhit-container .iframe-rivhit-container {
      min-height: calc(100vh - (56px + 53px + 52px) - 30px); }
    .payment-rivhit-container #iframePaymentRivhitComponent {
      min-height: calc(100vh - (56px + 53px + 52px)  - 30px); } }

.payment-rivhit-tablet-form-container iframe {
  height: 485px; }

@media screen and (max-width: 600px) {
  #register-flow-tablet .payment-rivhit-tablet-form-container {
    padding: 0; }
    #register-flow-tablet .payment-rivhit-tablet-form-container iframe {
      height: calc(100vh - (54px + 62px)); } }

.payment-summary-container {
  padding: 0 20px;
  font-size: 15px; }
  .payment-summary-container .custom-row-height {
    height: 40px; }
  .payment-summary-container h2 {
    font-size: 16px;
    font-weight: bold; }
  .payment-summary-container .payment-data {
    margin: 20px 8px; }
    .payment-summary-container .payment-data i {
      font-size: 35px;
      font-weight: bold;
      display: flex;
      align-self: center;
      align-content: center;
      align-items: center; }
      .payment-summary-container .payment-data i.done {
        color: #aedd94; }
      .payment-summary-container .payment-data i.close {
        color: #ff6666;
        opacity: 1; }
        .payment-summary-container .payment-data i.close:hover {
          opacity: 1;
          cursor: none; }
      .payment-summary-container .payment-data i.warning {
        color: #ffa834;
        font-size: 30px; }
  .payment-summary-container .payment-summary {
    margin: 15px 8px; }
    .payment-summary-container .payment-summary h2 {
      margin-bottom: 10px; }
  .payment-summary-container .payment-summary-form-container {
    height: 105px; }

@media screen and (max-width: 600px) {
  .payment-summary-container .payment-data {
    padding: 15px 8px; }
  .payment-summary-container .custom-row-height {
    height: 50px; }
  .payment-summary-container .payment-summary {
    margin: 5px 8px;
    padding: 20px 0; }
    .payment-summary-container .payment-summary p {
      margin: 2px 0; } }

.purchase-form-container.purchase-form-container-tablet md-radio-group {
  padding: 12px; }

.purchase-form-container .md-radio-interactive md-input-container {
  margin: 0 10px; }
  .purchase-form-container .md-radio-interactive md-input-container input {
    pointer-events: all; }
  .purchase-form-container .md-radio-interactive md-input-container .md-errors-spacer {
    display: none; }
  .purchase-form-container .md-radio-interactive md-input-container.debt-input {
    max-width: 85px; }

.purchase-form-container .form-errors span {
  color: red;
  font-weight: bold;
  font-size: 15px; }
  .purchase-form-container .form-errors span:before {
    content: "*";
    margin: 0 5px; }

.purchase-form-container .payment-calc-display .custom-md-input-container-mini {
  position: relative;
  width: 110px; }
  .purchase-form-container .payment-calc-display .custom-md-input-container-mini input {
    text-align: center;
    text-indent: 13px; }
  .purchase-form-container .payment-calc-display .custom-md-input-container-mini label {
    font-size: 12px;
    font-weight: 400; }
  .purchase-form-container .payment-calc-display .custom-md-input-container-mini .md-errors-spacer {
    display: none; }

.purchase-form-container .payment-calc-display .custom-md-input-container {
  width: 90px; }
  .purchase-form-container .payment-calc-display .custom-md-input-container input {
    text-align: center;
    text-indent: 13px; }
  .purchase-form-container .payment-calc-display .custom-md-input-container .md-errors-spacer {
    display: none; }

.purchase-form-container .payment-calc-display .sub-total-holder {
  background: #999999;
  width: 90px;
  text-align: center; }

.purchase-form-container .payment-calc-display span {
  color: black;
  font-size: 14px;
  margin: 0 10px; }

.purchase-form-container .custom-row-margin {
  margin-top: 15px; }

.purchase-form-container .more-details {
  min-height: 40px;
  padding: 5px 10px;
  background: rgba(243, 243, 243, 0.4);
  border: 2px solid #37a6f5;
  width: 300px; }
  .purchase-form-container .more-details h1 {
    font-size: 14px;
    font-weight: bold; }
  .purchase-form-container .more-details p {
    font-size: 12px; }

@media screen and (max-width: 600px) {
  .purchase-form-container.forms-container.purchase-form-container-tablet md-radio-group {
    padding-bottom: 30px; } }


.footer.footer-tablet {
  background: #f0f2f4;
  width: 100vw;
  height: 73px; }
  .footer.footer-tablet .md-button:not(.wavier-btn) {
    height: 36px;
    min-height: 36px;
    width: 73px;
    min-width: 73px;
    line-height: 36px;
    font-size: 18px; }
  .footer.footer-tablet .md-button.wavier-btn {
    padding: 0px 41px; }
  .footer.footer-tablet .md-button.wavier-btn-approval {
    background-color: #72bb53;
    color: white; }
  .footer.footer-tablet .md-button.wavier-btn-disapproval {
    background-color: #ff3823;
    color: white; }

.footer .stage-circle {
  background: #999999;
  width: 12px;
  height: 12px;
  margin: 0 7px;
  border-radius: 50%; }
  .footer .stage-circle.active {
    width: 22px;
    height: 22px;
    transition: all ease .4s; }

.footer .md-button {
  margin: 8px; }

.user-flow-header.is-tablet {
  width: 100vw;
  background: white;
  height: 62px; }

.user-flow-header article.is-mobile {
  padding: 8px; }

.user-flow-header article:last-child .dynamic-line {
  display: none; }

.user-flow-header article h2 {
  font-size: 14px;
  font-weight: bold;
  color: #aaaaaa; }
  .user-flow-header article h2.active {
    color: #37a6f5; }

.user-flow-header article .stage-index {
  background: #37a6f5;
  color: white;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border-radius: 50%; }
  .user-flow-header article .stage-index.done {
    background: #92d36e; }
  .user-flow-header article .stage-index i {
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-self: center;
    align-content: center;
    align-items: center; }

.user-flow-header article .dynamic-line {
  height: 2px;
  width: 45px;
  margin: 0 3px;
  background-color: #f3f3f3; }

@media screen and (max-width: 600px) {
  .user-flow-header article h2 {
    color: black;
    font-size: 15px; } }

.medical-statement-row-wrapper {
  padding: 8px 0; }
  .medical-statement-row-wrapper .show-error.ng-invalid md-radio-button .md-off {
    border-color: red; }

.heb .medical-statement-row-wrapper md-radio-button {
  margin: 0; }


.purchase-form-container .section-purchases {
  overflow-y: auto; }

.purchase-form-container #add-more-items-btn {
  width: 148px;
  border: 1px solid #37a6f0 !important;
  cursor: pointer;
  padding: 0 10px; }
  .purchase-form-container #add-more-items-btn span {
    font-size: 14px;
    color: #37a6f0 !important; }
  .purchase-form-container #add-more-items-btn.recurring-payment {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.38); }

.purchase-form-container .payment-selection-container .section-header {
  margin-top: 10px;
  margin-bottom: 10px; }
  .purchase-form-container .payment-selection-container .section-header h2 {
    font-size: 12px;
    font-weight: bold; }

.purchase-form-container input {
  color: black !important; }

.purchase-form-container .quick-purchase {
  min-height: 100px; }

@media screen and (max-width: 600px) {
  .purchase-form-container .quick-purchase {
    min-height: 75px;
    margin-top: 10px; } }

#start-date-popup {
  max-height: 300px;
  width: 20%;
  min-width: 250px;
  overflow: auto; }
  #start-date-popup .title {
    padding: 20px; }
  #start-date-popup .md-dialog-custom-styling {
    max-width: 100%; }
    #start-date-popup .md-dialog-custom-styling .md-datepicker-button .md-datepicker-calendar-icon {
      margin-top: -16px; }
  @media screen and (max-width: 600px) {
    #start-date-popup {
      top: unset;
      left: unset; } }

.balance-credits-row p {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px; }

.balance-credits-row span {
  font-size: 14px; }

purchase .remove-btn {
  margin: 15px 3px; }

purchase .purchase-wrap .auto-complete-container {
  position: relative; }
  purchase .purchase-wrap .auto-complete-container .autocomplete-custom-display {
    min-width: 180px; }
    purchase .purchase-wrap .auto-complete-container .autocomplete-custom-display md-input-container:not(.md-input-has-value) input:not(:focus) {
      color: black !important; }
    purchase .purchase-wrap .auto-complete-container .autocomplete-custom-display input {
      color: black !important; }
    purchase .purchase-wrap .auto-complete-container .autocomplete-custom-display md-autocomplete-wrap md-input-container {
      padding: 2px; }
  purchase .purchase-wrap .auto-complete-container .md-progress-custom {
    position: absolute;
    width: 100%;
    top: 50px; }

purchase .purchase-wrap .delete-icon-color {
  font-size: 17px; }

purchase .purchase-wrap .custom-datepicker-container.md-input-has-value .md-datepicker-label, purchase .purchase-wrap .custom-datepicker-container.md-input-focused .md-datepicker-label {
  bottom: 43px; }

purchase .purchase-wrap .custom-datepicker-container md-datepicker {
  padding-right: 5px;
  margin-right: -5px; }

purchase .purchase-wrap .payment-selection-container .with-x {
  margin: 10px 3px; }

purchase .purchase-wrap md-input-container {
  margin: 0; }
  purchase .purchase-wrap md-input-container .md-errors-spacer {
    display: none; }

purchase .purchase-wrap #purchase-radio-group {
  min-height: 35px; }
  purchase .purchase-wrap #purchase-radio-group md-radio-button {
    margin: 0;
    font-size: 12px; }
    purchase .purchase-wrap #purchase-radio-group md-radio-button.md-radio-purchase:last-child {
      margin: 0 5px; }
    purchase .purchase-wrap #purchase-radio-group md-radio-button.md-radio-purchase .md-label {
      margin-right: 20px; }
      purchase .purchase-wrap #purchase-radio-group md-radio-button.md-radio-purchase .md-label span {
        margin: 0 8px; }

@media screen and (max-width: 600px) {
  purchase .purchase-wrap md-input-container {
    margin: 8px; }
    purchase .purchase-wrap md-input-container.price {
      margin-right: 0; }
  purchase .purchase-wrap #purchase-radio-group md-radio-button {
    margin: 8px; } }