@import 'setup';

.oa-modular-container {

    #contentArea {
        background: none;
        border: 0;
        margin: 0;
        padding: 20px;

        .panelHeader {
            background: none;
            border: none;
            border-bottom: 1px solid $koala;
            margin: 0;
        }

        .panelContent {
            border: 0;
            margin: 0;
            padding: 0;
        }

        #leftPane {
            margin: 0;
            width: calc(100% - 360px);
        }

        #rightPane {
            width: 340px;

            #quickSearch {
                border: 0;
                float: none;
                margin-bottom: 0;
                padding: 20px;
            }

            .panelHeader {
                padding: 10px
            }

            .panelContent.tools {

                ul {
                    margin: 0;
                    border: 0;
                    padding: 0;
                }

            }

        }

        .table {

            tr {

                &.sub-panel-table-header td {
                    padding: 4px 20px;
                }

                td {
                    padding: 10px 20px;
                }
            }

        }

        .modular-section {
            padding: 0;

            #rightPane {
                float: none;
                width: auto;
            }

        }

    }

}