.wcm-modaldialog-buttonpanel
{
    padding: 10px;
    background-color: #f8f8f8;
    box-shadow: 0 0 0 1px #cdcdcd;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
    .wcm-modaldialog-buttonpanel .wcm-button-on-modal-dialog {
        flex-basis: 100%;
        max-width: 138px;
    }

.wcm-button-on-modal-dialog {
    margin-top: 2px;
}

.wcm-modaldialog-background 
{
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.05);
}

.wcm-modaldialog-title {
    font-size: 24px;
    font-family: OpenSans-Regular;
    text-align: left;
    color: #262626;
}

/* for templates which has padding and margin different than 0 */
h1.wcm-modaldialog-title, h2.wcm-modaldialog-description {
    margin: 0px;
    padding: 0px;
}

.wcm-modaldialog-overflow-container {
    overflow-y: auto;
    height: 100%;
    max-height: 60vh;
}

    @media (max-height: 600px) {
        .wcm-modaldialog-overflow-container {
            max-height: 35vh;
        }
    }

.wcm-modaldialog-container {
    font-family: OpenSans-Regular;
    padding: 15px;
    position: static;
    box-shadow: 0 0 0 1px #cdcdcd;
    background-color: #ffffff;
}

.wcm-modaldialog-titlebar 
{
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #cdcdcd;
    padding: 15px;
}

.wcm-modaldialog-description {
    font-size: 14px;
    text-align: left;
    color: #666666;
    font-family: OpenSans-Light;
}