:root {
  --cbox-color-blue-light: #DEEAFF;
  --cbox-color-blue-light-2: #F3F7FF;
  --cbox-color-red-light: #ffebeb;
  --cbox-color-orange-light: #fff2e1;

  --f7-checkbox-border-width: 1px;
  --f7-checkbox-border-radius: 4px;
  --f7-checkbox-active-color: #32D05F;

  --f7-block-outline-border-color: rgba(255, 255, 255, 0.22);

  --f7-input-outline-border-color: #E5E5E5;
}

body {
  background: #ccc;
}

/* scrollbar - Chrome, Edge, Safari */
*::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
*::-webkit-scrollbar-track {
  width: 0px;
  height: 0px;
  display: none;
}
/* scrollbar - Chrome, Edge, Safari */

/* scrollbar - Firefox */
* {
  scrollbar-width: none;
  scrollbar-color: rgba(255,255,255,0) rgba(255,255,255,0);
}
/* scrollbar - Firefox */

.start-screen {
  --f7-page-bg-color: #ebf6ff;
}

.start-screen-content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.navbar .logo-wrap {
  padding-right: 45px;
  padding-left: 45px;
  width: 100%;
  height: 100%;
}
.navbar .logo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  max-height: 100%;
}

.page-static {
  position: absolute !important;
}
.page-static .navbars>.navbar, .page-static>.navbar,
.page-static .navbar-inner,
.page-static .navbar .title-large {
  position: relative;
}
/*.page-static .page-content {
  z-index: 500;
}*/
.page-static .navbar .title-large {
  height: auto;
}
.page-static .navbar .title-large-text,
.page-static .navbar-large .navbar-bg {
  transform: translate3d(0px, 0px, 0px) !important;
}
.navbars~* .page-static.page-with-navbar-large, .navbars~.page-static.page-with-navbar-large, .navbar~* .page-static.page-with-navbar-large, .navbar~.page-static.page-with-navbar-large, .page-static.page-with-navbar-large .navbar~* {
  --f7-page-navbar-offset: 0px;
}

.page-navbar-static .navbar {
  height: auto;
  position: relative;
}
.page-navbar-static .navbar-large .navbar-bg {
  height: calc(100% + 25px);
}
.page-navbar-static .navbar-inner {
  position: relative;
  flex-direction: column;
  padding-top: 14px;
  padding-bottom: 14px;
}
.page-navbar-static .navbar .left {
  align-self: flex-start;
}
.page-navbar-static .title-large {
  position: relative;
  top: unset;
  height: auto;
}
.page-navbar-static .page-content {
  z-index: 500;
}

.navbars~* .page-navbar-static.page-with-navbar-large, .navbars~.page-navbar-static.page-with-navbar-large, .navbar~* .page-navbar-static.page-with-navbar-large, .navbar~.page-navbar-static.page-with-navbar-large, .page-navbar-static.page-with-navbar-large .navbar~* {
  --f7-page-navbar-offset: 0px;
}

.page-navbar-static .page-content-inner {
  z-index: 500;
  min-height: unset;
}

.logo-wrap-circle {
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cbox-color-gray-light);
  border: 1px solid rgba(154, 207, 250, 0.7);
  overflow: hidden;
}
.logo-wrap-circle img {
  object-fit: contain;
}

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

.button.icon-only-lg {
  width: 60px;
  height: 40px;
}

.color-gray-light {
  color: var(--cbox-color-gray-light);
  --f7-text-color: var(--cbox-color-gray-light);
  --f7-theme-color: var(--cbox-color-gray-light);
}

