@import "colors.css";

h1 {
  text-align: center;
}

body {
  line-height: inherit;
}

p {
  margin: 0;
}

ul, ol {
  margin-bottom: 0;
}

/** LOGO */
.signup__logo,
.aside__logo {
  width: 120px;
}

.signup__logo {
  padding-top: 10px;
}

/** LOGIN */
.signin {
  background-color: var(--main-screen-form-bg);
}

.signin__title {
  padding-top: 20px;
}

/** FORMS */
.dashboard__block__title,
.profile__title,
.kyc__title,
.modal__title,
.transactions__title {
  font-weight: bold;
  color: var(--main);
  font-size: 14px;
}

.form-group {
  margin: 0 !important;
  width: 100%;
}

.has-error .form-control {
  border-color: var(--red);
}

.enter__input:focus,
.enter__input:focus-visible,
.refferal__link__input:focus,
.refferal__link__input:active,
.refferal__link__input:focus-visible {
  border-color: var(--main);
  outline-color: var(--main);
}

.refferal__link__input,
.has-error .form-control,
.form-control:focus,
.has-error .form-control:focus {
  box-shadow: none;
}

.help-block-error {
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  margin-top: -15px;
  color: var(--red) !important;
}

/** TOOLTIPS */
.tooltipster-sidetip .tooltipster-box {
  background: var(--main);
  border: 2px solid var(--main);
  border-radius: 4px;
  color: var(--btn-text);
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: var(--main);
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--main);
}

.tooltipster-content a {
  color: var(--links);
  font-weight: bold;
  opacity: 0.6;
}

.tooltipster-content a:hover,
.tooltipster-content a:active {
  color: var(--btn-text);
  opacity: 1;
}

/** KYC */
.kyc__proof-type input:checked + label {
  border-color: var(--main);
  color: var(--main);
}


/** BUY */
.dashboard__buy__method__content input:checked + label {
  border-color: var(--main);
  color: var(--main);
}

/** SVG ICONS */
svg.icon {
  width: 25px;
  height: 25px;
  overflow: visible;
}

svg.tik {
  width: 28px;
  height: 28px;
}

/** MENU */
.header__mobile__exit__btn > svg {
  color: var(--menu-text-active);
}

.header__mobile__exit__btn {
  color: var(--menu-text-active);
}

.header__mobile__btn.menu__opened .burger__line {
  background-color: var(--menu-text-active);
}

.aside__footer__rights {
  color: var(--menu-text);
}

.nav__list__btn.active__nav__btn .nav__list__text {
  color: var(--menu-text-active);
}

.nav__list__btn.active__nav__btn .nav__list__icon {
  color: var(--menu-text-active);
}

.burger__line {
  background-color: var(--menu-text-active);
}

.header__mobile,
.dashboard__aside {
  background: var(--menu-bg);
}

.nav__list__icon {
  color: var(--menu-text);
}

.nav__list__text {
  color: var(--menu-text);
  font-weight: normal;
}

.nav__list__btn,
.nav__list__btn:hover,
.nav__list__btn:active,
.nav__list__btn:focus {
  opacity: 0.8;
}

.nav__list__btn.active__nav__btn .nav__list__text {
  opacity: 1;
  font-weight: 500;
}

/** PROFILE */
.condition__form__label__link {
  color: var(--links);
}

.person__inf__form__divided {
  align-items: normal;
  flex-flow: row;
  display: flex;
  gap: 10px;
}

.kyc__content__item__header__text {
  color: var(--block-color);
}

.kyc__content__item-active .kyc__content__item__header__text {
  color: var(--block-color-active);
}

.signup__content__item.signup__active__item .signup__content__item__title,
.kyc__content__item.kyc__content__item-active .kyc__content__item__header {
  background-color: var(--block-bg-active);
  color: var(--block-color-active);
}

.kyc__content__item__header {
  background-color: var(--block-bg);
}

.nav__list__btn,
.nav__list__btn:hover,
.nav__list__btn:active,
.nav__list__btn:focus {
  text-decoration: none;
}

