.b-appointment {
  position: relative;
  overflow: hidden;
  height: 0;
}
.b-appointment ._onlyActive {
  display: none !important;
}
.b-appointment ._active ._onlyActive {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.b-appointment-rows {
  border-top: 1px solid;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  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;
  height: 100%;
}
body .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._health .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-rows {
  border-color: var(--versioncolor);
}
body._offline .b-appointment-rows {
  border-color: #b3b3b3 !important;
}
.b-appointment-rows_item {
  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;
}
.b-appointment-rows_item._grow {
  -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;
}
.b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-top: 1px solid;
}
body .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._health .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-rows_item._grow + .b-appointment-rows_item {
  border-color: var(--versioncolor);
}
.b-appointment-columns {
  -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;
}
.b-appointment-columns_item {
  -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;
  width: 33.33%;
  min-width: 180px;
}
.b-appointment-columns_item._active {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  width: 100%;
}
.b-appointment-columns_item + .b-appointment-columns_item {
  border-left: 1px solid #f1f1f1;
}
.b-appointment-columns_item {
  -webkit-transition: width 0.1s ease;
          transition: width 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-column {
  position: relative;
  -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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index:100;
}
.b-appointment-column_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.25;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
}
.b-appointment-column_overlay:hover {
  opacity: 0;
}
.b-appointment._auto .b-appointment-column_overlay {
  opacity: 0 !important;
}
.b-appointment-columns_item._active .b-appointment-column_overlay {
  visibility: hidden;
}
.b-appointment-column_overlay {
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-column_chevron {
  position: absolute;
  top: 24px;
  right: -4px;
  width: 32px;
  height: 24px;
  z-index: 2;
  pointer-events: none;
}
.b-appointment-column_chevron::after {
  position: absolute;
  text-align: center;
  font-size: 28px;
  top: 50%;
  right: 0;
  left: 0;
  line-height: 2px;
  margin: -1px 0 0;
  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;
}
body .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._beauty .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._health .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._smile .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._happiness .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._velocity .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._friend .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
body._strength .b-appointment-column_chevron::after {
  color: var(--versioncolor);
}
.b-appointment-columns_item._active .b-appointment-column_chevron {
  visibility: hidden;
}
.b-appointment-column_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;
  background: #fff;
}
.b-appointment-column_item._grow {
  position: relative;
  -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;
  border-top: 1px solid #f1f1f1;
}
.b-appointment._auto .b-appointment-column_item._grow {
  display: none;
}
.b-appointment-columns_item:not(._active) .b-appointment-column_item._grow {
  border-top-color: transparent;
}
.b-appointment-column_item_cr {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
.b-appointment-columns_item:not(._active) .b-appointment-column_item_cr {
  overflow: hidden;
}
.b-appointment-column_preloader {
  position: absolute;
  z-index: 0 ;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(255,255,255,0.75);
  text-align: center;
}
.b-appointment-column_preloader {
  -webkit-transition: opacity 0.2s ease, visibility 0s 0.2s;
          transition: opacity 0.2s ease, visibility 0s 0.2s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-column._preloader .b-appointment-column_preloader {
  opacity: 1;
  visibility: visible;
}
.b-appointment-column._preloader .b-appointment-column_preloader {
  -webkit-transition: opacity 0s, visibility 0s;
          transition: opacity 0s, visibility 0s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-column_preloader .t-preloader {
  margin-left: -12px;
  font-size: 24px;
}
.b-appointment-title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 36px;
  padding: 0 24px 0 80px;
}
.b-appointment-columns_item._selected .b-appointment-title {
  padding-top: 0 !important;
  padding-left: 24px;
}
.b-appointment-columns_item._active .b-appointment-title {
  padding-top: 0 !important;
  padding-left: 24px;
  color: #000;
  text-decoration: none;
}
.b-appointment-columns_item._active .b-appointment-title::after {
  content: '\e624';
  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: 16px;
  width: 36px;
  margin: -1px;
  font-size: 40px;
  line-height: 2px;
  text-align: right;
}
body .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._beauty .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._health .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._smile .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._happiness .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._velocity .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._friend .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
body._strength .b-appointment-columns_item._active .b-appointment-title::after {
  color: var(--versioncolor);
}
.b-appointment:not(._auto) .b-appointment-title {
  padding-top: 80px;
  padding-left: 24px;
}
.b-appointment-title_t {
  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: 36px;
  color: #000;
  font-weight: 700;
}
.b-appointment-title_t::before {
  position: absolute;
  bottom: 8px;
  right: 0;
  left: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid;
  content: ' ';
}
.b-appointment-title_t::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%;
  left: 100%;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
}
body .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._beauty .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._health .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._smile .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._happiness .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._velocity .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._friend .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body._strength .b-appointment-title_t::after {
  color: var(--versioncolor);
}
body .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._beauty .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._health .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._smile .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._happiness .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._velocity .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._friend .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
body._strength .b-appointment-columns_item._selected .b-appointment-title_t {
  color: var(--versioncolor);
}
.b-appointment-columns_item._active .b-appointment-title_t {
  color: #000 !important;
}
.b-appointment-columns_item._active .b-appointment-title_t::before {
  display: none;
}
.b-appointment-columns_item._active .b-appointment-title_t::after {
  display: none;
}
.b-appointment-form {
  padding: 12px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-appointment-form .element-autocomplete {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-form .b-appointment-buttons_button {
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-form #client_groups {
  -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: 320px;
  margin-left: 20px;
}
.b-appointment-form #service_groups {
  -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: 40%;
  margin-left: 20px;
}
.b-appointment-autocomplete {
  position: relative;
  padding: 0 24px;
  display: none;
}
.b-appointment-columns_item._active .b-appointment-autocomplete {
  display: block;
}
.b-appointment-autocomplete_title {
  padding: 12px 0 0;
  font-size: 14px;
  font-weight: 700;
}
.b-appointment-autocomplete_item {
  padding: 12px 0 10px 10px;
}
.b-appointment-autocomplete_item + .b-appointment-autocomplete_item {
  border-top: 1px solid #f1f1f1;
}
.b-appointment-autocomplete-nothing {
  padding: 16px 0;
}
.b-appointment-autocomplete-nothing._hidden {
  display: none;
}
.b-appointment-autocomplete-nothing_icon {
  position: relative;
  height: 64px;
}
.b-appointment-autocomplete-nothing_icon::before {
  content: '\e623';
  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: 48px;
  line-height: 2px;
  color: #91999d;
  text-align: center;
}
.b-appointment-autocomplete-nothing_title {
  text-align: center;
  font-size: 20px;
}
.b-appointment-autocomplete-nothing_text {
  text-align: center;
  font-size: 15px;
}
.b-appointment_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background: no-repeat 50% 24px;
  -webkit-background-size: 40px 40px;
          background-size: 40px;
}
.b-appointment_icon._client {
  background-image: url("../images/client.jpg");
}
.b-appointment_icon._service {
  background-image: url("../images/service.jpg");
}
.b-appointment_icon._specialist {
  background-image: url("../images/specialist.jpg");
}
.b-appointment:not(._auto) .b-appointment_icon {
  width: auto;
  right: 0;
}
.b-appointment:not(._auto) .b-appointment_icon::before {
  background-position: 50% 16px;
}
.b-appointment-columns_item._active .b-appointment_icon {
  display: none;
}
.b-appointment-columns_item._selected .b-appointment_icon {
  display: none;
}
.b-appointment-tooltip {
  position: relative;
}
.b-appointment-columns_item._active .b-appointment-tooltip {
  display: none;
}
.b-appointment-columns_item._selected .b-appointment-tooltip {
  display: none;
}
.b-appointment-tooltip_text {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px 8px 80px;
  font-size: 12px;
  color: #b4b4b4;
  font-weight: 400;
}
.b-appointment:not(._auto) .b-appointment-tooltip_text {
  color: #555;
  padding-left: 24px;
}
.b-appointment-column:hover .b-appointment-tooltip_text {
  color: #555;
}
.b-appointment-tooltip_text {
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 12px;
}
.b-appointment-buttons_button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
  min-height: 1px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 50%;
  height: 46px;
  padding: 0 16px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px -1px #fff inset;
          box-shadow: 0 2px 2px -1px #fff inset;
  font-size: 13px;
  line-height: 46px;
  text-transform: uppercase;
  text-align: center;
}
.b-appointment-buttons_button {
  -webkit-transition: background 0.2s ease, -webkit-box-shadow 0.2s ease;
          transition: background 0.2s ease, box-shadow 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-buttons_button {
  -webkit-animation: calendar-record_fade-in 0.5s ease;
          animation: calendar-record_fade-in 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._beauty .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._health .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._smile .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._happiness .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._velocity .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._friend .b-appointment-buttons_button {
  color: var(--versioncolor);
}
body._strength .b-appointment-buttons_button {
  color: var(--versioncolor);
}
.b-appointment-buttons_button:hover {
  background: #fafafa;
}
.b-appointment-buttons_button:active {
  background: #fafafa;
  -webkit-box-shadow: 0 2px 2px -1px #d8d8d8 inset;
          box-shadow: 0 2px 2px -1px #d8d8d8 inset;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.b-appointment-buttons_button._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;
  padding: 0 4px 0 0;
  font-size: 24px;
}
.b-appointment-buttons_button._icon_client::before {
  content: '\e619';
  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;
}
.b-appointment-buttons_button._icon_service::before {
  content: '\e619';
  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;
}
.b-appointment._cancelled .b-appointment-buttons_button,
.b-appointment._missed .b-appointment-buttons_button,
.b-appointment._in_progress .b-appointment-buttons_button,
.b-appointment._arrived .b-appointment-buttons_button,
.b-appointment._finished .b-appointment-buttons_button,
.b-appointment._edit .b-appointment-buttons_button {
  display: none;
}
.b-appointment._cancelled .b-appointment-buttons_button,
.b-appointment._missed .b-appointment-buttons_button,
.b-appointment._in_progress .b-appointment-buttons_button,
.b-appointment._arrived .b-appointment-buttons_button,
.b-appointment._finished .b-appointment-buttons_button,
.b-appointment._edit .b-appointment-buttons_button {
  -webkit-animation: none;
          animation: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-chosenClients {
  margin: 0px 0 0 12px;
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.b-appointment-columns_item._active .b-appointment-chosenClients {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-appointment-chosenClient {
  position: relative;
  margin: 12px 0 0 12px;
  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;
  padding: 8px 32px 8px 8px;
  border-radius: 4px;
  border: 1px solid;
}
body .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._health .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient {
  border-color: var(--versioncolor);
}
.b-appointment-chosenClient_name {
  color: #555;
  font-size: 15px;
}
.b-appointment-chosenClient_phone {
  font-size: 13px;
  color: #8f979b;
}
.b-appointment-chosenClient_abonement {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 13px;
}
body .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._health .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient_abonement {
  color: var(--versioncolor);
}
.b-appointment-chosenClient_abonement::before {
  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;
  padding: 0 4px 0 0;
  font-size: 16px;
}
.b-appointment-chosenClient_abonement._empty {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #8f979b !important;
}
.b-appointment-chosenClient_close {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  color: var(--versioncolor);
}
.b-appointment-chosenClient_close::after {
  content: '\e60e';
  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;
  text-align: center;
  margin: -1px 0 0;
  font-size: 24px;
  line-height: 2px;
}
.b-appointment-chosenClient-abonements {
  position: absolute;
  margin: -24px 0 0;
  top: 100%;
  left: -1px;
  width: 500px;
  border: 1px solid;
  border-radius: 4px;
  padding: 12px 0 0;
  background: #fff;
  z-index: 1;
}
body .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._health .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient-abonements {
  border-color: var(--versioncolor);
}
.b-appointment-chosenClient-abonements._hidden {
  display: none;
}
.b-appointment-chosenClient-abonements_total {
  position: relative;
  padding: 0 0 0 32px;
  color: #000;
  font-size: 15px;
  line-height: 18px;
}
.b-appointment-chosenClient-abonements_total strong {
  font-weight: 600;
}
.b-appointment-chosenClient-abonements_total::before {
  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;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 20px;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 20px;
}
body .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._health .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient-abonements_total::before {
  color: var(--versioncolor);
}
.b-appointment-chosenClient-abonements_info {
  margin: 12px 0 0;
  border-radius: 0;
}
.b-appointment-chosenClient-abonements-list {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.b-appointment-chosenClient-abonements-list_i {
  padding: 8px 0;
}
.b-appointment-chosenClient-abonements-list_i + .b-appointment-chosenClient-abonements-list_i {
  border-top: 1px solid #e2e2e2;
}
.b-appointment-chosenClient-abonements-item_name {
  position: relative;
  color: #000;
  font-size: 15px;
  padding: 0 0 4px 32px;
}
.b-appointment-chosenClient-abonements-item_name strong {
  font-weight: 600;
}
.b-appointment-chosenClient-abonements-item_name::before {
  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;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 20px;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 20px;
}
body .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._health .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient-abonements-item_name::before {
  color: var(--versioncolor);
}
.b-appointment-chosenClient-abonements-item_property {
  color: #888;
  font-size: 13px;
  padding: 0 0 0 32px;
}
.b-appointment-chosenClient-abonements-item_property strong {
  font-weight: 400;
  color: #000;
}
.b-appointment-chosenClient-abonements-item_property strong + strong::before {
  content: ', ';
}
.b-appointment-chosenClient-abonements_close {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
body .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._beauty .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._health .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._smile .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._happiness .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._velocity .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._friend .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
body._strength .b-appointment-chosenClient-abonements_close {
  color: var(--versioncolor);
}
.b-appointment-chosenClient-abonements_close::after {
  content: '\e60e';
  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;
  text-align: center;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
}
.b-appointment-infoclient {
  padding: 24px;
}
.b-appointment-infoclient_name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.b-appointment-infoclient_subclient {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 20px;
}
.b-appointment-infoclient_subclient._icon {
  position: relative;
  padding-left: 32px;
}
.b-appointment-infoclient_subclient._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: 24px;
  line-height: 2px;
}
body._happiness .b-appointment-infoclient_subclient._icon::before {
  content: '\e608';
  font-family: 'clientix-icons';
}
body._velocity .b-appointment-infoclient_subclient._icon::before {
  content: '\e61f';
  font-family: 'clientix-icons';
}
body._friend .b-appointment-infoclient_subclient._icon::before {
  content: '\e620';
  font-family: 'clientix-icons';
}
.b-appointment-addclient {
  padding: 12px 24px;
}
.b-appointment._auto .b-appointment-addclient {
  padding-top: 0;
}
.b-appointment._auto .b-appointment-addclient .element {
  display: none;
}
.b-appointment._auto .b-appointment-addclient .element#name {
  display: block;
}
.b-appointment-addclient .element#patron_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-addclient .element#first_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-addclient .element#second_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}

.b-appointment-addclient .element#additional_contact_priority {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 0 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-addclient .element#additional_contact_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-addclient .element#additional_contact_phone {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-addclient .element#submit {
  width: 50%;
}
.b-appointment-addclient .element#submit .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-addclient .element#submit .element-button_button-span {
  line-height: 24px;
}
body .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._beauty .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._health .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._smile .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._happiness .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._velocity .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._friend .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._strength .b-appointment-addclient .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
.b-appointment-addclient .element#submit .element-button_button-span::before {
  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;
  padding: 0 4px 0 0;
  font-size: 24px;
}
.b-appointment-addclient .element#cancel_client {
  width: 50%;
}
.b-appointment-addclient .element#cancel_client .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-addclient .element#cancel_client .element-button_button-span {
  line-height: 24px;
}
.b-appointment-addclient .element#cancel_client .element-button_button-span::before {
  content: '\e60e';
  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 4px 0 0;
  font-size: 24px;
  line-height: 24px;
}
.b-appointment #leadSourceCr {
  display: none;
}
.b-appointment-columns_item._active #leadSourceCr {
  display: block;
}
.b-appointment #leadSourceCr .element .element_label {
  padding-left: 0;
}
.b-appointment #leadSourceCr .element#lead_source .element_label-span::after {
  color: #b5b5b5;
  content: '\e674';
  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 .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._beauty .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._health .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._smile .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._happiness .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._velocity .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._friend .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
