//xs: 0,
//vsm: 475px,
//sm: 576px,
//md: 768px,
//lg: 992px,
//xl: 1200px,
//xxl: 1534px,

/*
sheet全宽
*/
@media (min-width: 576px) {
    .o_form_view .o_form_sheet_bg > .o_form_sheet {
        max-width: 98% !important;
    }
}
//将原来 768时的 flex 调整为1200才flex
.o_form_view {
    @include media-breakpoint-up(md) {
        display: block;
    }
    @include media-breakpoint-up(xl) {
        display: flex;
    }
}

@media (min-width: 768px) {
    .o_form_view .o_form_sheet_bg > .o_form_sheet {
        max-width: 98% !important;
    }
}
@media (min-width: 1200px) {
    .o_form_view .o_form_sheet_bg > .o_form_sheet {
        max-width: 960px !important;
    }
    .o_content .o_view_controller > div, .modal-content .o_view_controller > div    {
        flex-direction: row;
    }
}
@media (min-width: 1534px) {
    .o_form_view .o_form_sheet_bg > .o_form_sheet {
        max-width: 98% !important;
    }
}
//xs: 0,
//vsm: 475px,
//sm: 576px,
//md: 768px,
//lg: 992px,
//xl: 1200px,
//xxl: 1534px,

/*
不将chatter显示在右边，form全宽
*/
//将原来 768时的 flex 调整为一直不flex
.o_form_view {
    @include media-breakpoint-up(md) {
        display: block;
    }
    @include media-breakpoint-up(xl) {
        display: block;
        .o_form_sheet_bg > .o_form_sheet {
            max-width: 98% !important;
        }
    }
    @include media-breakpoint-up(xxl) {
        display: block;
        .oe_chatter {
            width: auto;
            max-width: 1474px;
        }
    }
    .o_form_sheet_bg {
        width: auto;
    }
}

//debug model 时处理
.modal-lg {
    .o_debug_manager {
        .dropdown-menu-right {
            right: auto;
            left: 0;
        }
    }
}