* { box-sizing: border-box; margin: 0; outline: none; padding: 0; } html, body { height: 100%; } .hidden { display: none; } #container { display: flex; width: 100%; height: 100%; } #modeler { flex-grow: 4; } #panel { background-color: #fafafa; border: solid 1px #ccc; border-radius: 2px; font-family: 'Arial', sans-serif; padding: 10px; } .djs-label { font-family: 'Arial', sans-serif; } .spiffworkflow-properties-panel-button { margin: 2px 32px 6px 12px; padding-left: 2px; padding-right: 2px; } /* Style buttons */ .btn { background-color: DodgerBlue; border: none; color: white; padding: 8px 15px; cursor: pointer; font-size: 16px; margin: 12px; } /* Darker background on mouse-over */ .btn:hover { background-color: RoyalBlue; }