body._strength .b-appointment #leadSourceCr .element#lead_source._theme .element_label-span::after {
  color: var(--versioncolor);
}
.b-appointment-viewclient {
  position: relative;
  padding: 12px 24px;
  display: none;
}
.b-appointment-columns_item._active .b-appointment-viewclient {
  display: block;
}
.b-appointment-viewclient-client {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding: 0 24px 0 0;
}
.b-appointment-viewclient-client_new {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 8px;
  padding: 0 4px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  line-height: 20px;
  color: #949ca0;
  font-weight: 700;
  vertical-align: middle;
}
.b-appointment-viewclient-client_birthday {
  display: inline-block;
  vertical-align: top;
  opacity: 0.5;
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}
body .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-client_birthday {
  color: var(--versioncolor);
}
.b-appointment-viewclient-client_birthday::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;
}
.b-appointment-viewclient-client_birthday._today {
  opacity: 1;
}
.b-appointment-viewclient-client_remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 32px;
  height: 32px;
}
.b-appointment-viewclient-client_remove::before {
  content: '\e60e';
  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: 24px;
  line-height: 2px;
  color: #ff9c9c;
  text-align: center;
}
.b-appointment-viewclient-phone {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 24px;
}
.b-appointment-viewclient-phone._icon {
  position: relative;
  padding-left: 32px;
}
.b-appointment-viewclient-phone._icon::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;
  font-size: 24px;
  line-height: 2px;
}
.b-appointment-viewclient-subclient {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 12px 0 0;
  padding: 0 0 0 32px;
  font-size: 14px;
  line-height: 20px;
}
.b-appointment-viewclient-subclient {
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-viewclient-subclient::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  border: 1px solid #b4babc;
  border-radius: 50%;
  background: #fff;
  content: ' ';
}
.b-appointment-viewclient-subclient::before {
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
          transition: background 0.1s ease, border-color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.b-appointment-viewclient-subclient::after {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  border: 1px solid #b4babc;
  border-radius: 50%;
  content: ' ';
}
.b-appointment-viewclient-subclient::after {
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
          transition: background 0.1s ease, border-color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-subclient:hover {
  color: var(--versioncolor);
}
.b-appointment-viewclient-subclient:active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._beauty .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._health .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._smile .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._happiness .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._velocity .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._friend .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body._strength .b-appointment-viewclient-subclient:active {
  color: var(--versioncolor3);
}
body .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-subclient._active {
  color: var(--versioncolor);
}
body .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._health .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._smile .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._friend .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body._strength .b-appointment-viewclient-subclient._active::after {
  background: var(--versioncolor);
}
body .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._health .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-subclient._active::after {
  border-color: var(--versioncolor);
}
.b-appointment-viewclient-subclient_name::after {
  content: '\00a0';
}
.b-appointment-viewclient-subclient_birthday {
  opacity: 0.5;
}
body .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-subclient_birthday {
  color: var(--versioncolor);
}
.b-appointment-viewclient-subclient_birthday::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;
}
.b-appointment-viewclient-subclient_birthday._today {
  opacity: 1;
}
.b-appointment-viewclient-info {
  margin: 8px 0 0;
  font-size: 14px;
}
.b-appointment-viewclient-info_label {
  font-weight: 700;
}
.b-appointment-viewclient-info_label::after {
  content: ' ';
}
.b-appointment-viewclient-newmemo_add, .b-appointment-viewclient-newicon_add {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 8px 0 0;
  padding: 4px 0;
  font-size: 13px;
  line-height: 16px;
}
body .b-appointment-viewclient-newmemo_add, body .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-newmemo_add, body._beauty .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-newmemo_add, body._health .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-newmemo_add, body._smile .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-newmemo_add, body._happiness .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-newmemo_add, body._velocity .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-newmemo_add, body._friend .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-newmemo_add, body._strength .b-appointment-viewclient-newicon_add {
  color: var(--versioncolor);
}
body .b-appointment-viewclient-newmemo_add:hover, body .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._beauty .b-appointment-viewclient-newmemo_add:hover, body._beauty .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._health .b-appointment-viewclient-newmemo_add:hover, body._health  .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._smile .b-appointment-viewclient-newmemo_add:hover, body._smile .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._happiness .b-appointment-viewclient-newmemo_add:hover, body._happiness .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._velocity .b-appointment-viewclient-newmemo_add:hover, body._velocity .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._friend .b-appointment-viewclient-newmemo_add:hover, body._friend .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body._strength .b-appointment-viewclient-newmemo_add:hover, body._strength .b-appointment-viewclient-newicon_add:hover {
  color: var(--versioncolor3);
}
body .b-appointment-viewclient-newmemo_add:active, body .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._beauty .b-appointment-viewclient-newmemo_add:active, body._beauty .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._health .b-appointment-viewclient-newmemo_add:active, body._health .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._smile .b-appointment-viewclient-newmemo_add:active, body._smile .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._happiness .b-appointment-viewclient-newmemo_add:active, body._happiness .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._velocity .b-appointment-viewclient-newmemo_add:active, body._velocity .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._friend .b-appointment-viewclient-newmemo_add:active, body._friend .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
body._strength .b-appointment-viewclient-newmemo_add:active, body._strength .b-appointment-viewclient-newicon_add:active {
  color: var(--versioncolor4);
}
.b-appointment-viewclient-newmemo_add._icon , .b-appointment-viewclient-newicon_add._icon{
  position: relative;
  padding-left: 24px;
}
.b-appointment-viewclient-newmemo_add._icon::before {
  content: '\e60c';
  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: 16px;
  line-height: 2px;
}
.b-appointment-viewclient-newicon_add._icon::before {
  content: '\e66C';
  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: 16px;
  line-height: 2px;
}

.b-appointment-viewclient-editmemo {
  margin: 16px 0 0;
}
.b-appointment-viewclient-editmemo .element-button {
  width: 50%;
}
.b-appointment-viewclient-editmemo .element-button_button {
  width: 100%;
}
.b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  display: block !important;
  line-height: 24px;
}
body .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-editmemo .element-button#submit .element-button_button {
  color: var(--versioncolor);
}
.b-appointment-viewclient-editmemo .element-button#submit .element-button_button::before {
  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;
  padding: 0 4px 0 0;
  font-size: 24px;
}
.b-appointment-viewclient-editmemo .element-button#cancel_memo .element-button_button {
  display: block !important;
  line-height: 24px;
}
.b-appointment-viewclient-editmemo .element-button#cancel_memo .element-button_button::before {
  content: '\e60e';
  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 4px 0 0;
  font-size: 24px;
}
.b-appointment-viewclient-memo_collapsable {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 8px -8px 0 -8px;
  padding: 8px;
  border-radius: 4px 4px 4px 0;
  background: #fafafa;
  font-size: 13px;
  line-height: 18px;
}
.b-appointment_hidden {
  font-style: normal;
}
.b-appointment-viewclient-memo._collapsed .b-appointment_hidden {
  display: none;
}
.b-appointment-viewclient-memo_edit {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 0 0 24px;
  font-size: 13px;
}
.b-appointment-viewclient-memo_edit {
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-memo_edit {
  color: var(--versioncolor);
}
.b-appointment-viewclient-memo_edit::before {
  content: '\e60f';
  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: 100%;
  width: 20px;
  margin: -1px 0 0 -20px;
  font-size: 20px;
  line-height: 2px;
  text-align: center;
}
.b-appointment-viewclient-memo_edit::after {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  border-bottom: 1px dashed;
  content: ' ';
}
body .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._health .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-memo_edit::after {
  border-color: var(--versioncolor);
}
.b-appointment-viewclient-memo_edit:hover {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._beauty .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._health .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._smile .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._happiness .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._velocity .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._friend .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body._strength .b-appointment-viewclient-memo_edit:hover {
  color: var(--versioncolor3);
}
body .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._beauty .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._health .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._smile .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._happiness .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._velocity .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._friend .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
body._strength .b-appointment-viewclient-memo_edit:hover::after {
  border-color: var(--versioncolor3);
}
.b-appointment-viewclient-memo_edit:active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
body .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._beauty .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._health .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._smile .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._happiness .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._velocity .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._friend .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body._strength .b-appointment-viewclient-memo_edit:active {
  color: var(--versioncolor4);
}
body .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._beauty .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._health .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._smile .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._happiness .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._velocity .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._friend .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
body._strength .b-appointment-viewclient-memo_edit:active::after {
  border-color: var(--versioncolor4);
}
.b-appointment-viewclient-memo_button {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 -8px 0 -8px;
  padding: 4px 8px;
  border-radius: 0 0 4px 4px;
  background: #fafafa;
  font-size: 13px;
  line-height: 16px;
}
body .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-memo_button {
  color: var(--versioncolor);
}
.b-appointment-viewclient-memo_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;
  font-size: 16px;
}
body .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._beauty .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._health .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._smile .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._happiness .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._velocity .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._friend .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body._strength .b-appointment-viewclient-memo_button:hover {
  color: var(--versioncolor3);
}
body .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._beauty .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._health .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._smile .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._happiness .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._velocity .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._friend .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
body._strength .b-appointment-viewclient-memo_button:active {
  color: var(--versioncolor4);
}
.b-appointment-viewclient-memo._collapsable .b-appointment-viewclient-memo_button {
  display: inline-block;
  vertical-align: top;
}
.b-appointment-viewclient-memo._collapsed .b-appointment-viewclient-memo_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;
}
.b-appointment-viewclient-memo_button._icon {
  position: relative;
  padding-left: 32px;
}
.b-appointment-viewclient-memo_button._icon::before {
  content: '\e60c';
  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: 8px;
  margin: -1px 0 0;
  font-size: 16px;
  line-height: 2px;
}
.b-appointment-viewclient-memo_collapse {
  display: inline;
}
.b-appointment-viewclient-memo._collapsed .b-appointment-viewclient-memo_collapse {
  display: none;
}
.b-appointment-viewclient-memo_uncollapse {
  display: none;
}
.b-appointment-viewclient-memo._collapsed .b-appointment-viewclient-memo_uncollapse {
  display: inline;
}
.b-appointment-viewclient_abonement {
  position: relative;
  margin: 8px 0 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 15px;
}
body .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient_abonement {
  color: var(--versioncolor);
}
.b-appointment-viewclient_abonement::before {
  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;
  padding: 0 4px 0 0;
  font-size: 20px;
}
.b-appointment-viewclient_abonement._empty {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #8f979b !important;
}
.b-appointment-viewclient-abonements {
  position: absolute;
  margin: -8px 0 0 -2px;
  top: 0;
  left: -1px;
  width: 500px;
  max-width: 100%;
  border: 1px solid;
  border-radius: 4px;
  padding: 12px 0 0;
  background: #fff;
  z-index: 1;
}
body .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._health .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-abonements {
  border-color: var(--versioncolor);
}
.b-appointment-viewclient-abonements._hidden {
  display: none;
}
.b-appointment-viewclient-abonements_total {
  position: relative;
  padding: 0 0 0 32px;
  color: #000;
  font-size: 15px;
  line-height: 18px;
}
.b-appointment-viewclient-abonements_total strong {
  font-weight: 600;
}
.b-appointment-viewclient-abonements_total::before {
  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;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 20px;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 20px;
}
body .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-abonements_total::before {
  color: var(--versioncolor);
}
.b-appointment-viewclient-abonements_info {
  margin: 12px 0 0;
  border-radius: 0;
}
.b-appointment-viewclient-abonements-list {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.b-appointment-viewclient-abonements-list_i {
  padding: 8px 0;
}
.b-appointment-viewclient-abonements-list_i + .b-appointment-viewclient-abonements-list_i {
  border-top: 1px solid #e2e2e2;
}
.b-appointment-viewclient-abonements-item_name {
  position: relative;
  color: #000;
  font-size: 15px;
  padding: 0 0 4px 32px;
}
.b-appointment-viewclient-abonements-item_name strong {
  font-weight: 600;
}
.b-appointment-viewclient-abonements-item_name::before {
  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;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 20px;
  margin: -1px 0 0;
  line-height: 2px;
  font-size: 20px;
}
body .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-abonements-item_name::before {
  color: var(--versioncolor);
}
.b-appointment-viewclient-abonements-item_property {
  color: #888;
  font-size: 13px;
  padding: 0 0 0 32px;
}
.b-appointment-viewclient-abonements-item_property strong {
  font-weight: 400;
  color: #000;
}
.b-appointment-viewclient-abonements-item_property strong + strong::before {
  content: ', ';
}
.b-appointment-viewclient-abonements_close {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
body .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._beauty .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._health .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._smile .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._happiness .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._velocity .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._friend .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
body._strength .b-appointment-viewclient-abonements_close {
  color: var(--versioncolor);
}
.b-appointment-viewclient-abonements_close::after {
  content: '\e60e';
  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;
  text-align: center;
  margin: -1px 0 0;
  font-size: 32px;
  line-height: 2px;
}
.b-appointment-client {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.b-appointment-client_name {
  font-size: 16px;
  /*color: var(--versioncolor);*/
  color: #0099d1;
}
.b-appointment-client_name {
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._beauty .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._health .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._smile .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._happiness .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._velocity .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._friend .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
body._strength .b-appointment-client:hover .b-appointment-client_name {
  color: var(--versioncolor);
}
.b-appointment-client_phone, .b-appointment-client_birth_date {
  padding-left: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #8f979b;
  vertical-align: baseline;
}
.b-appointment-client_subclient {
  margin: 4px 0 0;
  font-size: 12px;
  color: #8f979b;
}
.b-appointment-client-contact {
  margin: 4px 0 0;
  font-size: 12px;
  color: #8f979b;
}
.b-appointment-client-contact_label {
  font-weight: 700;
}
.b-appointment-client-contact_label::after {
  content: ' ';
}
.b-appointment-client-contact_name::after {
  content: ' ';
}
.b-appointment-infoservice {
  padding: 24px;
}
.b-appointment-infoservice-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
}
.b-appointment-infoservice-service_label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-infoservice-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;
  margin: 0 0 0 auto;
  padding: 0 0 0 8px;
  color: #a3a9ad;
}
.b-appointment-infoservice-service + .b-appointment-infoservice-service {
  margin-top: 4px;
}
.b-appointment-infoservice-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 0;
  padding: 6px 0 0;
  border-top: 1px solid #f1f1f1;
  font-size: 14px;
  color: #000;
}
.b-appointment-infoservice-results_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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.b-appointment-infoservice-results_value {
  -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-weight: 700;
}
.b-appointment-addservice {
  padding: 12px 24px;
}
.b-appointment._auto .b-appointment-addservice {
  padding-top: 0;
}
.b-appointment._auto .b-appointment-addservice .element {
  display: none;
}
.b-appointment._auto .b-appointment-addservice .element#name {
  display: block;
}
.b-appointment-addservice .element#submit {
  width: 50%;
}
.b-appointment-addservice .element#submit .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-addservice .element#submit .element-button_button-span {
  line-height: 24px;
}
body .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._beauty .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._health .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._smile .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._happiness .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._velocity .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._friend .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._strength .b-appointment-addservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
.b-appointment-addservice .element#submit .element-button_button-span::before {
  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;
  padding: 0 4px 0 0;
  font-size: 24px;
}
.b-appointment-addservice .element#cancel {
  width: 50%;
}
.b-appointment-addservice .element#cancel .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-addservice .element#cancel .element-button_button-span {
  line-height: 24px;
}
.b-appointment-addservice .element#cancel .element-button_button-span::before {
  content: '\e60e';
  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 4px 0 0;
  font-size: 24px;
  line-height: 24px;
}
.b-appointment-addservice-setup {
  padding: 12px 0;
}
.b-appointment-addservice-setup_row {
  -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;
}
.b-appointment-addservice-setup_row + .b-appointment-addservice-setup_row {
  margin: 8px 0 0;
}
.b-appointment-addservice-setup_column {
  -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;
}
.b-appointment-addservice-setup_column + .b-appointment-addservice-setup_column {
  margin: 0 0 0 8px;
}
.b-appointment-addservice-setup_label {
  font-size: 14px;
}
.b-appointment-addservice-setup_unit {
  font-size: 14px;
  color: #8f979b;
}
.b-appointment-addservice-setup-info {
  margin: 8px 0 0;
  font-size: 14px;
}
.b-appointment-addservice-setup-info_old {
  opacity: 0.5;
  text-decoration: line-through;
}
.b-appointment-addservice-setup-info_discount {
  color: #8f979b;
}
.b-appointment-addservice-setup-info_result {
  color: #000;
  font-weight: 700;
  padding: 0 0 0 4px;
}
.b-appointment-addservice-setup .element#price {
  width: 80px;
}
.b-appointment-addservice-setup .element#duration_hour {
  width: 72px;
}
.b-appointment-addservice-setup .element#duration_min {
  width: 72px;
}
.b-appointment-addservice-name {
  position: relative;
  font-weight: 700;
}
.b-appointment-editservice {
  padding: 12px 24px;
}
.b-appointment._auto .b-appointment-editservice {
  padding-top: 0;
}
.b-appointment-editservice .element#submit {
  width: 50%;
}
.b-appointment-editservice .element#submit .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-editservice .element#submit .element-button_button-span {
  line-height: 24px;
}
body .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._beauty .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._health .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._smile .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._happiness .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._velocity .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._friend .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
body._strength .b-appointment-editservice .element#submit .element-button_button-span {
  color: var(--versioncolor);
}
.b-appointment-editservice .element#submit .element-button_button-span::before {
  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;
  padding: 0 4px 0 0;
  font-size: 24px;
}
.b-appointment-editservice .element#cancel {
  width: 50%;
}
.b-appointment-editservice .element#cancel .element_button {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.b-appointment-editservice .element#cancel .element-button_button-span {
  line-height: 24px;
}
.b-appointment-editservice .element#cancel .element-button_button-span::before {
  content: '\e60e';
  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 4px 0 0;
  font-size: 24px;
  line-height: 24px;
}
.b-appointment-editservice-setup {
  padding: 12px 0;
}
.b-appointment-editservice-setup_row {
  -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;
}
.b-appointment-editservice-setup_row + .b-appointment-editservice-setup_row {
  margin: 8px 0 0;
}
.b-appointment-editservice-setup_column {
  -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;
}
.b-appointment-editservice-setup_column + .b-appointment-editservice-setup_column {
  margin: 0 0 0 8px;
}
.b-appointment-editservice-setup_column._shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 1px;
  min-height: 1px;
}
.b-appointment-editservice-setup_label {
  font-size: 14px;
}
.b-appointment-editservice-setup_unit {
  font-size: 14px;
  color: #8f979b;
}
.b-appointment-editservice-setup-info {
  margin: 8px 0 0;
  font-size: 14px;
}
.b-appointment-editservice-setup-info_old {
  opacity: 0.5;
  text-decoration: line-through;
}
.b-appointment-editservice-setup-info_discount {
  color: #8f979b;
}
.b-appointment-editservice-setup-info_result {
  color: #000;
  font-weight: 700;
  padding: 0 0 0 4px;
}
.b-appointment-editservice-setup .element#price {
  width: 80px;
}
.b-appointment-editservice-setup .element#quantity {
  width: 80px;
}
.b-appointment-editservice-setup .element#duration_hour {
  width: 72px;
}
.b-appointment-editservice-setup .element#duration_min {
  width: 72px;
}
.b-appointment-editservice-name {
  position: relative;
  font-weight: 700;
}
.b-appointment-editservice_remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 32px;
  height: 32px;
}
.b-appointment-editservice_remove::before {
  content: '\e60e';
  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: 24px;
  line-height: 2px;
  color: #ff9c9c;
  text-align: center;
}
.b-appointment-viewservices {
  padding: 0 24px;
  display: none;
}
.b-appointment-columns_item._active .b-appointment-viewservices {
  display: block;
}
.b-appointment-viewservices_title {
  padding: 12px 0 0;
  font-size: 14px;
  font-weight: 700;
}
.b-appointment-viewservices_item {
  padding: 12px 0;
}
.b-appointment-viewservices_item + .b-appointment-viewservices_item {
  padding: 12px 0;
  border-top: 1px solid #f1f1f1;
}
.b-appointment-viewservices + .b-appointment-autocomplete,
.b-appointment-viewservices + .b-appointment-popularservices {
  border-top: 1px solid #f1f1f1;
}
.b-appointment-viewservices-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  border-top: 1px solid #f1f1f1;
  font-size: 14px;
}
.b-appointment-viewservices-results_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;
}
.b-appointment-viewservices-results_value {
  -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 auto;
  font-weight: 700;
}
.b-appointment-viewservice {
  position: relative;
}
.b-appointment-viewabonement {
  position: relative;
  width:300px;
}
.b-appointment-viewservice-name-text {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
}
.b-appointment-viewabonement-name-text {
  color: var(--versioncolor);
  font-size: 15px;
   cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 200px;
  text-overflow: ellipsis;
}
.b-appointment-viewservice-name-text {
-webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
body .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._beauty .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._health .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._smile .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._happiness .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._velocity .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._friend .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
body._strength .b-appointment-viewservice-name-text:hover {
color: var(--versioncolor);
}
.b-appointment-viewservice-name-text:active {
-webkit-transition-duration: 0s;
      transition-duration: 0s;
}
body .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._beauty .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._health .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._smile .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._happiness .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._velocity .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._friend .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
body._strength .b-appointment-viewservice-name-text:active {
color: var(--versioncolor3);
}
.b-appointment-viewservice-name-text_edit {
position: relative;
margin: 0 0 0 24px;
font-size: 13px;
}
body .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._beauty .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._health .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._smile .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._happiness .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._velocity .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._friend .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
body._strength .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor);
}
.b-appointment-viewservice-name-text_edit {
-webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-viewservice-name-text_edit::before {
content: '\e60f';
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: 100%;
width: 20px;
margin: -1px 0 0 -20px;
font-size: 20px;
line-height: 2px;
text-align: center;
}
.b-appointment-viewservice-name-text_edit::after {
position: absolute;
top: 100%;
right: 0;
left: 0;
border-bottom: 1px dashed;
content: ' ';
}
body .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._beauty .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._health .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._smile .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._happiness .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._velocity .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._friend .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
body._strength .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor);
}
.b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
-webkit-transition-duration: 0s;
      transition-duration: 0s;
}
body .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._beauty .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._health .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._smile .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._happiness .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._velocity .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._friend .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body._strength .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit {
color: var(--versioncolor3);
}
body .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._beauty .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._health .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._smile .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._happiness .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._velocity .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._friend .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
body._strength .b-appointment-viewservice-name-text:active .b-appointment-viewservice-name-text_edit::after {
border-color: var(--versioncolor3);
}
.b-appointment-viewservice-info {
margin: 4px 0 0;
font-size: 14px;
color: #8f979b;
}
.b-appointment-viewservice-info_price {
color: #000;
font-weight: 700;
}
.b-appointment-viewservice-info_old-price {
margin: 0 0 0 8px;
text-decoration: line-through;
}
.b-appointment-viewservice-info_percent {
margin: 0 0 0 4px;
}
.b-appointment-viewservice-info_duration {
margin: 0 0 0 8px;
}
.b-appointment-viewservice_remove {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
width: 32px;
height: 32px;
}
.b-appointment-viewservice_remove::before {
content: '\e60e';
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: 24px;
line-height: 2px;
color: #ff9c9c;
text-align: center;
}
.b-appointment-viewservice-confirm {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
background: rgba(255,255,255,0.8);
}
.b-appointment-viewservice-confirm._show {
display: block;
}
.b-appointment-viewservice-confirm_question {
position: absolute;
top: 50%;
left: 0;
margin: -8px 0 0;
font-size: 16px;
line-height: 16px;
}
.b-appointment-viewservice-confirm_buttons {
position: absolute;
top: 50%;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: -8px 0 0;
}
.b-appointment-viewservice-confirm_button {
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;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
font-size: 16px;
line-height: 16px;
}
body .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._beauty .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._health .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._smile .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._happiness .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._velocity .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._friend .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
body._strength .b-appointment-viewservice-confirm_button {
color: var(--versioncolor);
}
.b-appointment-viewservice-confirm_button::before {
position: absolute;
top: 100%;
right: 0;
left: 0;
border-bottom: 1px dashed;
padding: 0 0 2px;
content: ' ';
}
body .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._beauty .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._health .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._smile .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._happiness .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._velocity .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._friend .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body._strength .b-appointment-viewservice-confirm_button::before {
color: var(--versioncolor);
}
body .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._beauty .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._health .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._smile .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._happiness .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._velocity .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._friend .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body._strength .b-appointment-viewservice-confirm_button:hover {
color: var(--versioncolor3);
}
body .b-appointment-viewservice-confirm_button:active {
  color: var(--versioncolor4);
}
body._beauty .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._health .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._smile .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._happiness .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._velocity .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._friend .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
body._strength .b-appointment-viewservice-confirm_button:active {
color: var(--versioncolor4);
}
.b-appointment-viewservice-confirm_button + .b-appointment-viewservice-confirm_button {
margin-left: 16px;
}
.b-appointment-popularservices {
display: none;
padding: 0 24px;
}
.b-appointment-columns_item._active .b-appointment-popularservices {
display: block;
}
.b-appointment-popularservices_title {
padding: 12px 0 0;
font-size: 14px;
font-weight: 700;
}
.b-appointment-popularservices_item {
padding: 12px 0;
}
.b-appointment-popularservices_item + .b-appointment-popularservices_item {
padding: 12px 0;
border-top: 1px solid #f1f1f1;
}
.b-appointment-service {
position: relative;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.b-button_price{
  width: 150px;
  display: inline-block;
  font-size: 15px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 46px;
  padding: 0 8px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #fff;
  line-height: 46px;
  text-align: center;
}
.b-appointment-service._checked {
padding-right: 20px;
}
.b-appointment-service._checked:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 20px;
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;
}
body .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._beauty .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._health .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._smile .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._happiness .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._velocity .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._friend .b-appointment-service._checked:before {
color: var(--versioncolor);
}
body._strength .b-appointment-service._checked:before {
color: var(--versioncolor);
}
.b-appointment-service_name {

padding: 0 40px 0 0;
font-size: 16px;
color: #0099d1;

}
.b-appointment-service_name {
-webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
body .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._beauty .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._health .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._smile .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._happiness .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._velocity .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._friend .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
body._strength .b-appointment-service:hover .b-appointment-service_name {
color: var(--versioncolor);
}
.b-appointment-service-info {
padding-left: 20px;
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #8f979b;
vertical-align: baseline;
}
.b-appointment-service-consumable {
padding-left: 20px;
display: block;
vertical-align: top;
font-size: 14px;
color: #8f979b;
vertical-align: baseline;
}
.b-appointment-service-info_price {
color: #000;
font-weight: 700;
}
.b-appointment-service-info_old-price {
margin: 0 0 0 8px;
text-decoration: line-through;
}
.b-appointment-service-info_percent {
margin: 0 0 0 4px;
}
.b-appointment-service-info_duration {
margin: 0 0 0 8px;
}
.b-appointment-service_abonement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
body .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._beauty .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._health .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._smile .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._happiness .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._velocity .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._friend .b-appointment-service_abonement {
color: var(--versioncolor);
}
body._strength .b-appointment-service_abonement {
color: var(--versioncolor);
}
.b-appointment-service_abonement::before {
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;
position: absolute;
top: 50%;
right: 0;
width: 32px;
margin: -1px 0 0;
font-size: 24px;
line-height: 2px;
text-align: center;
}
.b-appointment-service_popular {
position: absolute;
top: 50%;
right: 20px;
margin: -16px 0 0;
padding: 18px 0 0;
font-size: 13px;
color: #ff6262;
}
.b-appointment-service_popular::before {
content: '\e634';
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: 0;
right: 0;
width: 32px;
font-size: 18px;
text-align: center;
}
.b-appointment-service_promoted {
position: absolute;
top: 0;
right: 0;
bottom: 0;
color: #ffc600;
}
.b-appointment-service_promoted::before {
content: '\e635';
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: 32px;
margin: -1px 0 0;
font-size: 24px;
line-height: 2px;
text-align: center;
}
.b-appointment-service_popular + .b-appointment-service_promoted::before {
margin-top: -6px;
margin-right: 10px;
font-size: 20px;
text-shadow: 2px 0 #fff, 1px 0 #fff, -1px 0 #fff, -2px 0 #fff, -3px 0 #fff, -4px 0 #fff, -5px 0 #fff;
}
.b-appointment-infospecialist {
padding: 24px;
}
.b-appointment-infospecialist_name {
font-size: 16px;
line-height: 20px;
}
.b-appointment-infospecialist_spec {
margin: 4px 0 0;
font-size: 12px;
line-height: 20px;
color: #8f979b;
}
.b-appointment-viewspecialist {
position: relative;
display: none;
padding: 12px 24px;
}
.b-appointment-columns_item._active .b-appointment-viewspecialist {
display: block;
}
.b-appointment-viewspecialist_name {
padding: 0 40px 0 0;
font-size: 18px;
line-height: 24px;
}
.b-appointment-viewspecialist_spec {
margin: 4px 0 0;
font-size: 14px;
color: #8f979b;
}
.b-appointment-viewspecialist_remove {
position: absolute;
top: 12px;
right: 24px;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
width: 32px;
height: 32px;
}
.b-appointment-viewspecialist_remove::before {
content: '\e60e';
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: 24px;
line-height: 2px;
color: #ff9c9c;
text-align: center;
}
.b-appointment-popularspecialists {
padding: 0 24px;
}
.b-appointment-popularspecialists_title {
padding: 12px 0 0;
font-size: 14px;
font-weight: 700;
}
.b-appointment-popularspecialists_item {
padding: 12px 0;
}
.b-appointment-popularspecialists_item + .b-appointment-popularspecialists_item {
padding: 12px 0;
border-top: 1px solid #f1f1f1;
}
.b-appointment-specialist {
position: relative;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.b-appointment-specialist_name {
font-size: 16px;
color: #0099d1;
}
.b-appointment-specialist_name {
-webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-specialist._gray .b-appointment-specialist_name {
color: #8f979b;
}
body .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._beauty .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._health .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._smile .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._happiness .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._velocity .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._friend .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
body._strength .b-appointment-specialist:hover .b-appointment-specialist_name {
color: var(--versioncolor);
}
.b-appointment-specialist-info {
padding-left: 20px;
display: inline-block;
vertical-align: top;
font-size: 12px;
color: #8f979b;
vertical-align: baseline;
}
.b-appointment-specialist_popular {
position: absolute;
top: 50%;
right: 0;
margin: -16px 0 0;
padding: 16px 0 0;
font-size: 13px;
color: #ff6262;
}
.b-appointment-specialist_popular::before {
content: '\e634';
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: 0;
right: 0;
width: 32px;
font-size: 18px;
text-align: center;
}
.b-appointment-filter {
background: #fff;
}
.b-appointment-filter_cr {
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;
display: none;
}
.b-appointment-filter_title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.b-appointment-filter_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;
}
.b-appointment-filter_item + .b-appointment-filter_item {
margin-left: 16px;
}
.b-appointment-filter_item + .b-appointment-filter_item._divider {
position: relative;
padding-left: 16px;
}
.b-appointment-filter_item + .b-appointment-filter_item._divider::before {
position: absolute;
top: 8px;
bottom: 8px;
left: 8px;
width: 1px;
background: #f1f1f1;
content: ' ';
}
.b-appointment-filter_item._right {
margin-left: auto;
}
.b-appointment-filter .element-checkboxlist_label {
display: none;
}
.b-appointment-filter .element .element_button {
height: 30px;
}
.b-appointment-filter-calendar {
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
padding: 6px 8px;
border: 1px solid transparent;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: 0 2px 2px -1px #fff inset;
      box-shadow: 0 2px 2px -1px #fff inset;
font-size: 15px;
text-align: center;
white-space: nowrap;
}
.b-appointment-filter-calendar {
-webkit-transition: background 0.2s ease, -webkit-box-shadow 0.2s ease, border-color;
      transition: background 0.2s ease, box-shadow 0.2s ease, border-color;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-filter-calendar:hover {
background: #fafafa;
border-color: #d8d8d8;
}
.b-appointment-filter-calendar:active {
background: #fafafa;
-webkit-box-shadow: 0 2px 2px -1px #d8d8d8 inset;
      box-shadow: 0 2px 2px -1px #d8d8d8 inset;
-webkit-transition-duration: 0s;
      transition-duration: 0s;
}
.b-appointment-filter-calendar._icon {
position: relative;
padding-top: 32px;
}
.b-appointment-filter-calendar._icon::before {
content: '\e611';
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: 4px;
right: 0;
left: 0;
font-size: 20px;
text-align: center;
}
body .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._beauty .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._health .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._smile .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._happiness .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._velocity .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._friend .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
body._strength .b-appointment-filter-calendar._icon::before {
color: var(--versioncolor);
}
.b-appointment-filter-calendar_span {
display: inline-block;
vertical-align: top;
font-size: 13px;
line-height: 15px;
}
.b-appointment-filter-chosen {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
height: 30px;
padding: 0 8px;
padding-right: 37px;
border: 1px solid #cdfa89;
border-radius: 4px;
line-height: 28px;
font-size: 0;
}
.b-appointment-filter-chosen_date {
display: inline-block;
vertical-align: top;
font-size: 15px;
line-height: 18px;
vertical-align: middle;
}
.b-appointment-filter-chosen_time {
display: inline-block;
vertical-align: top;
margin: 0 0 0 8px;
font-size: 15px;
line-height: 18px;
vertical-align: middle;
}
.b-appointment-filter-chosen_remove {
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
width: 30px;
background: #cdfa89;
}
.b-appointment-filter-chosen_remove::after {
content: '\e60e';
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: 24px;
line-height: 2px;
color: #45621a;
text-align: center;
}
.b-appointment-filter-chosen_remove:active::after {
margin-top: 0;
}
.b-appointment-filter-message {
overflow: hidden;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
height: 46px;
padding: 0 8px;
border-radius: 4px;
font-size: 0;
line-height: 46px;
}
.b-appointment-filter-message._green {
background: #cdfa89;
color: #46631a;
}
.b-appointment-filter-message._red {
background: #fcdbd3;
color: #b08075;
}
.b-appointment-filter-message_span {
display: inline-block;
vertical-align: top;
font-size: 12px;
line-height: 14px;
vertical-align: middle;
}
.b-appointment-filter-tooltip {
padding: 4px 0 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
background: rgba(255,255,255,0.6);
}
.b-appointment-filter-tooltip {
-webkit-transition: opacity 0.2s ease, visibility 0s;
      transition: opacity 0.2s ease, visibility 0s;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-filter-tooltip._hidden {
opacity: 0;
display: none;
}
.b-appointment-filter-tooltip._hidden {
-webkit-transition: opacity 0.2s ease, visibility 0s 0.2s;
      transition: opacity 0.2s ease, visibility 0s 0.2s;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-filter-tooltip_t {
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;
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
margin: 4px 0 0;
padding: 4px 8px 8px;
border-radius: 4px;
background: #fff;
font-size: 26px;
line-height: 1;
}
body .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._beauty .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._health .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._smile .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._happiness .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._velocity .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._friend .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
body._strength .b-appointment-filter-tooltip_t {
color: var(--versioncolor);
}
.b-appointment-filter-tooltip_t {
-webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-filter-tooltip_t::after {
position: absolute;
right: 8px;
bottom: 4px;
left: 8px;
border-top: 2px dashed;
content: ' ';
}
body .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._beauty .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._health .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._smile .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._happiness .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._velocity .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._friend .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
body._strength .b-appointment-filter-tooltip_t::after {
border-color: var(--versioncolor);
}
.b-appointment-filter-tooltip_t::after {
-webkit-transition: border-color 0.1s ease;
      transition: border-color 0.1s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
body .b-appointment-filter-tooltip_t:hover {
color: #f75772;
}
body._beauty .b-appointment-filter-tooltip_t:hover {
color: #f775a0;
}
body._health .b-appointment-filter-tooltip_t:hover {
color: #00bae3;
}
body._smile .b-appointment-filter-tooltip_t:hover {
color: #0ea0b1;
}
body._happiness .b-appointment-filter-tooltip_t:hover {
color: #d7ac00;
}
body._velocity .b-appointment-filter-tooltip_t:hover {
color: #f74812;
}
body._friend .b-appointment-filter-tooltip_t:hover {
color: #69b96a;
}
body._strength .b-appointment-filter-tooltip_t:hover {
color: #5aaf08;
}
body .b-appointment-filter-tooltip_t:hover::after {
border-color: #f75772;
}
body._beauty .b-appointment-filter-tooltip_t:hover::after {
border-color: #f775a0;
}
body._health .b-appointment-filter-tooltip_t:hover::after {

border-color: #00bae3;

}
body._smile .b-appointment-filter-tooltip_t:hover::after {
border-color: #0ea0b1;
}
body._happiness .b-appointment-filter-tooltip_t:hover::after {
border-color: #d7ac00;
}
body._velocity .b-appointment-filter-tooltip_t:hover::after {
border-color: #f74812;
}
body._friend .b-appointment-filter-tooltip_t:hover::after {
border-color: #69b96a;
}
body._strength .b-appointment-filter-tooltip_t:hover::after {
border-color: #5aaf08;
}
.b-appointment-filter-tooltip_t:active {
-webkit-transition-duration: 0s;
      transition-duration: 0s;
}
body .b-appointment-filter-tooltip_t:active {
color: #ef4563;
}
body._beauty .b-appointment-filter-tooltip_t:active {
color: #ef6290;
}
body._health .b-appointment-filter-tooltip_t:active {
color: #00a8cd;
}
body._smile .b-appointment-filter-tooltip_t:active {
color: #0d8e9e;
}
body._happiness .b-appointment-filter-tooltip_t:active {
color: #c19b00;
}
body._velocity .b-appointment-filter-tooltip_t:active {
color: #ef3c02;
}
body._friend .b-appointment-filter-tooltip_t:active {
color: #5daf5e;
}
body._strength .b-appointment-filter-tooltip_t:active {
color: #4f9c08;
}
body .b-appointment-filter-tooltip_t:active::after {
border-color: #ef4563;
}
body._beauty .b-appointment-filter-tooltip_t:active::after {
border-color: #ef6290;
}
body._health .b-appointment-filter-tooltip_t:active::after {
border-color: #00a8cd;
}
body._smile .b-appointment-filter-tooltip_t:active::after {
border-color: #0d8e9e;
}
body._happiness .b-appointment-filter-tooltip_t:active::after {
border-color: #c19b00;
}
body._velocity .b-appointment-filter-tooltip_t:active::after {
border-color: #ef3c02;
}
body._friend .b-appointment-filter-tooltip_t:active::after {
border-color: #5daf5e;
}
body._strength .b-appointment-filter-tooltip_t:active::after {
border-color: #4f9c08;
}
.b-appointment-button {
padding: 0 0 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
background: #fff;
}
.b-appointment-button_cr {
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;
}
.b-appointment-button_cr::before {
position: absolute;
top: 0;
right: 100%;
height: 1px;
width: 1960px;
content: ' ';
}
body .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._beauty .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._health .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._smile .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._happiness .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._velocity .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._friend .b-appointment-button_cr::before {
background: var(--versioncolor);
}
body._strength .b-appointment-button_cr::before {
background: var(--versioncolor);
}
.b-appointment-button_cr::after {
position: absolute;
top: 0;
left: 100%;
height: 1px;
width: 1960px;
content: ' ';
}
body .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._beauty .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._health .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._smile .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._happiness .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._velocity .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._friend .b-appointment-button_cr::after {
background: var(--versioncolor);
}
body._strength .b-appointment-button_cr::after {
background: var(--versioncolor);
}
.b-appointment-button_cr._message::before,
.b-appointment-button_cr._message::after {
top: 24px;
}
.b-appointment-button_message {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
padding: 0 8px;
border-radius: 4px 4px 0 0;
font-size: 12px;
line-height: 24px;
text-align: center;
white-space: nowrap;
}
.b-appointment-button_message._green {
background: #cdfa89;
color: #46631a;
}
.b-appointment-button_message._red {
background: #fcdbd3;
color: #b08075;
}
.b-appointment-button_button {
cursor: pointer;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
height: 46px;
padding: 0 8px;
border: 1px solid;
border-radius: 0 0 4px 4px;
background: #fff;
-webkit-box-shadow: 0 2px 2px -1px #fff inset;
      box-shadow: 0 2px 2px -1px #fff inset;
font-size: 16px;
line-height: 42px;
text-align: center;
white-space: nowrap;
}
body .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._beauty .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._health .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._smile .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._happiness .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._velocity .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._friend .b-appointment-button_button {
border-color: var(--versioncolor);
}
body._strength .b-appointment-button_button {
border-color: var(--versioncolor);
}
.b-appointment-button_button {
-webkit-transition: background 0.2s ease, -webkit-box-shadow 0.2s ease;
      transition: background 0.2s ease, box-shadow 0.2s ease;
-webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}
.b-appointment-button_button:hover {
background: #fafafa;
}
.b-appointment-button_button:active {
padding-top: 1px;
background: #fafafa;
-webkit-box-shadow: 0 2px 2px -1px #d8d8d8 inset;
      box-shadow: 0 2px 2px -1px #d8d8d8 inset;
-webkit-transition-duration: 0s;
      transition-duration: 0s;
}
.b-appointment-button_button._icons {
position: relative;
padding-right: 46px;
padding-left: 46px;
}
.b-appointment-button_button._icons::before {
content: '\e611';
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: 46px;
margin: -1px 0 0;
font-size: 24px;
line-height: 2px;
text-align: center;
}
body .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._beauty .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._health .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._smile .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._happiness .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._velocity .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._friend .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
body._strength .b-appointment-button_button._icons::before {
color: var(--versioncolor);
}
.b-appointment-button_button._icons::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%;
right: 0;
width: 46px;
margin: -1px 0 0;
font-size: 28px;
line-height: 2px;
text-align: center;
}
body .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._beauty .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._health .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._smile .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._happiness .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._velocity .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._friend .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
body._strength .b-appointment-button_button._icons::after {
color: var(--versioncolor);
}
.b-appointment-button_button._icons:active::before,
.b-appointment-button_button._icons:active::after {
margin-top: 0;
}
.b-appointment-button_button._icons_down::after {
content: '\e62d';
font-family: 'clientix-icons';
}
.b-appointment-button_button._icons_up::after {
content: '\e62e';
font-family: 'clientix-icons';
}
.b-appointment-button_button_span {
position: relative;
display: inline-block;
vertical-align: top;
}
.b-appointment-button_button_span::after {
position: absolute;
bottom: 10px;
right: 0;
left: 0;
border-bottom: 1px dashed #555;
content: ' ';
}