.nav__list__btn__kyc-status-green {
  background-color: var(--green);
  color: black;
}

.nav__list__btn__kyc-status-yellow {
  background-color: var(--yellow);
  color: black;
}

.dashboard__aside__inner {
  max-height: max-content;
}

button, input, optgroup, select, textarea {
}

.nav__list__text,
.profile__form__input {
  font-weight: 200;
}

.profile__form__requisites {
  border-top: none;
}

/* BUTTONS */
.btn__red, .btn__grey, .btn__green {
  font-weight: 400;
  border-radius: 6px;
}

.btn__grey {
  background-color: var(--main);
  color: var(--btn-text);
  opacity: 0.5;
}

.btn__green {
  background: var(--main);
  color: var(--btn-text);
  font-weight: 600;
  box-shadow: none;
}

.btn__green.btn-disabled,
.btn__green.disabled {
  background-color: var(--btn-bg-disabled) !important;
  color: var(--btn-text-disabled);
  transition: none;
}

.btn__green.btn-disabled:hover,
.btn__green.disabled:hover {
  transform: none;
}

.btn__red.disabled {
  cursor: auto;
  opacity: .8;
}

.refferal__link__input__btn {
  background: var(--main);
  color: var(--btn-text);
}

/* END BUTTONS */

.signup__footer.small {
  font-weight: 400;
  font-size: 14px;
}

.enter__input {
  font-weight: 400;
  color: var(--form-input-text)!important;
  -webkit-text-fill-color: var(--form-input-text)!important;
  opacity: 1;
}

.alert-success {
  background-color: #DDF0E6;
}

.overviews__signs__col {
  cursor: pointer;
}

.overviews__signs__col:hover,
.overviews__signs__col:active,
.overviews__signs__col:focus {
  color: var(--links);
}

.profile__form__divided {
  align-items: flex-start;
}

#kyc-proof_id_type {
  display: flex;
}

.kyc__upload__content input[type=file],
.field-kyc-file_addr input[type=file] {
  width: 100%;
}

#kyc-form-step-2 p.help-block,
#kyc-form-step-3 p.help-block {
  margin-top: 0px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: var(--red);
}

#buytokensform-method {
  display: flex;
  flex-wrap: wrap;
}

.status-column.status-processing {
  color: #aaaaaa;
}

.status-column.status-success {
  color: #16261D;
}

.status-column.status-failed {
  color: var(--red);
}

.transactions__table th > a {
  color: var(--main);
}

a.transactions__pagination__item__btn {
  text-decoration: none;
  color: #000000;
}

a.transactions__pagination__item__btn:hover {
  opacity: .8;
  color: #000000;
}

.float-right {
  float: right;
}

.kyc__upload__content__item__label {
  text-align: center;
}

.kyc__upload__content__item__label.download {
  background-image: url(/images/ic_document.svg);
  background-color: #f1f1f1;
  background-size: 65px 75px;
  background-position: 5px;
  background-repeat: no-repeat;
  border: 2px solid var(--links);
  height: 100px;
}

.kyc__upload__content__item__label__browse {
  padding: 7px 15px;
  border-radius: 4px;
  background-color: var(--main);
  color: var(--btn-text);
}

.kyc__upload__content__item__label__file-type {
  background-color: var(--btn-text);
  color: var(--main);
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
}

.kyc__upload__content__item__label.download:hover,
.kyc__upload__content__item__label.download:active,
.kyc__upload__content__item__label.download:focus {
  opacity: .8;
  border: 2px solid var(--links);
}

a > label.kyc__upload__content__item__label.download > span {
  text-decoration: none !important;
}

.header__actions__item__lang {
  font-family: 'Rubik', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 4px 26px 5px 10px;
  background: no-repeat 80% 50%/8px url(../img/ic_chevron_down.svg);
  border-radius: 6px;
  background-color: #fff;
  border: none;
  font-size: 15px;
  color: #7F7F7F;
  cursor: pointer;
  margin-top: 10px;
}

.profile__form.kartik .profile__form__input:disabled {
  padding: 0px 10px;
}

