.layout-logs {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(41, 54, 72, 0.1);

    >.ant-layout-content {
        padding: 12px;
        >.logs-body {
            height: 100%;
            display: flex;
            flex-direction: column;
            >.ant-card-head {
                min-height: 42px;
                height: 42px;
                padding: 0;
                >.ant-card-head-wrapper {
                    >.ant-card-head-title {
                        padding: 0;
                        .search {
                            display: flex;
                            >div {
                                margin-left: 8px;
                            }
                            .btn-refresh {
                                border: none;
                                font-size: 18px;
                                background: transparent;
                                &:after {
                                    content: none;
                                }
                            }
                        } 
                    }
                }
            }
            >.ant-card-body {
                flex: auto;
                overflow: hidden;
                background: #FAFAFA;
                padding: 12px;
                border: 1px solid rgba(0, 0, 0, 0.1);
                .ant-table {
                    padding-bottom: 40px;
                    .ant-table-body {
                        margin-top: 0;
                    }
                }
                .ant-pagination {
                    margin: 9px 0;
                }
            }
        }
    }
}