/* Задний фон всего сайта */

/* body {
    background-image: url('/statics/bg/1.png');
} */

/* Поля для ввода дат, времени, чисел - должны быть покороче, чем обычные */

/* Короткое поле в табличной карточке */

.q-table td.short-field {
    width: 120px;
}

.q-table td.middle-field {
    width: 240px;
}

table.q-table th {
    font-weight: bold;
}

/* Короткое поле в модальной карточке */

.short-field .q-field__control {
    width: 120px;
}

.middle-field .q-field__control {
    width: 240px;
}

.short-field .q-field__messages, .middle-field .q-field__messages {
    /* растянуть надпись валидации поля */
    min-width: 300px !important;
}

/* Горизонтальное пространство для разделения таблиц мастера и детали */

.master-detail-separator-horizontal {
    padding-top: 10px;
}

/* Размер обычного значка, обозначающего значение поля, в табличной карточке. Например, для картинки булевского значения. */

.img-field-value-normal {
    width: 20px !important;
    height: 20px !important;
}

/* Размер аватара в табличной карточке. */

.img-field-value-avatar {
    width: 40px !important;
    height: 40px !important;
}

/* :rules=... добавляют элемент .q-field--with-bottom,
    из-за которого расстояние между полями становится разным.
    Поэтому сделаем жестким расстояние между полями: */

.q-card .q-field.row {
    padding-bottom: 16px;
}

/* Небольшое расстояние между группами полей на карточке */

.card-field-separator {
    padding: 12px 0 12px 0;
    background: transparent !important;
}