/*********************************************************************************
**********************************************************************************
**                                                                              **
**      ГПБ - только ОТЛИЧИЯ основных (базовых) стилей                          **
**                                                                              **
**********************************************************************************
*********************************************************************************/

/* ------------------------------------------------------------------------*/
/* ---  Стили для модальных окон version 2:                             ---*/
/* ---  #viewV2 - просмотр и #editV2 - редактирование                   ---*/
/* ------------------------------------------------------------------------*/
#_viewV2.fancybox-content {
    _max-height: 75vh !important; /* Ограничиваем высоту контента */
    _overflow-y: auto; /* Включаем вертикальную прокрутку */
}

    #_viewV2.fancybox-content div.form.formV2 {
        _max-height: 75vh !important; /* Ограничиваем высоту контента */
        _overflow-y: auto; /* Включаем вертикальную прокрутку */
    }

        #_viewV2.fancybox-content div.form.formV2 .form-body {
            max-height: 65vh !important; /* Ограничиваем высоту контента */
            overflow-y: auto; /* Включаем вертикальную прокрутку */
        }

#viewV2 div.form.formV2 {
    width: 925px !important;
    max-height: 80% !important;
}

    #viewV2 div.form.formV2 .form-header {
        position: static;
        display: flex !important;
        font-weight: bold;
    }

    #viewV2 div.form.formV2 .form-body {
        max-height: 65vh !important; /* Ограничиваем высоту контента */
        overflow-y: auto; /* Включаем вертикальную прокрутку */
        padding: 20px 15px 20px;
    }

        #viewV2 div.form.formV2 .form-body .row-field {
            display: flex;
            align-items: flex-start;
        }

            #viewV2 div.form.formV2 .form-body .row-field .title-field {
                width: 255px;
                margin-top: 4px;
            }

                #viewV2 div.form.formV2 .form-body .row-field .title-field[no-flex-shrink] {
                    flex-shrink: 0;
                }

            #viewV2 div.form.formV2 .form-body .row-field .view-field {
                flex-shrink: 1;
                flex-grow: 1;
                max-width: 100%;
            }

                #viewV2 div.form.formV2 .form-body .row-field .view-field[break-all] {
                    word-break: break-all;
                }

            #viewV2 div.form.formV2 .form-body .row-field .enter-field .input-group {
                margin-top: 0;
                font-size: 12px;
                color: black;
            }

                #viewV2 div.form.formV2 .form-body .row-field .enter-field .input-group input[type=checkbox] {
                    margin-top: 3px;
                }

#editV2 div.form.formV2 {
    width: 925px !important;
    max-height: 80% !important;
}

    #editV2 div.form.formV2 .form-header {
        position: static;
        display: flex !important;
        font-weight: bold;
    }

    #editV2 div.form.formV2 .form-body {
        max-height: 65vh !important; /* Ограничиваем высоту контента */
        overflow-y: auto; /* Включаем вертикальную прокрутку */
        padding: 20px 15px 20px;
    }

        #editV2 div.form.formV2 .form-body .row-field {
            display: flex;
            align-items: flex-start;
        }

            #editV2 div.form.formV2 .form-body .row-field .title-field {
                width: 255px;
                margin-top: 4px;
            }

                #editV2 div.form.formV2 .form-body .row-field .title-field[no-flex-shrink] {
                    flex-shrink: 0;
                }

            #editV2 div.form.formV2 .form-body .row-field .view-field,
            #editV2 div.form.formV2 .form-body .row-field .enter-field {
                flex-shrink: 1;
                flex-grow: 1;
                max-width: 100%;
            }

            #editV2 div.form.formV2 .form-body .row-field .enter-field {
                padding: 0 0 3px 0;
            }

            #editV2 div.form.formV2 .form-body .row-field .view-field[break-all] {
                word-break: break-all;
            }

            #editV2 div.form.formV2 .form-body .row-field .enter-field .input-group {
                margin-top: 0;
                font-size: 12px;
                color: black;
            }

                #editV2 div.form.formV2 .form-body .row-field .enter-field .input-group input[type=checkbox] {
                    margin-top: 3px;
                }

/* ------------------------------------------------------------------------*/
/* ---  Стили кнопок в модальном окне просмотра/редактирования деталей  ---*/
/* ------------------------------------------------------------------------*/
.top-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.bottom-button {
    display: flex;
    margin-top: 15px;
    margin-bottom: 2px;
}

    .bottom-button[left] {
        justify-content: flex-start;
        padding-left: 15px;
    }

    .bottom-button[right] {
        justify-content: flex-end;
        padding-right: 20px;
    }