:root {

  --title-color: #3a0ca3;

  --text-color: #5E6870;

  --background-color: #fff;

  --light-gray: #ecf1f5;

  --block-shadow: 0px 2px 10px 0px #555f6921;

  --f7-page-toolbar-bottom-offset: 50px;

  --f7-navbar-height: 50px;

  --f7-list-item-border-color: rgba(0, 0, 0, 0.12);

  --f7-list-outline-border-color: rgba(0, 0, 0, 0.12);

  --f7-list-chevron-icon-color: #7209b7;

  --f7-navbar-title-font-size: 17px;

  --swiper-pagination-color: var(--title-color);

  --color-theme-soft: #ffd6ff;

  --mycolor-primary: #4F2C8C;

  --mycolor-secondary: #8B64CE;

  --mycolor-info: #e0aaff;

  --mycolor-light: #f3f5f6;

  --mycolor-dark: #2a3c64;

  --mycolor-success: #008000;

  --mycolor-danger: #d90429;

  --mycolor-warning: #fb6107;  

  --f7-grid-gap: 14px;

}

:host {

    --swiper-theme-color: #3A0CA3;

}

:root .dark {

  --title-color: #fff;

  --text-color: #9aa9b2;

  --background-color: #001119;

  --light-gray: #0e232d;

}

p,

ul li {

  color: var(--text-color);

  font-weight: 400;

  margin-block-start: 7px;

  margin-block-end: 7px;

}



.navbar-bg,

.page-theme-transition {

  transition: background-color 0.4s;

}

.color-light-gray,

:root {

  --f7-text-color: var(--title-color);

}

.arrow-back,

.link-chevron::before {

  text-rendering: optimizeLegibility;

}

.card,

.stock-item {

  box-shadow: var(--block-shadow);

}

html[dir="rtl"] .card-big-footer .button i,

html[dir="rtl"] .onboarding-next-button i {

  transform: rotate(180deg);

  margin-left: 0;

  margin-right: 5px;

}



body {

  font-family: Source Sans, -apple-system, SF Pro Text, SF UI Text, system-ui,

    Helvetica Neue, Helvetica, Arial, sans-serif;

  font-weight:400;

  font-size: 15px;

}

.dark .stepper.color-light-gray .stepper-button-minus::after,

.dark .stepper.color-light-gray .stepper-button-plus::after,

.dark .stepper.color-light-gray .stepper-button-plus::before,

.dark .ticket-fill::after,

.dark .ticket-fill::before,

.page {

  background-color: var(--background-color);

}

.page-content {

  padding-left: 15px;

  padding-right: 15px;

  padding-bottom: calc(

    var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) +

      var(--f7-page-content-extra-padding-bottom, 0px) + 20px

  );

}

.full-width {

  margin-left: -15px;

  margin-right: -15px;

  width: calc(100% + 30px) !important;

}

p {

  line-height: 1.5em;

  /*font-size: 15px;*/

}

.card .card-category.bg-color-white,

.icon-tooltip,

.navbar .title,

.navbar a i,

h1,

h2,

h3,

html[dir="rtl"] .segmented.segmented-strong .button.tab-link-active {

  color: var(--title-color);

}

h1,

h2,

h3,

h4 {

  font-family: Open Sans, -apple-system, SF Pro Text, SF UI Text, system-ui,

    Helvetica Neue, Helvetica, Arial, sans-serif;

  margin-block-start: 12px;

  margin-block-end: 7px;

}

h1 {

  font-weight: 800;

}

h2 {

  font-weight: 700;

}

h3 {

  font-weight: 600;

}

h4 {

  font-weight: 500;

}

h1 {

  font-size: 28px;

  line-height: 30px;

  margin-bottom: 20px;

}

ul {

  padding-left: 20px;

}

ul li {

  padding: 4px 0;

}

input[type="date"],

input[type="datetime-local"],

input[type="email"],

input[type="password"],

input[type="text"],

textarea {

  background-color: var(--light-gray);

  width: 100%;

  height: 44px;

  padding: 0 0 0 15px;

  border-radius: 5px;

  color: var(--title-color);

  font-weight: 300;

  margin-bottom: 20px;

  font-size: 15px;

}

::-webkit-input-placeholder,

::placeholder {

  color: #93a0b1;

  font-weight: 300;

}

input[type="date"],

input[type="datetime-local"] {

  padding-right: 10px;

  line-height: 42px;

}

.dark .card-author-footer,

.dark .card-big-footer,

.dark .panel,

.dark .rating-bg,

.dark .rating-block-total,

.ios .dark .message-received .message-bubble,

.searchbar input[type="search"] {

  background-color: var(--light-gray);

}

label:not(.checkbox, .item-checkbox, .radio, .item-radio, .toggle) {

  font-weight: 500;

  margin-bottom: 7px;

  font-size: 15px;

  display: block;

}

form .button {

  margin: 20px 0;

}

textarea {

  padding-top: 15px;

  padding-bottom: 15px;

  min-height: 100px;

}

iframe {

  width: calc(100%);

  height: 230px;

  border-radius: 15px;

  border: none;

}

a {

  transition: opacity 0.1s;

}

a:active {

  opacity: 0.95;

}

img.card-big-footer-image {

  height: auto;

}

.input-outline {

  border: 2px solid #e0e3e6 !important;

  background: 0 0 !important;

}

.custom-tabs .tab {

  padding-left: 10px;

  padding-right: 10px;

}

.stick-top {

  margin-top: -50px;

}

.link-chevron::before {

  font-family: framework7-core-icons;

  font-style: normal;

  letter-spacing: normal;

  text-transform: none;

  white-space: nowrap;

  word-wrap: normal;

  direction: ltr;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: "liga";

  text-align: center;

  display: block;

  font-size: 20px;

  position: absolute;

  top: 50%;

  width: 8px;

  height: 14px;

  margin-top: -7px;

  font-size: var(--f7-list-chevron-icon-font-size);

  line-height: 14px;

  pointer-events: none;

  right: calc(

    var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)

  );

  content: var(--f7-list-chevron-icon-right);

}

.forgot-password-text {

  margin: 10px 0 30px;

}

.router-transition-f7-dive-backward,

.router-transition-f7-dive-forward {

  background: #fff;

  background: var(--background-color);

}