.color-viber {
  /*color: #835EF6;*/
  background-image: linear-gradient(90deg, #835EF6 9.24%, #533DA3 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-facebook {
  background-image: linear-gradient(180.03deg, #18ADFE -0.01%, #0165E1 99.95%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-messenger {
  background-image: linear-gradient(180deg, #F26778 -26.47%, #CB42C4 25.41%, #8A41FF 61.41%, #018DEE 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-telegram {
  background-image: linear-gradient(90deg, #36ADE0 9.24%, #1C92D2 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-whatsapp {
  background-image: linear-gradient(90deg, #45EC62 9.24%, #19C93E 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-instagram {
  background-image: linear-gradient(136.25deg, #4D60D2 -8.9%, #CC337A 52.72%, #FED374 113.07%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.color-gray-gradient {
  background-image: linear-gradient(180deg, #A1A8AE 0%, rgba(161, 168, 174, 0) 116.72%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.size-48 {
  font-size: 48px;
  --f7-navbar-large-title-font-size: 48px;
}

.grid-plate-button-3 {
  /*display: grid;*/
  /*grid-template-columns: 1fr 1fr 1fr;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.grid-plate-button-3 .button {
  padding: 30px;
  flex-direction: column;
  height: auto;
  min-height: 158px;
  white-space: unset;
  letter-spacing: 0px;
  line-height: 1.2em;
  --f7-button-text-transform: none;

  flex-shrink: 0;
  flex-basis: calc(100%/3 - 20px);
  width: 100%;
}

.color-text {
  --f7-text-color: #282828;
  color: var(--f7-text-color);
}

.color-light-blue {
  --f7-badge-text-color: var(--cbox-color-info);
}

.color-light-gray {
  --swiper-theme-color: #F0F1F1;
  --f7-theme-color: #F0F1F1;
  --f7-badge-text-color: #828282;
  --f7-text-color: #828282;
}

i.fab {
  position: unset;
}

.button.color-gray-light:hover {
  background-image: linear-gradient(0deg, #E5E5E5, #E5E5E5), linear-gradient(0deg, #F0F1F1, #F0F1F1);
}

.accordion-item-opened>.accordion-item-content {
  padding-bottom: 30px;
}

.card .hairline-bottom:last-child::after {
  content: unset;
}

.iti__flag-title {
  margin-left: 40px;
}
.iti--allow-dropdown {
  width: 100%;
}
.list .iti__country-list {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  background-color: #fff;
}
.list ul .iti__country-list {
  padding-left: 0;
}
.iti--container{
  z-index: 5000 !important;
}

.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.white-space-normal {
  white-space: normal !important;
}

.color-light-blue-2 {
  --swiper-theme-color: #F3F7FF;
  --f7-theme-color: #F3F7FF;
  /*--f7-button-text-color: var(--cbox-color-info);*/
  --f7-button-fill-text-color: var(--cbox-color-info);
}
.bg-color-blue-light-2 {
  --f7-theme-color-bg-color: var(--cbox-color-blue-light-2);
  background: var(--cbox-color-blue-light-2);
  --f7-card-bg-color: var(--cbox-color-blue-light-2);
  --swiper-theme-color: #F3F7FF;
  /*--f7-theme-color: #F3F7FF;*/
  /*--f7-button-text-color: var(--cbox-color-info);*/
}
.color-crimson {
  --swiper-theme-color: #FF4A96;
  --f7-theme-color: #FF4A96;
  --f7-button-fill-text-color: #FF4A96;
}
.bg-color-crimson {
  --f7-theme-color-bg-color: #FF4A96;
  background: #FF4A96;
  --f7-card-bg-color: #FF4A96;
  --swiper-theme-color: #FF4A96;
}
.chip.bg-color-white {
  --f7-chip-bg-color: #fff;
  --f7-chip-text-color: #282828;
}
.bg-color-yellow-light-gradient {
  --f7-theme-color-bg-color: linear-gradient(180deg, #fef8cf, #fefcee);
}
.bg-image-yellow-light-gradient {
  background-image: linear-gradient(180deg, #fef8cf, #fefcee);
}

.dialog-button+.dialog-button {
  margin-left: 0px !important;
}
.button.button-fill {
  --f7-button-border-width: 0px;
}

.position-sticky {
  position: sticky !important;
}

.block-strong.link-powered-by::before,
.block-strong.link-powered-by::after {
  content: unset;
}

.carousel-monthdays {
  /*margin-bottom: 37px;*/
  margin-bottom: var(--f7-typography-margin) !important;
}
.carousel-monthdays::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.carousel-monthdays::-webkit-scrollbar-track {
  background: rgba(0,0,0,.1);
}
.carousel-monthdays::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5);
  border-radius: 4px;
}
.carousel-monthdays::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.5);
}

.carousel-monthdays::-webkit-scrollbar-corner {
  width: 40px;
}
.carousel-monthdays,
.carousel-months {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.5) rgba(0,0,0,.1);
}
.carousel-monthdays-item {
  padding: 15px 5px 5px 5px !important;
}
.carousel-monthdays-item.active {
  background: #F0F0F1 !important;
}
.carousel-monthdays-item.active .monthdays-item-day {
  color: var(--f7-text-color) !important;
}
.carousel-monthdays-item:not(.active) .monthdays-item-day {
  color: var(--cbox-color-gray) !important;
}
.monthdays-item-number {
  position: relative;
}
.monthdays-item-number::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  background: var(--cbox-color-success);
}
.carousel-monthdays-item.no-time .monthdays-item-number::after {
  background: var(--cbox-color-danger);
}
.carousel-monthdays-item.disabled .monthdays-item-number::after {
  content: unset;
}
.monthdays-item-day {
  margin-bottom: 11px;
  line-height: 1;
}

.carousel-months {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  padding-left: var(--f7-block-padding-horizontal);
  padding-right: var(--f7-block-padding-horizontal);
  padding-bottom: 17px;
  padding-top: 10px;
  position: relative;
}
.carousel-months::-webkit-scrollbar {
  display: none;
}
.carousel-months-item {
  padding: 12px 14px;
  flex-shrink: 0;
  text-align: center;
  line-height: 1;
}
.carousel-months-item p {
  margin-top: 0px;
}
.carousel-months-item p:last-child {
  margin-bottom: 0px;
}
.carousel-months-item .months-item-month {
  color: var(--cbox-color-gray);
}
.carousel-months-item.active {
  background: #F0F0F1;
  border-radius: 10px;
}
.carousel-months-item.active .months-item-month {
  color: var(--cbox-color-success);
}
.carousel-monthdays-item.active .monthdays-item-number {
  color: var(--cbox-color-success);
}

.scroll-h::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-h::-webkit-scrollbar-track {
  background: rgba(0,0,0,.1);
}
.scroll-h::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5);
  border-radius: 4px;
}
.scroll-h::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.5);
}
.scroll-h::-webkit-scrollbar-corner {
  width: 40px;
}
.scroll-h {
  overflow: hidden;
  overflow-x: auto;

  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.5) rgba(0,0,0,.1);
}