.modal__payment__body__item__label {
  font-size: 16px;
}

.kyc__address__label:before {
  border: 1px solid #a5a5a5;
}

.help-icon {
  width: 14px;
  height: 14px;
  display: inline;
  margin-left: 6px;
  margin-top: 1px;
  opacity: 70%;
  z-index: auto;
}

.receipt_table {
  margin: 0px 0px 20px 0px;
}

.receipt_table td {
  padding: 5px 5px 5px 0px;
}

.receipt_table td.receipt_table_value {
  padding-left: 25px;
}

.roadmap__item {
  width: 33%;
}

.about__btn-icon {
  width: 30px;
  height: 30px;
}

div.about__btn-icon {
  background-image: url('/img/icons/ic_sc_tg01.svg');
}

.content-about__btn:hover > div.about__btn-icon {
  background-image: url('/img/icons/ic_sc_tg02.svg');
}

.intro__body.centered {
  margin-top: 4em;
}

.intro__body.centered2 {
  margin-top: 2em;
}

.fin-edu__section:not(:last-child) {
  margin-bottom: 60px;
}

section.fin-edu {
  margin-top: 30px;
}

.subscribe__form__result {
  text-align: center;
  color: white;
  font-weight: 500;
}

.enter {
  /*background: no-repeat center/cover url(./../img/bg_signup.jpg);*/
  background: var(--main-screen-bg);
}

a,
.signup__footer__link {
  color: var(--links);
}

a:hover,
a:active,
.signup__footer__link:active,
.signup__footer__link:hover,
.signup__footer__link:focus {
  color: var(--links-active);
}

.condition__form__checkbox:checked + label:before {
  background: url(./../img/ic_whitetik.svg) no-repeat center, var(--main);
}

.header__mobile__logo {
  height: 40px;
}

/* social icons
.enter__footer__socials__item__icon {
  filter: invert(0.8) sepia(0) saturate(1) hue-rotate(175deg);
}
 */

.enter__footer__socials {
  gap: 15px;
}

/* social icons: dashboard
.aside__footer__socials__icon {
  filter: invert(0.8) sepia(0) saturate(1) hue-rotate(175deg);
}
 */

.aside__footer__socials {
  gap: 2px;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 2.5em;
}

.overviews__signs__col__icon {
  width: 24px;
}

.kyc__bank_info {
  margin-top: 20px;
}

.kyc__subtitle {
  padding: 0 20px 20px 20px;
}

.receipt_table {
  margin: 0px 0px 20px 0px;
}

.receipt_table td {
  padding: 5px 5px 5px 0px;
  text-align: right;
}

.receipt_table td.receipt_table_value {
  padding-left: 25px;
}

.enter__footer__rights {
  color: var(--main-screen-text);
}

.signup-services-help {
  text-align: left;
  width: 100%;
  margin-top: 10px;
  margin-left: 29px;
  display: none;
}

.condition__form__label:before {
  border: 2px solid var(--main);
}

.field-kyc-proof_addr_type > .help-block-error {
  float: left;
  margin-left: 30px;
}

.transactions__pagination__item.active__pagination__btn .transactions__pagination__item__btn {
  background-color: var(--main);
  color: var(--btn-text);
}

.person__inf__input-sm:nth-child(1) {
  margin-right: 0;
}

.person__inf__input-sm {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 575px) {
  .person__inf__form__divided {
    flex-direction: column;
  }

  .form-group {
    width: 100%;
  }

  .person__inf__input-sm:nth-child(1) {
    max-width: 100%;
  }

  #kyc-proof_id_type {
    flex-wrap: wrap;
  }
}

@media (max-width: 770px) {
  .intro__left {
    padding: 0 0 30px 0;
  }

  .intro__right {
    padding: 30px 0 0 0;
  }

  .intro__footer-btn.desktop {
    display: none;
  }

  .transactions__table td:before {
    font-size: 14px !important;
    text-transform: uppercase;
    float: left!important;
    color: var(--main) !important;
    opacity: 1!important;
    font-weight: 600;
  }
}