.p-client-view {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 24px;
  color: #3e3e3e;
}
body._trio .p-client-view {
  padding-right: 0;
}
.p-client-view_name {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
}
.p-client-view_name {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body._ani-to-trio .p-client-view_name {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_name {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view_new {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 8px;
  padding: 2px 8px;
  vertical-align: middle;
  color: #949ca0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.p-client-view_tel {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 20px;
  line-height: 32px;
}
.p-client-view_tel {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view_tel::before {
  content: '\e60b';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 24px;
}
body._ani-to-trio .p-client-view_tel {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_tel {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view_status {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 15px;
  line-height: 32px;
  color: #ffc160;
}
.p-client-view_status {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view_status::before {
  content: '\e654';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  text-align: center;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 15px;
}
.p-client-view_status::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -12px 0 0;
  line-height: 2px;
  height: 24px;
  width: 24px;
  border: 2px solid #ffc160;
  border-radius: 50%;
  content: ' ';
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body._ani-to-trio .p-client-view_status {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_status {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view_balance {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 18px;
  line-height: 25px;
}
.p-client-view_balance {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view_balance::before {
  content: '\e601';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 24px;
}
.p-client-view_balance._negative {
  color: #ff7979;
}
.p-client-view_balance-loyalty {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 18px;
  line-height: 25px;
}
.p-client-view_balance-loyalty {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view_balance-loyalty::before {
  content: '\e654';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  text-align: center;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 15px;
}
.p-client-view_balance-loyalty._negative {
  color: #ff7979;
}
.p-client-view_balance-sp {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 18px;
  line-height: 25px;
}
.p-client-view_balance-sp {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view_balance-sp::before {
  content: '\e63b';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  text-align: center;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 20px;
}
.p-client-view_balance-sp._negative {
  color: #ff7979;
}
.p-client-view_family {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 20px;
  line-height: 32px;
}
.p-client-view_family {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.p-client-view_family::before {
  content: '\e616';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 24px;
}
/* todo - поддерживать валюты */
/*.p-client-view_balance::after {
  content: '\e63F';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0 0 4px;
}*/
body._ani-to-trio .p-client-view_balance {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_balance {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

body._ani-to-trio .p-client-view_balance-loyalty {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_balance-loyalty {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

body._ani-to-trio .p-client-view_balance-sp {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view_balance-sp {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view-stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 16px 0;
  padding: 16px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.p-client-view-stats._hidden {
  opacity: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
}
.p-client-view-stats._hidden {
  -webkit-animation: none;
          animation: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body._trio .p-client-view-stats {
  max-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}
body._ani-to-trio .p-client-view-stats {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view-stats {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
@media (max-width: 1279px) {
  .p-client-view-stats {
    display: block;
  }
}
.p-client-view-stats-counters {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-client-view-stats-counters_line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1279px) {
  .p-client-view-stats-counters_line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.p-client-view-stats-line {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-client-view-stats-line_icon {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  width: 32px;
  height: 18px;
}
@media (max-width: 1279px) {
  .p-client-view-stats-line_icon {
    height: 32px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}
.p-client-view-stats-line_icon::before {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: -1px 0 0;
  font-size: 20px;
  line-height: 2px;
  color: #ffc160;
  text-align: center;
}
.p-client-view-stats-line_icon._tickets::before {
  content: '\e63E';
  font-family: 'clientix-icons';
  color: #e487ac;
}
.p-client-view-stats-line_icon._money::before {
  content: '\e63B';
  font-family: 'clientix-icons';
  color: #ffc160;
}
.p-client-view-stats-line_icon._noshow::before {
  content: '\e614';
  font-family: 'clientix-icons';
  color: #ff9c9c;
}
.p-client-view-stats-line_icon._ignore::before {
  content: '\e673';
  font-family: 'clientix-icons';
  color: #f0ccc1;
}
.p-client-view-stats-line_text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  font-size: 14px;
  line-height: 28px;
  padding-right: 4px;
}
@media (max-width: 1279px) {
  .p-client-view-stats-line_text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 1px;
    min-height: 1px;
  }
}
.p-client-view-stats-line_value {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  .p-client-view-stats-line_value {
    margin-left: 8px;
    line-height: 32px;
  }
}
.p-client-view-stats-line_value._width {
    max-width: 90px;
}
.p-client-view-stats-line_value._unit::after {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0 0 4px;
}
body.ru .p-client-view-stats-line_value._unit::after {
  content: '\e63F';
  font-family: 'clientix-icons';
}
body.int .p-client-view-stats-line_value._unit::after {
  content: '\e640';
  font-family: 'clientix-icons';
}
.p-client-view-stats-money {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-client-view-stats-money_icon {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  width: 32px;
  height: 18px;
}
@media (max-width: 1279px) {
  .p-client-view-stats-money_icon {
    height: 32px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}
.p-client-view-stats-money_icon::before {
  content: '\e63B';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
  color: #ffc160;
  text-align: center;
}
.p-client-view-stats-money_text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-width: 1px;
  min-height: 1px;
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 1279px) {
  .p-client-view-stats-money_text {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    margin-left: 8px;
  }
}
.p-client-view-stats-money_value {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}
.p-client-view-stats-money_value::after {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0 0 4px;
}
body.ru .p-client-view-stats-money_value::after {
  content: '\e63F';
  font-family: 'clientix-icons';
}
body.int .p-client-view-stats-money_value::after {
  content: '\e640';
  font-family: 'clientix-icons';
}
@media (max-width: 1279px) {
  .p-client-view-stats-money_value {
    margin-left: 8px;
    line-height: 32px;
  }
}
.p-client-view-stats-blocks {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 0 0 0 32px;
}
@media (max-width: 1279px) {
  .p-client-view-stats-blocks {
    margin-top: 16px;
    margin-left: 0;
  }
}
.p-client-view-stats-blocks_item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.p-client-view-stats-blocks_item + .p-client-view-stats-blocks_item {
  margin-left: 32px;
}
.p-client-view-stats-blocks_item._services {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.p-client-view-stats-blocks_title {
  position: relative;
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
}
.p-client-view-stats-blocks_title._icon {
  padding: 0 0 0 40px;
}
.p-client-view-stats-blocks_title._icon::before {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
}
.p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_title._icon::before {
  content: '\e637';
  font-family: 'clientix-icons';
}
.p-client-view-stats-blocks_item._services .p-client-view-stats-blocks_title._icon::before {
  content: '\e639';
  font-family: 'clientix-icons';
}
.p-client-view-stats-blocks_title._icon::after {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
  color: #f24842;
}
.p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_title._icon::after {
  content: '\e638';
  font-family: 'clientix-icons';
}
.p-client-view-stats-blocks_item._services .p-client-view-stats-blocks_title._icon::after {
  content: '\e63A';
  font-family: 'clientix-icons';
}
.p-client-view-stats-blocks_large {
  margin: 8px 0 0;
  position: relative;
  padding: 0 0 0 16px;
}
.p-client-view-stats-blocks_large::before {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 12px;
  content: ' ';
}
body .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._beauty .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._health .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._smile .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._happiness .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._velocity .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._friend .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
body._strength .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
.p-client-view-stats-blocks_item._services .p-client-view-stats-blocks_large::before {
  background: var(--versioncolor);
}
.p-client-view-stats-blocks_small {
  margin: 8px 0 0;
  position: relative;
  padding: 0 0 0 16px;
}
.p-client-view-stats-blocks_small::before {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  opacity: 0.5;
  width: 12px;
  content: ' ';
}
body .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._beauty .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._health .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._smile .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._happiness .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._velocity .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._friend .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
body._strength .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
.p-client-view-stats-blocks_item._services .p-client-view-stats-blocks_small::before {
  background: var(--versioncolor);
}
.p-client-view-stats-blocks_name {
  overflow: hidden;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.p-client-view-stats-blocks-amount {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1;
  color: #d4d4d4;
}
.p-client-view-stats-blocks-amount_value {
  font-size: 14px;
  font-weight: 700;
}
body .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._beauty .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._health .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._smile .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._happiness .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._velocity .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._friend .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
body._strength .p-client-view-stats-blocks_item._specialists .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
.p-client-view-stats-blocks_item._services .p-client-view-stats-blocks-amount_value {
  color: var(--versioncolor);
}
.p-client-view-stats-blocks_small .p-client-view-stats-blocks-amount_value {
  opacity: 0.5;
}
.p-client-view-birthday {
  max-width: 612px;
  margin: 24px 0 0;
}
body._trio .p-client-view-birthday {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
}
body._ani-to-trio .p-client-view-birthday {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view-birthday {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view-birthday_button {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 14px;
  line-height: 16px;
}
body .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._beauty .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._health .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._smile .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._happiness .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._velocity .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._friend .p-client-view-birthday_button {
  color: var(--versioncolor);
}
body._strength .p-client-view-birthday_button {
  color: var(--versioncolor);
}
.p-client-view-birthday_button {
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-birthday_button::before {
  content: '\e629';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  margin: -1px 0 0;
  font-size: 24px;
  line-height: 2px;
}
body .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._beauty .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._health .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._smile .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._happiness .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._velocity .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._friend .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
body._strength .p-client-view-birthday_button::before {
  color: var(--versioncolor);
}
.p-client-view-birthday_button::before {
  -webkit-transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-birthday_dropdown {
  display: none;
}
.p-client-view-birthday._dropdown .p-client-view-birthday_dropdown {
  display: block;
}
.p-client-view-birthday_action {
  font-size: 14px;
  margin: 16px 0 0 32px;
  line-height: 32px;
  border-bottom: 1px solid #f1f4f5;
}
.p-client-view-moreinfo {
  max-width: 612px;
  margin: 24px 0 0;
}
body._trio .p-client-view-moreinfo {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
}
body._ani-to-trio .p-client-view-moreinfo {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view-moreinfo {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view-moreinfo_button {
  position: relative;
  padding: 0 0 0 32px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 16px;
}
body .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._beauty .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._health .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._smile .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._happiness .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._velocity .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._friend .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
body._strength .p-client-view-moreinfo_button {
  color: var(--versioncolor);
}
.p-client-view-moreinfo_button {
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-moreinfo_button::before {
  content: '\e609';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  margin: -1px 0 0;
  font-size: 24px;
  line-height: 2px;
}
body .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._beauty .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._health .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._smile .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._happiness .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._velocity .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._friend .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
body._strength .p-client-view-moreinfo_button::before {
  color: var(--versioncolor);
}
.p-client-view-moreinfo_button::before {
  -webkit-transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-moreinfo_button::after {
  content: '\e62d';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
body .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._beauty .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._health .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._smile .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._happiness .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._velocity .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._friend .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
body._strength .p-client-view-moreinfo_button:hover {
  color: var(--versioncolor3);
}
.p-client-view-moreinfo_button:active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._beauty .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._health .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._smile .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._happiness .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._velocity .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._friend .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
body._strength .p-client-view-moreinfo_button:active {
  color: var(--versioncolor4);
}
.p-client-view-moreinfo._dropdown .p-client-view-moreinfo_button::after {
  content: '\e62e';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-client-view-moreinfo_button_hide {
  display: none;
}
.p-client-view-moreinfo._dropdown .p-client-view-moreinfo_button_hide {
  display: inline-block;
  vertical-align: top;
}
.p-client-view-moreinfo_button_show {
  display: inline-block;
  vertical-align: top;
}
.p-client-view-moreinfo._dropdown .p-client-view-moreinfo_button_show {
  display: none;
}
.p-client-view-moreinfo_dropdown {
  display: none;
  padding: 16px 0 16px 32px;
  margin: 16px 0 0;
  border-radius: 4px;
  background: #fafafa;
}
.p-client-view-moreinfo._dropdown .p-client-view-moreinfo_dropdown {
  display: block;
}
.p-client-view-moreinfo._dropdown .p-client-view-moreinfo_dropdown {
  -webkit-animation: calendar-record_fade-in 0.5s ease;
          animation: calendar-record_fade-in 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-moreinfo_list {
  list-style: none;
}
.p-client-view-moreinfo_item {
  padding: 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
}
.p-client-view-moreinfo_item + .p-client-view-moreinfo_item {
  margin: 16px 0 0;
}
.p-client-view-moreinfo_label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  width: 200px;
  font-weight: 700;
}
.p-client-view-moreinfo_value {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  overflow: hidden;
  word-wrap: break-word;
  white-space: pre-line;
}
.p-client-view-moreinfo_age {
  color: #949ca0;
}
.p-client-view-moreinfo_checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  margin: 5px 0 0;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.p-client-view-moreinfo_checkbox::after {
  content: '\e606';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: none;
  margin: -1px 0 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 2px;
}
body .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._beauty .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._health .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._smile .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._happiness .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._velocity .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._friend .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body._strength .p-client-view-moreinfo_checkbox._checked {
  background-color: var(--versioncolor);
}
body .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._beauty .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._health .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._smile .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._happiness .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._velocity .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._friend .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
body._strength .p-client-view-moreinfo_checkbox._checked {
  border-color: var(--versioncolor);
}
.p-client-view-moreinfo_checkbox._checked::after {
  display: block;
}
.p-client-view-record {
  max-width: 612px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 24px 0 0;
  padding: 16px 12px 16px 12px;
  border: 1px solid #f1f4f5;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
}
.p-client-view-record {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-record._in_progress {
  background: #f0fcfa;
  border-color: #f0fcfa;
}

.p-client-view-record._arrived {
  background: #f0fcfa;
  border-color: #f0fcfa;
}
body._trio .p-client-view-record {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  display: none;
}
body._ani-to-trio .p-client-view-record {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body._ani-from-trio .p-client-view-record {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view-record_icon {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  width: 20px;
  height: 20px;
}
.p-client-view-record_icon::after {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1px 0 0;
  font-size: 24px;
  line-height: 2px;
}
.p-client-view-record._scheduled .p-client-view-record_icon {
  color: #eccbef;
}
.p-client-view-record._scheduled .p-client-view-record_icon::after {
  content: '\e615';
  font-family: 'clientix-icons';
}
.p-client-view-record._sms_confirmation_sent .p-client-view-record_icon {
  color: #91ccf1;
}
.p-client-view-record._sms_confirmation_sent .p-client-view-record_icon::after {
  content: '\e675';
  font-family: 'clientix-icons';
}
.p-client-view-record._confirmed .p-client-view-record_icon {
  color: #b9f2e9;
}
.p-client-view-record._confirmed .p-client-view-record_icon::after {
  content: '\e642';
  font-family: 'clientix-icons';
}
.p-client-view-record._in_progress .p-client-view-record_icon {
  color: #7ae9d7;
}

.p-client-view-record._arrived .p-client-view-record_icon {
  color: #7ae9d7;
}
.p-client-view-record._in_progress .p-client-view-record_icon::after {
  content: '\e642';
  font-family: 'clientix-icons';
}
.p-client-view-record._arrived .p-client-view-record_icon::after {
  content: '\e642';
  font-family: 'clientix-icons';
}
.p-client-view-record._finished .p-client-view-record_icon {
  color: #a8a9a9;
}
.p-client-view-record._finished .p-client-view-record_icon::after {
  content: '\e613';
  font-family: 'clientix-icons';
}
.p-client-view-record._cancelled_by_sms .p-client-view-record_icon {
  color: #fdcdc2;
}
.p-client-view-record._cancelled_by_sms .p-client-view-record_icon::after {
  content: '\e676';
  font-family: 'clientix-icons';
}
.p-client-view-record._cancelled .p-client-view-record_icon {
  color: #fdcdc2;
}
.p-client-view-record._cancelled .p-client-view-record_icon::after {
  content: '\e614';
  font-family: 'clientix-icons';
}
.p-client-view-record._missed .p-client-view-record_icon {
  color: #fdcdc2;
}
.p-client-view-record._missed .p-client-view-record_icon::after {
  content: '\e614';
  font-family: 'clientix-icons';
}
.p-client-view-record_info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  margin: 0 0 0 12px;
}
.p-client-view-record_tag {
  display: none;
  margin: 0 0 0 4px;
  padding: 2px 4px;
  color: #fff;
  border-radius: 4px;
  background: #65ddca;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.p-client-view-record._in_progress .p-client-view-record_tag {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}

.p-client-view-record._arrived .p-client-view-record_tag {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.p-client-view-record_noshow {
  margin: 0 0 0 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  font-size: 13px;
  color: #ffc1b2;
}
.p-client-view-record-aspect {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 0 12px 0 16px;
}
.p-client-view-record-aspect-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-client-view-record-aspect-service_name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 1px;
  min-height: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-client-view-record-aspect-service_more {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  padding: 0 0 0 8px;
  font-size: 12px;
  color: #a3a9ad;
}
.p-client-view-record-aspect_specialist {
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-client-view-abonements {
  border: 1px solid #f1f4f5;
  border-radius: 4px;
  max-width: 612px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin: 12px 0 0;
}
body._trio .p-client-view-abonements {
  display: none;
}
.p-client-view-abonement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 12px;
}
.p-client-view-abonement_c {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.p-client-view-abonement_c._shrink {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}
.p-client-view-abonement_c._grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-client-view-abonement_c + .p-client-view-abonement_c {
  padding-left: 12px;
}
.p-client-view-abonement_icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.p-client-view-abonement_icon::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 20px;
  content: '\e63E';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 2px;
  margin: -1px 0 0;
}
body .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._beauty .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._health .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._smile .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._happiness .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._velocity .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._friend .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
body._strength .p-client-view-abonement_icon::before {
  color: var(--versioncolor);
}
.p-client-view-abonement-nameInfo_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-client-view-abonement-nameInfo_info strong {
  font-weight: 400;
}
.p-client-view-abonement-nameInfo_info strong + strong::before {
  content: ', ';
}
.p-client-view-abonement-typeDuration {
  width: 160px;
}
.p-client-view-abonement-typeDuration_names {
  font-size: 10px;
  height: 10px;
  margin-top: 5px;

}
.p-client-view-abonement-typeDuration_owner {
  font-size: 10px;
  height: 10px;
  margin-top: 5px;
}

.p-client-view-abonement-typeDuration_owner::before {
  content: '\e618';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  text-align: center;
  color: #535353;
  font-size: 24px;
  line-height: 2px;
}

.p-client-view-abonement-typeDuration_names::before {
  content: '\e616';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  text-align: center;
  color: #535353;
  font-size: 24px;
  line-height: 2px;
}

.p-client-view-abonement-typeDuration_name {
  font-size: 13px;
}
.p-client-view-list {
  max-width: 612px;
  margin: 24px 0 0;
  border-top: 1px solid #f0f4f5;
  list-style: none;
}
.p-client-view-list_item {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 56px;
  padding: 0 0 0 36px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /*color: var(--versioncolor);*/
  color: #0099d1;
  background: transparent;
  font-size: 0;
  font-weight: 700;
  line-height: 56px;
}
.p-client-view-list_item {
  -webkit-transition: color 0.1s ease-in-out, -webkit-box-shadow 0.2s ease, background 0.2s ease;
          transition: color 0.1s ease-in-out, box-shadow 0.2s ease, background 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-client-view-list_item::before {
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  margin: -1px 0 0;
  font-size: 24px;
  line-height: 2px;
}
.p-client-view-list_item::after {
  content: '\e600';
  font-family: 'clientix-icons';
  vertical-align: bottom;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  margin: -1px 0 0;
  text-align: center;
  color: #d9d9d9;
  font-size: 24px;
  line-height: 2px;
}
.p-client-view-list_item::after {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._beauty .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._health .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._smile .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._happiness .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._velocity .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._friend .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body._strength .p-client-view-list_item:hover {
  color: var(--versioncolor);
}
body .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._beauty .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._health .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._smile .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._happiness .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._velocity .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._friend .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
body._strength .p-client-view-list_item:hover::after {
  color: var(--versioncolor);
}
.p-client-view-list_item:active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._beauty .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._health .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._smile .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._happiness .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._velocity .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._friend .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._strength .p-client-view-list_item:active {
  color: var(--versioncolor3);
}
body._trio .p-client-view-list_item._trio-hidden {
  display: none;
}
body._trio .p-client-view-list_item._active {
  display: block;
  border-radius: 4px 0 0 4px;
  background: #fff;
  -webkit-box-shadow: -2px 0 1px -1px #cdd2d2, 0 2px 1px -1px #cdd2d2, 0 -2px 1px -1px #cdd2d2;
          box-shadow: -2px 0 1px -1px #cdd2d2, 0 2px 1px -1px #cdd2d2, 0 -2px 1px -1px #cdd2d2;
}
body._ani-to-trio .p-client-view-list_item._active {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
body._ani-from-trio .p-client-view-list_item._active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.p-client-view-list_item._icon_feed::before {
  content: '\e678';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_record::before {
  content: '\e643';
  font-family: 'clientix-icons';
}
._happiness .p-client-view-list_item._icon_add::before {
  content: '\e646';
  font-family: 'clientix-icons';
}
._velocity .p-client-view-list_item._icon_add::before {
  content: '\e648';
  font-family: 'clientix-icons';
}
._friend .p-client-view-list_item._icon_add::before {
  content: '\e647';
  font-family: 'clientix-icons';
}
._happiness .p-client-view-list_item._icon_sub::before {
  content: '\e608';
  font-family: 'clientix-icons';
}
._velocity .p-client-view-list_item._icon_sub::before {
  content: '\e61f';
  font-family: 'clientix-icons';
}
._friend .p-client-view-list_item._icon_sub::before {
  content: '\e620';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_history::before {
  content: '\e644';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_material::before {
  content: '\e600';
  font-family: 'materials';
}
.p-client-view-list_item._icon_log::before {
  content: '\e645';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_callus::before {
  content: '\e621';
  font-family: 'materials';
}
.p-client-view-list_item._icon_wallet::before {
  content: '\e601';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_document::before {
  content: '\e62c';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_archive::before {
  content: '\e64F';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_sms::before {
  content: '\e62a';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_discount::before {
  content: '\e605';
  font-family: 'clientix-icons';
}
.p-client-view-list_item._icon_ticket::before {
  content: '\e63E';
  font-family: 'clientix-icons';
}

.p-client-view-list_item._icon_family::before {
  content: '\e616';
  font-family: 'clientix-icons';
}
body .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._beauty .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._health .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._smile .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._happiness .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._velocity .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._friend .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body._strength .p-client-view-list_item._color_special {
  color: var(--versioncolor);
}
body .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._beauty .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._health .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._smile .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._happiness .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._velocity .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._friend .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
body._strength .p-client-view-list_item._color_special:hover {
  color: var(--versioncolor3);
}
.p-client-view-list_item._color_special:active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._beauty .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._health .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._smile .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._happiness .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._velocity .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._friend .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
body._strength .p-client-view-list_item._color_special:active {
  color: var(--versioncolor4);
}
._trio .p-client-view-list_item::before {
  text-align: center;
  width: 36px;
}
._trio .p-client-view-list_item::after {
  display: none;
}
.p-client-view-list_item + .p-client-view-list_item {
  margin: 1px 0 0;
  -webkit-box-shadow: -2px 0 1px -1px transparent, 0 2px 1px -1px transparent, 0 -2px 1px -1px #f0f4f5;
          box-shadow: -2px 0 1px -1px transparent, 0 2px 1px -1px transparent, 0 -2px 1px -1px #f0f4f5;
}
body._trio .p-client-view-list_item._active + .p-client-view-list_item {
  -webkit-box-shadow: -2px 0 1px -1px transparent, 0 2px 1px -1px transparent, 0 -2px 1px -1px transparent;
          box-shadow: -2px 0 1px -1px transparent, 0 2px 1px -1px transparent, 0 -2px 1px -1px transparent;
}
.p-client-view-list_item_span {
  pointer-events: none;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}
.p-client-view-list_pro {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 8px;
  line-height: 1;
  color: #fff;
}
body .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._beauty .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._health .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._smile .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._happiness .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._velocity .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._friend .p-client-view-list_pro {
  background: var(--versioncolor);
}
body._strength .p-client-view-list_pro {
  background: var(--versioncolor);
}
._trio .p-client-view-list_pro {
  left: 6px;
}
.p-client-view-list_count {
  padding: 2px 8px;
  margin: 0 0 0 12px;
  vertical-align: middle;
  color: #949ca0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
}
.p-client-view-list_count strong {
  color: #3e3e3e;
}
.p-client-view-list_count._red strong {
  color: #f56a3f;
}
.p-client-view-list_corner {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 12px;
  height: 12px;
  border-left-color: transparent;
}
.p-client-view-list_corner::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: ' ';
  border: 12px solid transparent;
  border-left-color: inherit;
}
.p-client-view-list_item._subclient:nth-last-of-type(1) .p-client-view-list_corner {
  border-left-color: #eed3f1;
}
.p-client-view-list_item._subclient:nth-last-of-type(2) .p-client-view-list_corner {
  border-left-color: #b9f2e9;
}
.p-client-view-list_item._subclient:nth-last-of-type(3) .p-client-view-list_corner {
  border-left-color: #fcdbd3;
}
.p-client-view-list_item._subclient:nth-last-of-type(4) .p-client-view-list_corner {
  border-left-color: #c4d0f1;
}
.p-client-view-list_item._subclient:nth-last-of-type(5) .p-client-view-list_corner {
  border-left-color: #d6f3ae;
}
.p-client-view-list_item._subclient:nth-last-of-type(6) .p-client-view-list_corner {
  border-left-color: #f9f2aa;
}