.form-control{ height: 35px; border-radius: 4px; &:focus { background-color: var(--bs-body-bg); border-color: $primary-color; box-shadow: 0 0 0 .25rem #01b0e847; color: var(--bs-body-color); outline: 0; } &:not(:disabled):not([readonly]) { cursor: pointer; } &[readonly] { background-color: rgba(1, 176, 232, 0.1); color: #888; border: none; cursor: not-allowed; } &[readonly]:focus { background-color: rgba(1, 176, 232, 0.2); /* Сделаем фон чуть ярче */ } } .fkey { background-color: #fff !important; border: 1px solid #ced4da!important; cursor: pointer!important; color: $text-color!important; } textarea.form-control, textarea{ height: auto; } .form-check-input:checked { background-color: $primary-color; border-color: $primary-color; } .form-check-input:focus { border-color: $primary-color; outline: 0; box-shadow: 0 0 0 0.25rem rgba(1, 147, 199, 0.3); } .form-switch .form-check-input:focus:not(:checked) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(1, 147, 199)' fill-opacity='0.5'/%3e%3c/svg%3e"); } .form-switch .form-check-input:focus:checked { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e"); } .list-group-item { border-top-width: 0; padding: 0.4rem; border-bottom: 1px $border-color solid; transition: .3s all ease; &:hover { background-color: rgba(var(--bs-emphasis-color-rgb), 0.075); } }