@import "mixins/mixins";
@import "common/var";

@include b(dialog) {
    &.el-dialog {
        min-width: 300px;
    }
    .el-dialog__footer {
        border-top: #E4EFF7 solid 1px;
        padding: 12px;
    }
    .el-button+.el-button {
        margin-left:5px !important;
    }
    .el-dialog__body {
        font-size: 12px;
        padding: 20px 20px 10px 20px;
    }

    .el-dialog__header {
        padding: 10px 16px;
        background: #F6FAFD;
        border-bottom: #E4EFF7 solid 1px;
        color: #44667f
    }
    
    .el-dialog__header .el-dialog__title {
        color: #44667f;
        font-weight: bold;
        font-size: 14px;
    }

    .el-dialog.is-fullscreen{
        display: flex;
        flex-direction: column;
        .el-dialog__header,.el-dialog__footer{
            flex:none;
        }
        .el-dialog__body{
            flex: 1;
            height: 0;
            overflow: auto;
        }
    }

    @media screen and (max-height: 800px) {
        .el-dialog__wrapper {
            top: -80px;
        }

        :not(.is-fullscreen) .el-dialog__body {
            max-height: calc(100vh - 200px);
            overflow: auto;
        }
    }


    @media (min-height: 800px) and (max-height: 900px) {
        :not(.is-fullscreen) .el-dialog__body {
            max-height: calc(100vh - 300px);
            overflow: auto;
        }
    }

    @media (min-height: 900px) {
        :not(.is-fullscreen) .el-dialog__body {
            max-height: calc(100vh - 300px);
            overflow: auto;
        }
    }

    @media (min-width: 1380px) {
        :not(.is-fullscreen) .el-dialog--small {
            width: 40%;
        }
    }
}