.box-shadow-light {
  box-shadow: 0 4px 10px rgba(61,66,70,.08);
}
.box-shadow-light-2 {
  box-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 17%);
}

.border-radius-8 {
  border-radius: 8px;
}
.border-left-radius-8 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.border-right-radius-8 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.border-left-radius-0 {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.border-right-radius-0 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.border-radius-0 {
  border-radius: 0px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.chip {
  --f7-chip-bg-color: rgba(229, 229, 229, 0.35);
}
.chip-md {
  --f7-chip-height: 38px;
}
.chip-xs {
  --f7-chip-height: 23px;
}
.chip-sm {
  --f7-chip-height: 28px;
}

.navbar .subtitle {
  --f7-navbar-subtitle-font-size: 17px;
}

.page-content-header {
  background-color: var(--cbox-color-gray-light);
  border-radius: inherit;
  padding: 20px;
}

.item-input-icon-start .icon {
  position: absolute;
  left: 14px;
  top: 18px;
  font-size: 16px;
}
.item-input-icon-start.item-input-outline input[type=date], .item-input-icon-start.item-input-outline input[type=datetime-local], .item-input-icon-start.item-input-outline input[type=email], .item-input-icon-start.item-input-outline input[type=month], .item-input-icon-start.item-input-outline input[type=number], .item-input-icon-start.item-input-outline input[type=password], .item-input-icon-start.item-input-outline input[type=search], .item-input-icon-start.item-input-outline input[type=tel], .item-input-icon-start.item-input-outline input[type=text], .item-input-icon-start.item-input-outline input[type=time], .item-input-icon-start.item-input-outline input[type=url], .item-input-icon-start.item-input-outline select, .item-input-icon-start.item-input-outline textarea, .item-input-icon-start.item-input-outline .input {
  --f7-input-padding-left: 44px;
  padding-left: var(--f7-input-padding-left);
}
.item-input-icon-start.item-input-outline .item-floating-label {
  left: 40px;
}
.no-floating-label.item-input-outline .item-input-wrap> input[type=date], .no-floating-label.item-input-outline .item-input-wrap> input[type=datetime-local], .no-floating-label.item-input-outline .item-input-wrap> input[type=email], .no-floating-label.item-input-outline .item-input-wrap> input[type=month], .no-floating-label.item-input-outline .item-input-wrap> input[type=number], .no-floating-label.item-input-outline .item-input-wrap> input[type=password], .no-floating-label.item-input-outline .item-input-wrap> input[type=search], .no-floating-label.item-input-outline .item-input-wrap> input[type=tel], .no-floating-label.item-input-outline .item-input-wrap> input[type=text], .no-floating-label.item-input-outline .item-input-wrap> input[type=time], .no-floating-label.item-input-outline .item-input-wrap> input[type=url], .no-floating-label.item-input-outline .item-input-wrap> select, .no-floating-label.item-input-outline .item-input-wrap> textarea, .no-floating-label.item-input-outline .item-input-wrap> .input {
  --f7-input-padding-top: 8px;
}

.custom-accordion .accordion-item-toggle {
  /*font-size: 24px !important;*/
  font-size: 20px !important;
}

.card-content-inner {
  flex-grow: 1;
  word-break: break-word;
}

.card-content-tag {
  padding: 8px;
  background: #FFE0D4;
  border-radius: var(--f7-card-border-radius) 0px var(--f7-card-border-radius) 0px;
  line-height: 1;
}
.padding-half .card-content-tag {
  margin-left: calc(var(--f7-typography-padding) *-1/ 2)!important;
  margin-top: calc(var(--f7-typography-padding) *-1/ 2)!important;
  align-self: start;
}

.cursor-pointer {
  cursor: pointer;
}

.color-white {
  --f7-button-text-color: #616058;
}

.dialog.dialog-dark {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
}

.input-group {
  display: flex;
}
.input-group input:first-child:not(:last-child),
.input-group button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group input:last-child:not(:first-child),
.input-group button:last-child:not(:first-child),
.input-group button + input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .button-large {
  --f7-button-large-height: 50px;
  --f7-button-padding-horizontal: 24px;
}

.item-input-with-error-message .button-confirm {
  display: none;
}

.card-day-morning {
  --card-day-morning-bg: #fff;
  border: 1px solid #FFF59D;
}
.card-day-noon {
  --card-day-noon-bg:#fff;
  border: 1px solid #C0FFD2;
}
.card-day-evening {
  --card-day-evening-bg: #fff;
  border: 1px solid #C7C9FC;
}

.line-height-1 {
  line-height: 1 !important;
}

.row.gap {
  --f7-grid-gap: 16px;
  gap: var(--f7-grid-gap);
}
.row.gap>.col,
.row.gap>[class*=col-] {
  --f7-grid-gap: 16px;
}
.row.gap-lg {
  --f7-grid-gap: 24px;
  gap: var(--f7-grid-gap);
}
.row.gap-lg>.col,
.row.gap-lg>[class*=col-] {
  --f7-grid-gap: 24px;
}

.height-100 {
  height: 100%;
}
.height-14 {
  height: 14px;
}
.height-20 {
  height: 20px;
}
.width-20 {
  width: 20px;
}

.black-plate {
  background: var(--cbox-color-gray-light) !important;
  color: var(--f7-text-color) !important;
}

.line-through {
  text-decoration: line-through;
}

.bg-color-white {
  --f7-card-bg-color: var(--f7-theme-color-bg-color);
}

.bg-color-transparent {
  background: transparent !important;
}

.button-outline {
  --f7-button-text-color: var(--f7-theme-color);
}

.block-outline.inset, .ios .block-outline-ios.inset, .ios .block-outline-ios.inset-ios, .md .block-outline-md.inset, .md .block-outline-md.inset-md {
  border: 1px solid var(--f7-block-outline-border-color);
}

.login-screen.page-navbar-static .navbar .title-large-text::after, .login-screen-code.page-navbar-static .navbar .title-large-text::after {
  content: unset;
}
.login-screen-code.page-navbar-static .page-content-inner {
  border-radius: 25px 25px 0px 0px;
}

.card-content-collapse-toggle {
  margin-left: -16px !important;
}

.bg-color-red-light {
  --f7-theme-color-bg-color: var(--cbox-color-red-light);
  background: var(--cbox-color-red-light);
  --f7-card-bg-color: var(--cbox-color-red-light);
  --swiper-theme-color: var(--cbox-color-red-light);
  /*--f7-theme-color: var(--cbox-color-red-light);*/
}
.bg-color-orange-light {
  --f7-theme-color-bg-color: var(--cbox-color-orange-light);
  background: var(--cbox-color-orange-light);
  --f7-card-bg-color: var(--cbox-color-orange-light);
  --swiper-theme-color: var(--cbox-color-orange-light);
  /*--f7-theme-color: var(--cbox-color-orange-light);*/
}

.custom-card-pink {
  background: url(assets/img/custom-card-pink.png) 55px -22px, linear-gradient(90deg, #FFE9EB 0%, #FFCBCF 100%);
  background-repeat: no-repeat;
  /*background-position: bottom right;*/
  background-size: cover;
}
.custom-card-pink .custom-card-title {
  color: #FF7A86;
}
.card-certificate .card-content, .card-abonement .card-content, .card-discount .card-content {
  --f7-card-content-padding-vertical: 10px;
}
.abonement-page, .certificate-page, .payment-package-page {
  --f7-safe-area-bottom: 48px;
}
a {
  color: var(--cbox-color-info);
}
.toolbar-double-height {
  height: calc(var(--f7-toolbar-height)*2 + var(--f7-safe-area-bottom));
}
.toolbar-double-height~* {
  --f7-page-toolbar-bottom-offset: calc(var(--f7-toolbar-height)*2);
}
.toolbar-triple-height {
  height: calc(var(--f7-toolbar-height)*3 + var(--f7-safe-area-bottom));
}
.toolbar-triple-height~* {
  --f7-page-toolbar-bottom-offset: calc(var(--f7-toolbar-height)*3);
}

.aurora .toolbar-bottom-aurora, .ios .toolbar-bottom-ios, .md .toolbar-bottom-md, .toolbar-bottom {
  --f7-bars-bg-color: #fff;
  --f7-bars-bg-color-rgb: 255, 255, 255;
  --f7-bars-text-color: #0C0C0C;
  --f7-bars-link-color: var(--f7-bars-text-color);
}

.list-step-item {
  position: relative;
  margin-bottom: 36px;
  padding-top: 46px;
  color: #333333;
}
.list-step-item:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: -82px;
  display: block;
  height: 82px;
  width: 4px;
  margin-left: 50%;
  transform: translateX(-2px);
  background-image: linear-gradient(transparent, transparent 50%, #DCE4EB 50%, #DCE4EB 100%);
  background-size: 12px 12px;
}

.list-step-content {
  padding: 0 15px 20px;
  text-align: center;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 11px #DCE4EB;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-step-icon {
  width: 92px;
  height: 92px;
  border: 1px solid #DCE4EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  margin-top: -46px;
  flex-shrink: 0;
}
.list-step-icon::before {
  content: '';
  position: absolute;
  height: 74px;
  width: 74px;
  border-radius: 50%;
  background-color: #DCE4EB;
  box-shadow: 6px 16px 12px rgba(220, 228, 235, 0.2);
}
.list-step-icon img, .list-step-icon i {
  position: relative;
}
.list-step-icon i {
  color: #fff;
  font-size: 33px;
}
.list-step-icon img {
  width: 46px;
  display: block;
  object-fit: contain;
}
.list-step-icon.list-step-icon_violet {
  border-color: #8B32E3;
}
.list-step-icon.list-step-icon_violet::before {
  box-shadow: 6px 16px 12px rgba(139, 50, 227, 0.2);
  background-color: #8B32E3;
}
.list-step-icon.list-step-icon_pink {
  border-color: #FB4591;
}
.list-step-icon.list-step-icon_pink::before {
  box-shadow: 6px 16px 12px rgba(251, 69, 145, 0.2);
  background-color: #FB4591;
}
.list-step-icon.list-step-icon_blue {
  border-color: #5A91FC;
}
.list-step-icon.list-step-icon_blue::before {
  box-shadow: 6px 16px 12px rgba(90, 145, 252, 0.2);
  background-color: #5A91FC;
}
.list-step-icon.list-step-icon_success {
  border-color: #31CB55;
}
.list-step-icon.list-step-icon_success::before {
  box-shadow: 6px 16px 12px rgba(49, 203, 85, 0.2);
  background-color: #31CB55;
}
.width-120 {
  width: 120px;
}
.height-120 {
  height: 120px;
}
.object-fit-contain {
  object-fit: contain;
}
span.text-bold{
  color: #000;
  font-weight: bold !important;
}
.promo-code{
  cursor: pointer;
  color:black;
  font-weight: bold;
}
.promo-code::after{
  margin-left:3px;
  font-weight:400;
  font-family: "Font Awesome 5 Pro";
  color: #66CCFF;
  content: "\f0c5";
}
.promo p{
  margin:0;
  padding:0;
}
.text-black{
  color: #000 !important;
}
span.text-danger{
  color: #FC0107;
}
span.text-info{
  color: #66CCFF;
}
span.text-success{
  color: #21FF06;
}

.navbar .navbar-inner.height-auto .title-large-text {
  white-space: normal;
}


.card-cover-img {
  width:150px;
  min-height:132px;
  background-size:cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.card-cover-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.height-32 {
  height: 32px;
}
.width-32 {
  width: 32px;
}

.border-color-light {
  --f7-theme-color-border-color: #E5E5E5
}

.actions-swiper {
  padding-bottom: 20px;
}
.actions-swiper .swiper-pagination {
  bottom: 0;
}
.swiper-pagination-bullet {
  background: #ebebeb !important;
  --swiper-pagination-bullet-opacity: 1 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--cbox-color-info) !important;
}

.line-ellipsis-1str {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.line-ellipsis-2str {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 100%;
}

.page-static .page.discount-page .navbar~* {
  --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}

.page:not(.login-screen-page) .page-content::before,
.page-with-navbar-large:not(.login-screen-page) .page-content::before {
  background: var(--f7-navbar-bg-color);
}

.checkbox.checkbox-button {
  border: 1px solid #E5E5E5;
  background: none;
  border-radius: 8px;
  height: var(--f7-button-small-height);
  flex-shrink: 0;
}
.checkbox.checkbox-button i,
.checkbox.checkbox-button .icon-checkbox {
  border: 0;
}
.checkbox.checkbox-button input[type=checkbox]:checked~.hide-checked {
  display: none;
}
.checkbox.checkbox-button input[type=checkbox]:checked~.show-checked {
  display: inline-flex;
}
.checkbox.checkbox-button input[type=checkbox]:not(:checked)~.hide-checked {
  display: inline-block;
}
.checkbox.checkbox-button input[type=checkbox]:not(:checked)~.show-checked {
  display: none;
}
.checkbox.checkbox-button input[type=checkbox]:not(:checked)~.icon-checkbox {
  display: none;
}
.checkbox.checkbox-button i,
.checkbox.checkbox-button.icon-checkbox {
  width: auto;
  height: auto;
}
.checkbox.checkbox-button i:after,
.checkbox.checkbox-button.icon-checkbox:after {
  content: unset;
}
.checkbox-button .hide-checked,
.checkbox-button .show-checked {
  font-size: 14px;
  padding: 5px 8px;
  line-height: 1;
  border-radius: inherit;
}
.checkbox-button .hide-checked {
  color: var(--cbox-color-success);
}
.checkbox-button .show-checked {
  color: #fff;
  background: var(--cbox-color-success);
  align-items: center;
}

.custom-spoiler {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
  margin-top: var(--f7-card-margin-vertical);
  margin-bottom: var(--f7-card-margin-vertical);
  margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));
  margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));
}
.custom-spoiler .accordion-item-toggle {
  padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);
}
/*.custom-spoiler .accordion-item-content {
  padding-left: var(--f7-card-content-padding-horizontal);
  padding-right: var(--f7-card-content-padding-horizontal);
}*/
.custom-spoiler .accordion-item-opened .accordion-item-content {
  padding-bottom: var(--f7-card-content-padding-vertical);
}
.custom-spoiler .icon {
  font-size: 14px;
  width: 19px;
}
.custom-spoiler .accordion-item-opened .icon-closed {
  display: none;
}
.custom-spoiler .icon-opened {
  display: none;
}
.custom-spoiler .accordion-item-opened .icon-opened {
  display: inline-block;
}

