/* Dialog */ .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); z-index: 100; } /* Dialog title */ .ui-dialog-titlebar { position: relative; line-height: 32px; font-size: 20px; padding: 0 24px 0 8px; color: #fff; background: #857976; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } .ui-dialog-titlebar-close { display: block; position: absolute; right: 8px; top: 0; width: 16px; height: 100%; border: 0; background: url('../images/close-ver-2815B8F0D07D8E359F0E50FD6F17413B.svg') center no-repeat; cursor: pointer; } .ui-dialog-titlebar-close > span { display: none; } /* Dialog content */ .ui-dialog-content { padding: 20px; } /* Dialog buttons */ .ui-dialog-buttonset { margin: 0 20px 20px 20px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .ui-dialog-buttonset > * { display: inline-block; vertical-align: middle; text-align: left; } .ui-dialog-buttonset > :not(:last-child) { margin-right: 10px; } .ui-dialog-buttonset > .ui-button { display: inline-block; font: inherit; border: 1px solid #c9c9c9; border-radius: 2px; background: #ededed; min-width: 100px; height: 28px; padding: 0 10px; cursor: pointer; vertical-align: middle; line-height: 28px; text-align: center; } .ui-dialog-buttonset button.ui-button:not(:last-child) { background: none; color: #867a76; border: none; text-decoration: underline #432918; text-underline-offset: 3px; } .ui-dialog-buttonset button.ui-button:not(:last-child):hover { background: rgba(134, 122, 118, 0.3); } /* Set dialog size to fit the screen and hides its titlebar */ .dialog-maximized { position: fixed; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; box-shadow: none; } .dialog-maximized .ui-dialog-titlebar { display: none; } /* Disable scroll bars * Used in when dialog is maximized */ .dialog-no-scroll { overflow: hidden; }