/* Стандартные стили для всех форм */

.form-control-feedback {
    color: #de3737;
    display: block;
    padding: 0;
    font-size: 12px;
}

input[readonly], input[readonly]:focus {
    background-color: #dedede;
}
.settings-fields-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 60px;
}
.settings-wrap {
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 6px;
    padding: 15px 20px;
}
.settings-wrap .btn {
    --bs-btn-disabled-opacity: 0.4;
}
.settings-fields-group .control-label {
    margin-bottom: 10px;
}
.settings-fields-group .control-label label {
    font-weight: 500;
}
.settings-save {
    width: 250px;
}
.controls {
    margin-top: 5px;
}

/* .cabinet-request */
.cabinet-request {
    border-radius: 6px;
    padding: 15px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.cabinet-request form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
}
.cabinet-request form .controls,
.cabinet-request form .control-group:nth-of-type(1),
.cabinet-request form .control-group:nth-of-type(4) {
    grid-column: 1/3;
}
.cabinet-request .star {
    color: red;
}

@media (max-width: 767px) {
    .cabinet-request form, .settings-fields-group {
        gap: 5px;
    }
}
@media (max-width: 575px) {
    .cabinet-request form, .settings-fields-group {
        grid-template-columns: 1fr;
    }
    .cabinet-request form .control-group:nth-of-type(1),
    .cabinet-request form .control-group:nth-of-type(4),
    .cabinet-request form .controls {
        grid-column: initial;
    }
    .cabinet-request form .controls button {
        width: 100%;
    }
    .settings-btns {
        display: grid;
        gap: 5px;
    }
}