.item-input-gruop .item-input-wrap {
  display: flex;
}
.item-input-gruop:not(.item-input-invalid) .item-input-wrap input {
  border: 1px solid rgba(229, 229, 229, 1);
}
.item-input-gruop .item-input-wrap input {
  background: #fff;
}

.item-input-gruop.item-input-outline input[type=date],
.item-input-gruop.item-input-outline input[type=datetime-local],
.item-input-gruop.item-input-outline input[type=email],
.item-input-gruop.item-input-outline input[type=month],
.item-input-gruop.item-input-outline input[type=number],
.item-input-gruop.item-input-outline input[type=password],
.item-input-gruop.item-input-outline input[type=search],
.item-input-gruop.item-input-outline input[type=tel],
.item-input-gruop.item-input-outline input[type=text],
.item-input-gruop.item-input-outline input[type=time],
.item-input-gruop.item-input-outline input[type=url],
.item-input-gruop.item-input-outline select,
.item-input-gruop.item-input-outline textarea,
.item-input-gruop.item-input-outline .input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.item-input-gruop.item-input-outline input~.button,
.item-input-gruop.item-input-outline select~.button,
.item-input-gruop.item-input-outline textarea~.button,
.item-input-gruop.item-input-outline .input~.button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid var(--f7-theme-color);
  --f7-button-height: var(--f7-input-height);
}

