/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Стильные формы в МБЛ'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "/wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Делает аккуратными формы в: «Задать вопрос», «Вход», «Регистрация» и «Мой профиль».'; */

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* ------------------------------ */
/* ДИЗАЙН ВСЕХ ФОРМ В МЕМБЕРЛЮКСЕ */
/* ------------------------------ */

/* ПОЛЯ НА СТРАНИЦЕ "МОЙ ПРОФИЛЬ" */
/* ------------------------------ */

.memberlux_profile_form .mblpr-field {
	border-radius: 0.5rem;
}

/* Уберите текст "Закрыть" в Настройки - Общие - Тексты. Пункт №7 */

/* Ширина формы Задать вопрос */

.dropdown-panel {
	min-width: 520px;
}

/* Поля Имя, Email и Тема письма формы Задать вопрос */

.dropdown-panel .form-group.form-icon input[type=text], .dropdown-panel .form-group.form-icon input[type=email], .note-editor.note-frame {
	border: 1px solid #C3CCD5;
    border-radius: 0.5rem;
} 

.dropdown-panel .form-group.form-icon input[type=text], .dropdown-panel .form-group.form-icon input[type=email] {
	padding-left: 10px;
}

/* Подсказки в полях формы */

.dropdown-panel .form-group.form-icon input:focus::placeholder {
    color: transparent;
}

/* Подсказка в поле Ваш вопрос */

.top-nav-row .note-editor.note-frame .note-placeholder:hover {
  color: transparent;
}

/* Дизайн иконок в форме Задать вопрос */

.top-nav-row .form-icon:before {
	display: none;
}

/* Кнопка "Закрыть" */

.dropdown-panel .dropdown-panel-header .close-dropdown-panel .close-button {
	border-radius: 5px;
}

/* АНИМАЦИЯ панели "Задать вопрос" */

/* Появление */

. {
  opacity: 0;
  animation: ani 0.2s forwards;
  -moz-animation: ani 0.2s forwards;
  -webkit-animation: ani 0.2s forwards;
      }

@keyframes ani {
   0% {opacity: 0;}
  100% {opacity: 1;}
}

/* Анимация затемнения фона для "Задать вопрос" */

@keyframes darkbg2 { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.6;
  }
}

#mbl_login_backdrop { 
  animation: darkbg2 .15s ease-in-out;
}