.portlet {
    box-shadow: 0 0 5px 1px rgba(72, 71, 114, 0.2);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 1rem;
    //overflow-x: auto; removed in order to prevent scroll bars for tooltips which are longer than the portlet (test in general settings view)
    border-top: 3px solid var(--box-highlight);

    .portlet-head {
        background: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #ebedf2;
        padding: 1rem;
        font-weight: 500;
    }

    .portlet-foot {
        background: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #ebedf2;
        padding: 1rem;
    }
}

.plain-portlet {
    box-sizing: border-box;
    margin-top: 1rem;
    overflow-x: auto;
}

.portlet-body {
    background: #fff;
    padding: 1rem;
}