.modal-visit-canceled-message {
  --f7-safe-area-bottom: 48px;
}

.dialog-black {
  --f7-dialog-bg-color: rgba(0, 0, 0, 0.75);
  --f7-dialog-text-color: #fff;
}
.dialog-black .dialog-inner {
  --f7-dialog-inner-padding: 16px;
}
.dialog-black + .dialog-backdrop {
  background: rgba(0, 0, 0, 0.1);
}

.card-content-tag-left {
  padding: 8px;
  background: #fff1f1;
  border-radius: 0px var(--f7-card-border-radius) 0px var(--f7-card-border-radius);
  align-self: start;
  line-height: 1;
}
.card-content-padding .card-content-tag-left {
  margin-right: calc(var(--f7-typography-padding) *-1)!important;
  margin-top: calc(var(--f7-typography-padding) *-1)!important;
}
.padding-half .card-content-tag-left {
  margin-right: calc(var(--f7-typography-padding) *-1/ 2)!important;
  margin-top: calc(var(--f7-typography-padding) *-1/ 2)!important;
}

.card-content-tag.card-content-tag-new {
  background: var(--cbox-color-success);
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0px var(--f7-card-border-radius) 0px var(--f7-card-border-radius);
  font-size: 11px;
  padding: 4px;
  color: #fff;
}

