/* Tooltip container */
.tooltip {
  position: absolute;
  display: inline-block;
  -border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  z-index: 9;
}

/* Tooltip text */
.tooltip .tooltiptext {
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 9;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  z-index: 9;
}


/* Chrome, Safari, Edge, Opera */
.main-content__total-qty input::-webkit-outer-spin-button,
.main-content__total-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.main-content__total-qty input[type=number] {
  -moz-appearance: textfield;
}

/* footer logo 1c */
.footer__logo-link {
    background-image: url(../img/1cap.svg);
    width: 145px;
    height: 84.5px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block; }
    @media screen and (max-width: 767px) {
      .footer__logo-link {
        width: 72px;
        height: 42px;
        margin: auto; } }

ol {
  list-style-type: decimal; }

.article b {
  font-weight: 700; } 
.article a {
  color: #306BCF; }
.article i {
  font-style: italic; }

.inactive {
  color: #999; }

/* === различные исправления - потом нужно будет применить к основному стилю === */

/* === исправление дизайна === */

  .form__control[readonly] {
    background-color: #F7F7F7; }
    .form__control[readonly]::placeholder {
      color: #A6A6A6; }

  @media screen and (max-width: 767px) {
    .register__bottom .btn {
      width: 100%; } }

  @media screen and (max-width: 767px) {
  .form__control-email-icon {
    top: 9px;
    left: 12px; }
  .form__control-user-icon,
  .form__control-username-icon {
    left: 12px;
    top: 8px;
    bottom: auto; }
  .form__control-phone-icon {
    left: 12px;
    top: 8px;
    bottom: auto; } }

  .form__control.form__control--email {
    padding-left: 44px; }
  .form__control.form__control--user {
    padding-left: 44px; }
  .form__control.form__control--phone {
    padding-left: 44px; }
  .form__control.form__control--username {
    padding-left: 44px; }

  @media screen and (max-width: 767px) {
    .form--profile .form__button {
      padding-top: 20px; } }

.header__userbar {
  z-index: 11; }

/* === исправление перескакивания кнопок меню заголовка === */

@media screen and (max-width: 1600px) {
  .header__text {
    display: none; } }
@media screen and (max-width: 1260px) {
  .header__text {
    display: block; } }
@media screen and (max-width: 767px) {
  .header__text {
    display: none; } }

@media screen and (max-width: 1600px) {
  .header__logo {
    margin-right: 30px; } }
@media screen and (max-width: 1260px) {
  .header__logo {
    margin-right: 30; } }
@media screen and (max-width: 1000px) {
  .header__logo {
    margin-right: 46px; } }
@media screen and (max-width: 767px) {
  .header__logo {
    margin-right: 0;
    padding-right: 0; } }

@media screen and (max-width: 1260px) {
  .header__bottom-right .header__button-link--4 {
      padding-left: 50px; } }
@media screen and (max-width: 1000px) {
  .header__bottom-right .header__button-link--4 {
      padding-left: 10px; } }

@media screen and (max-width: 1260px) {
  .header__button-link--3 span.header__button-link-text {
    display: block; } }
@media screen and (max-width: 1000px) {
  .header__button-link--3 span.header__button-link-text {
    display: none; } }

/* === недостающие стили === */
    .form__text-link {
      color: #306BCF; }

  .text_strong {
    font-weight: 800; }

  .check_and_repair .form__checkbox {
    display: block;
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .check_and_repair .form__checkbox {
        margin-right: 10px; } }
    @media screen and (max-width: 767px) {
      .check_and_repair .form__checkbox label {
        font-size: 13px; } }
    @media screen and (max-width: 767px) {
      .check_and_repair .form__checkbox label:before {
        margin-right: 4px; } }

/* для ссылки на скрытый текст к тарифу */
  .tarif-list__more { 
    padding-left: 1px; 
    color: #666; 
    font-size: 14px; 
    font-weight: 400; 
    line-height: 24px; 
    vertical-align: top; }

  .tarif-list__more:hover { 
    color: #111; }