@import 'ant-design-vue/es/modal/style/index.less';

.ant-modal-root {
    .ant-modal {
        transition: all .3s;
    }

    &.full {
        .ant-modal-wrap {
            height: 100%;

            .ant-modal {
                width: 100% !important;
                top: 0;
                height: 100%;
                padding-bottom: 0;

                .ant-modal-header {
                    height: 55px;
                }

                .ant-modal-content {
                    height: 100%;
                }

                .ant-modal-footer {
                    height: 53px;
                }
            }

        }

        .ant-modal-body {
            height: calc(100% - 108px);
            overflow-x: hidden;
            overflow-y: hidden;
        }

      
    }
    
    &.no-footer {
        .ant-modal-body {
            height: calc(100% - 55px);
        }
    }

    .hb-modal-title {
        display: flex;

        .hb-modal-title-text {
            margin-right: @padding-md ;
        }

        .hb-modal-title-icon {
            cursor: pointer;

            i {
                color: #c1c1c1;
            }
        }

        &.closeable-true {
            padding-right: 0;
        }
    }

}