/* first-item-count-ul - Класс для оформления первого элемента, который нам виден при вводе параметров для подачи заявки по поверке приборов учета */

.first-item-count-ul {
    font-size: 13px;
    width: 600px;
    cursor: pointer;
    /* margin-left: -2px; */
    padding: 3.5px 12px;
    /* font-weight: bold; */
    border-radius: 4px;
    border: 1px dashed #C7C7C7;
    background-color: whitesmoke;
    text-transform: capitalize;
    transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
}

.first-item-count-ul-opened {
    background-color: #DE5151;
    transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
  }
  
.first-item-count-ul i {
    float: right;
    margin-top: 3px;
}


/* Стиль для вводных полей по заявке по поверке приборов учета */

.counters-fields-block {
  width: 50%;
  /* min-width: 800px; */
}

.counters-fields-block__img {
  overflow: hidden;
}

.counters-fields-block__mobile {
  padding: 10px 30px;
}

@media (max-width: 760px) {
  .counters-fields-block {
    width: auto;
  }

  .counters-fields-block__img {
    display: none;
  }

  .counters-fields-block__mobile {
    padding: 10px 16px;
  }
}

/* .counter-issue-address-input-field {
    font-size: 12px;
    width: 600px;
    border-radius: 4px;
}

.counter-issue-email-input-field {
    font-size: 12px;
    width: 600px;
    border-radius: 4px;
} */

.counter-issue-address-input-field, .counter-issue-phone-input-field, .counter-issue-email-input-field{ /* Вводное поле номера телефона*/
    font-size: 12px;
    width: 600px;
    border-radius: 4px;
}

/* chooseDateForCounterIssue - оформление выпадающего списка для выбора предполагаемого времени */
  
.chooseDateForCounterIssue {
    position: relative;
    list-style: none;
    display: block;
    font-size: 14px;
    color: #5C5C5C;
    width: 600px;
  }
  
  .chooseDateForCounterIssue ul {
    display: none;
    position: absolute;
    list-style: none;
    width: 120px;
    height: 25px;
    box-shadow: 1px 1px 2px #454545;
  }
  
  .chooseDateForCounterIssue ul a {
    color: #686868;
    font-size: 13px;
    border-bottom: 1px dashed #C7C7C7;
    text-decoration: none;
    text-transform: capitalize;
  }
  
  .chooseDateForCounterIssue:hover>ul {
    display: block;
    z-index: 10;
  } 
  
  .chooseDateForCounterIssue ul li {
    background-color: whitesmoke;
    width: 140px;
    height: 25px;
    padding: 5px 5px 1px 10px;
    cursor: pointer;
    box-shadow: 0px 2px 3px #454545;
    transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
  }
  
  .chooseDateForCounterIssue ul li:hover {
    background-color: #CFCFCF;
    transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
  }

  .counter-issue-field-first{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .counter-issue-field-items{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
  }

  .counter-issue-textarea {
    width: 100%;
    /* margin-top: 13px; */
    resize: none;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    border: none;
  }

  .counter-issue-name {
    width: 150px;
    text-align: end;
  }

  .contact-items {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-top: 13px;
  }

  .contact-field__label {
    width: 190px;
    text-align: end;
    margin-right: 20px;
  }

  .contact-field__input {
    font-size: 12px;
    /* width: 600px; */
    width: 60%;
    border-radius: 4px;
  }

  .contact-field__input-bonus-items {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .btn__change-discount {
    width: 26px;
    height: 26px;
    cursor: pointer;
  }

  .bonus-tooltip {
    position: relative;
    display: inline-block;
  }
  
  .bonus-tooltip .bonus-tooltip__text {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    width: max-content;
    max-width: 300px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }
  
  .bonus-tooltip:hover .bonus-tooltip__text {
    visibility: visible;
    opacity: 1;
  }

  .contact-field__input_bonus {
    width: 100%;
  }

  .contact-field__bonus-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
  }

  .btn-max-bonus {
    height: 18px;
    background: #4a83b5;
    border-radius: 3px;
    border: none;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
  }

  .counter-issue-name__black {
    color: #4b4b4b;
    font-weight: 100;
  }

  .counters-issue-fields__textarea {
    width: 100%; 
    margin-top: 13px; 
    resize: none; 
    padding: 10px; 
    font-size: 13px;
  }

  .counters-issue-fields__mobile {
    width: 26%;
  }

  @media (max-width: 600px) {
    .counters-issue-fields__mobile {
      width: 33%;
      margin-right: 10px;
    }

    .counters-issue-fields__textarea {
      margin-top: 0;
    }
  }

  .counter-issue-info-link {
    /* font-size: 12px;
    color: #6F6F6F; */
    text-decoration: none;
    border-bottom: 1px dashed #B6B6B6;
    transition: color 0.5s linear, border-color 0.5s linear;
    -webkit-transition: color 0.5s linear, border-color 0.5s linear;
    -moz-transition: color 0.5s linear, border-color 0.5s linear;
    -ms-transition: color 0.5s linear, border-color 0.5s linear;
  }
  
  .pop-up-window-modal-success table img {
    width: 150px;
    height: 150px;
  }

  /* Error Window */