/*
    Styles for the left pane in modules.
    Note: There is a migration from .moduleLeftPane to .module-left-pane as UI/UX has revamped how these look, but not all modules are ready to be updated. Eventually, .moduleLeftPane styles should be removed from `common-style.jsp`
*/

.module-left-pane-section {
    padding: 0 2rem 0 1.5rem;
    color: #353535;
}

.module-left-pane-title-area {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 2rem;
}

.module-left-pane-title {
    font-weight: bolder;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}

.module-left-pane-section-title {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}

.module-left-pane-divider {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #bfbfbf;
}

.module-left-pane-main-area .module-left-pane-divider {
    margin-bottom: 1rem;
}

.module-left-pane-pinned {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    bottom: 0;
    background: white;
}

.module-left-pane-button-row {
    float: right;
    margin: 1.25rem 0;
}

.module-left-pane-button-row button {
    margin-top: 0;
    margin-bottom: 0;
}

.module-left-pane-button-row > * {
    margin-left: 0.75rem;
}

.module-left-pane-button-row > a {
    padding-left: 1rem;
    padding-right: 1rem;
}

.module-left-pane-pinned::after {
    content: "";
    clear: both;
    display: table;
}