/* UPD 03.12.2023 добавил этот файл для стилей для форм */
/* Подробнее см. Ш-7219 */

/* Ш-7219 Поле только для чтения */
/* UPD 19.07.2023 два disabled класса тут добавлено чтобы */
/* в hlys_prog неактивное поле было серым иначе оно было прозрачным из бс3 */
/* пример как надо http://pvoytko.ru/jx/nHa5meAmOf */
.sv_input_read_only,
.sv_input_read_only[readonly],
.sv_input_read_only[readonly]:focus,
.sv_input_read_only:focus,
.sv_input_read_only[disabled],
.sv_input_read_only[disabled]:hover
{
    /* UPD 12.12.2023 было так */
    /*     background-color: lightgrey; */
    /*     но это выходит слишком темный цвет, поэтому поменял на eeeeee */
    /*     как и было в общих стилях lsa1_b */
    /*     пример когда слишком темно: */
    /*     https://pvoytko.ru/jx/hhME5lTLIL */
    background-color: #eeeeee;
    box-shadow:none;
    border: 1px solid darkgray;
    outline-style:none; /* Тут удаляем рамку http://pvoytko.ru/jx/Z481yWofft источник https://stackoverflow.com/a/17526407/1412586*/
    box-shadow:none;
}

/* UPD 12.12.2023 Это чтобы курсор был неактивен */
/*     Т.е. стиль выше визуальный, а это уже по курсору */
/*     оба стиля одновременно дают полную неактивность */
/*     Используется например в lsa1_b на карточке заказа */
/*     в полях "Доставка в пункт" */
/*     Есть баг в том то курсор не показывается если ponter_events: none */
/*         но если показывается то можно выбирать и менять выпадающий список */
/*         например другой пункт можнов ыборать даже если не активно */
/*         вот и приходится жертвовать курсором но чтобы нельзя было выбрать */
/*         пример бага календарь неаактивен но позволяет выбрать  */
/*         https://pvoytko.ru/jx/XZ4pw7owKJ чтобы это убрать и нужен pointer-events: none */
/*         но тогда курсор из запрещнного преврщается в default ну  */
/*         зибваем на этот компромисс */
/*     Кстати с помощью клавиш все-равно можно изменить значение */
/*         пример бага https://pvoytko.ru/jx/EOMtLyt34h */
/*         так что оно не должно обрабатываться именно на сервере */
.sv_cursor_not_allowed{
    cursor: not-allowed;
}
.sv_pointer_events_none{
    pointer-events: none;
    user-select: none;
}
/* UPD 14.08.2024 */
/* Если не указан этот класс у полей только для чтения */
/* то они наплывани на другие элементы, пример https://pvoytko.ru/jx/RQpgBcUvw8.png */
/* это из-за того что выста задана фиксированной у form-control */
/* поэтому переопределяем её на авто */
.sv_form_control_fix_height{
    height: auto;
}
/* Этот класс задают корректное отображение не активных радио точек */
/* Было: https://pvoytko.ru/jx/ZxF5Kt9BBF.png */
/* Стало: https://pvoytko.ru/jx/4pM2HCsRRq.png */
.sv_form_control_fix_height label{
    display: flex;
    justify-content: flex-start;
}
.sv_form_control_fix_height input[type='radio']{
    flex-basis: 30px;
    opacity: 0.5;
}




/* Ш-8013 вёрстка полей ввода с плавающей меткой на базе бс6. */
/* Фиолетоая рамка фокуса отступ сверху и синяя пргосто рамках */
/* Поля ввода на странице мои кнопки */
/* это для бс5-полей с плавающей меткой */
/* UPD 17.02.2024 - в lsa1 на авто-заказе и в pvoy_kc в диалоге */
.sv_border_input_and_margin .form-control{
    border: 2px solid #c3e0ff;
    margin-top: 10px;
    max-width: 500px;
}
.sv_border_input_and_margin label{
    color: #b5b5b5;
}
.sv_border_input_and_margin .form-control:focus{
    border-color: #ff8dff;
    box-shadow: 0 0 0 0.25rem rgb(255 141 255);
}