.preloader-backdrop {
  background:#5c5c5c;
  position: fixed;
  /*opacity: 1;*/
  opacity: 0;
  transition: opacity .5s;
}
.preloader-modal {
  background: unset;
  opacity: 0;
  transition: opacity .5s;
}

.preloader-backdrop.op-trans,
.preloader-modal.op-trans {
  opacity: 1;
  transition: opacity .5s;
}
.preloader-modal .preloader {
  --f7-preloader-modal-preloader-size: 80px;
}
/*.md .preloader-inner circle {
  stroke: #3a3a3a;
}*/

.align-items-normal {
  align-items: normal;
}
.align-items-stretch {
  align-items: stretch;
}

.col-master {
  /*height: 152px !important;*/
  width: 132px !important;
  flex-shrink: 0;
}
.card-master {
  min-height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: stretch;
}
.card-master .card-content {
  flex-basis: 100%;
}

.card-master .badge-rate {
  position: absolute;
  bottom: -0.75rem;
  left: 50%;
  transform: translateX(-50%);
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.m-n1 {
  margin: -.25rem!important;
}
.mt-n1, .my-n1 {
  margin-top: -.25rem!important;
}
.mr-n1, .mx-n1 {
  margin-right: -.25rem!important;
}
.mb-n1, .my-n1 {
  margin-bottom: -.25rem!important;
}
.ml-n1, .mx-n1 {
  margin-left: -.25rem!important;
}
.m-n2 {
  margin: -.5rem!important;
}
.mt-n2, .my-n2 {
  margin-top: -.5rem!important;
}
.mr-n2, .mx-n2 {
  margin-right: -.5rem!important;
}
.mb-n2, .my-n2 {
  margin-bottom: -.5rem!important;
}
.ml-n2, .mx-n2 {
  margin-left: -.5rem!important;
}
.m-n3 {
  margin: -.75rem!important;
}
.mt-n3, .my-n3 {
  margin-top: -.75rem!important;
}
.mr-n3, .mx-n3 {
  margin-right: -.75rem!important;
}
.mb-n3, .my-n3 {
  margin-bottom: -.75rem!important;
}
.ml-n3, .mx-n3 {
  margin-left: -.75rem!important;
}
.m-nb {
  margin: -1rem!important;
}
.mt-nb, .my-nb {
  margin-top: -1rem!important;
}
.mr-nb, .mx-nb {
  margin-right: -1rem!important;
}
.mb-nb, .my-nb {
  margin-bottom: -1rem!important;
}
.ml-nb, .mx-nb {
  margin-left: -1rem!important;
}

.border-light {
  border: 1px solid #E5E5E5
}

.page-toolbar {
  --f7-safe-area-bottom: 48px;
}

.split-comma::after {
  content: ", ";
}

.item-input-outline textarea,
.list .item-input-outline textarea {
  --f7-input-outline-border-radius: 10px;
  border-radius: 10px;
}

.item-input-outline input[type=date], .item-input-outline input[type=datetime-local], .item-input-outline input[type=email], .item-input-outline input[type=month], .item-input-outline input[type=number], .item-input-outline input[type=password], .item-input-outline input[type=search], .item-input-outline input[type=tel], .item-input-outline input[type=text], .item-input-outline input[type=time], .item-input-outline input[type=url], .item-input-outline select, .item-input-outline textarea, .item-input-outline .input {
  --f7-input-bg-color: #fff;
  border: 1px solid var(--f7-input-outline-border-color);
}
/*.login-screen-code .list input[type=date], .login-screen-code .list input[type=datetime-local], .login-screen-code .list input[type=email], .login-screen-code .list input[type=month], .login-screen-code .list input[type=number], .login-screen-code .list input[type=password], .login-screen-code .list input[type=search], .login-screen-code .list input[type=tel], .login-screen-code .list input[type=text], .login-screen-code .list input[type=time], .login-screen-code .list input[type=url], .login-screen-code .list select {
  color: var(--f7-text-color);
}*/

.verification-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input-container {
  display: flex;
  gap: 10px;
  text-align: center;
}
input[type=text].input-field {
  width: 50px;
  height: 50px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: white;
  box-shadow: unset;
  outline: none;
}
.error-message {
  color: #FF6F6F;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
}
input[type=text].input-field.error {
  border: 1px solid #FF6F6F;
}
input[type=text].input-field.error:focus {
  border-color: #FF6F6F;
  box-shadow: unset;
}

.bg-color-green-light-2 {
  --f7-theme-color-bg-color: #ecfbf0;
  background: #ecfbf0;
  --f7-card-bg-color: #ecfbf0;
  --swiper-theme-color: #ecfbf0;
}

.item-input-outline .item-input-error-message, .item-input-outline .item-input-info {
  padding-left: 0;
  padding-right: var(--f7-input-outline-padding-horizontal);
  position: unset;
}


@media (max-width: 374px) {
  .card-cover-img {
    width: 130px;
  }
}
@media (max-width: 575px) {
  .grid-plate-button-3 {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }
  .grid-plate-button-3 .button {
    padding: 10px;
    min-height: unset;
    flex-basis: 100%;
  }
}
@keyframes fade-in-out {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.fade-effect {
    animation: fade-in-out 0.6s ease-in-out 1;
    /*animation-delay: 0.5s;*/
}
.timepicker a.active{
  border:solid 2px #51C054;
  background-color: #E1FFDB;
}