/* new could would be #daecf1; old color is #ccc */ /* new could would be #daecf1; old color is #ccc */ /* new color would be #fafafa; f5f1f1 is old*/ /* #666 was new; old was #575757; */ #StyledAlert, #StyledConfirm, #StyledPrompt { display: block; z-index: 10060; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } #StyledAlert br, #StyledConfirm br, #StyledPrompt br { line-height: 5px; } #StyledAlert .backdrop, #StyledConfirm .backdrop, #StyledPrompt .backdrop { background-color: rgba(0, 0, 0, 0.73); background-image: none; display: block; z-index: 10060; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } #StyledAlert .alert-modal, #StyledConfirm .alert-modal, #StyledPrompt .alert-modal, #StyledAlert .confirm-modal, #StyledConfirm .confirm-modal, #StyledPrompt .confirm-modal, #StyledAlert .prompt-modal, #StyledConfirm .prompt-modal, #StyledPrompt .prompt-modal { z-index: 10065; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10060; -webkit-overflow-scrolling: touch; outline: 0; margin-top: 5%; display: block; padding: 20px; } #StyledAlert .alert-modal .alert-modal-dialog, #StyledConfirm .alert-modal .alert-modal-dialog, #StyledPrompt .alert-modal .alert-modal-dialog, #StyledAlert .confirm-modal .alert-modal-dialog, #StyledConfirm .confirm-modal .alert-modal-dialog, #StyledPrompt .confirm-modal .alert-modal-dialog, #StyledAlert .prompt-modal .alert-modal-dialog, #StyledConfirm .prompt-modal .alert-modal-dialog, #StyledPrompt .prompt-modal .alert-modal-dialog, #StyledAlert .alert-modal .confirm-modal-dialog, #StyledConfirm .alert-modal .confirm-modal-dialog, #StyledPrompt .alert-modal .confirm-modal-dialog, #StyledAlert .confirm-modal .confirm-modal-dialog, #StyledConfirm .confirm-modal .confirm-modal-dialog, #StyledPrompt .confirm-modal .confirm-modal-dialog, #StyledAlert .prompt-modal .confirm-modal-dialog, #StyledConfirm .prompt-modal .confirm-modal-dialog, #StyledPrompt .prompt-modal .confirm-modal-dialog, #StyledAlert .alert-modal .prompt-modal-dialog, #StyledConfirm .alert-modal .prompt-modal-dialog, #StyledPrompt .alert-modal .prompt-modal-dialog, #StyledAlert .confirm-modal .prompt-modal-dialog, #StyledConfirm .confirm-modal .prompt-modal-dialog, #StyledPrompt .confirm-modal .prompt-modal-dialog, #StyledAlert .prompt-modal .prompt-modal-dialog, #StyledConfirm .prompt-modal .prompt-modal-dialog, #StyledPrompt .prompt-modal .prompt-modal-dialog { margin: 30px auto; position: relative; width: 350px; } #StyledAlert .alert-modal .alert-modal-dialog .alert-popup, #StyledConfirm .alert-modal .alert-modal-dialog .alert-popup, #StyledPrompt .alert-modal .alert-modal-dialog .alert-popup, #StyledAlert .confirm-modal .alert-modal-dialog .alert-popup, #StyledConfirm .confirm-modal .alert-modal-dialog .alert-popup, #StyledPrompt .confirm-modal .alert-modal-dialog .alert-popup, #StyledAlert .prompt-modal .alert-modal-dialog .alert-popup, #StyledConfirm .prompt-modal .alert-modal-dialog .alert-popup, #StyledPrompt .prompt-modal .alert-modal-dialog .alert-popup, #StyledAlert .alert-modal .confirm-modal-dialog .alert-popup, #StyledConfirm .alert-modal .confirm-modal-dialog .alert-popup, #StyledPrompt .alert-modal .confirm-modal-dialog .alert-popup, #StyledAlert .confirm-modal .confirm-modal-dialog .alert-popup, #StyledConfirm .confirm-modal .confirm-modal-dialog .alert-popup, #StyledPrompt .confirm-modal .confirm-modal-dialog .alert-popup, #StyledAlert .prompt-modal .confirm-modal-dialog .alert-popup, #StyledConfirm .prompt-modal .confirm-modal-dialog .alert-popup, #StyledPrompt .prompt-modal .confirm-modal-dialog .alert-popup, #StyledAlert .alert-modal .prompt-modal-dialog .alert-popup, #StyledConfirm .alert-modal .prompt-modal-dialog .alert-popup, #StyledPrompt .alert-modal .prompt-modal-dialog .alert-popup, #StyledAlert .confirm-modal .prompt-modal-dialog .alert-popup, #StyledConfirm .confirm-modal .prompt-modal-dialog .alert-popup, #StyledPrompt .confirm-modal .prompt-modal-dialog .alert-popup, #StyledAlert .prompt-modal .prompt-modal-dialog .alert-popup, #StyledConfirm .prompt-modal .prompt-modal-dialog .alert-popup, #StyledPrompt .prompt-modal .prompt-modal-dialog .alert-popup, #StyledAlert .alert-modal .alert-modal-dialog .confirm-popup, #StyledConfirm .alert-modal .alert-modal-dialog .confirm-popup, #StyledPrompt .alert-modal .alert-modal-dialog .confirm-popup, #StyledAlert .confirm-modal .alert-modal-dialog .confirm-popup, #StyledConfirm .confirm-modal .alert-modal-dialog .confirm-popup, #StyledPrompt .confirm-modal .alert-modal-dialog .confirm-popup, #StyledAlert .prompt-modal .alert-modal-dialog .confirm-popup, #StyledConfirm .prompt-modal .alert-modal-dialog .confirm-popup, #StyledPrompt .prompt-modal .alert-modal-dialog .confirm-popup, #StyledAlert .alert-modal .confirm-modal-dialog .confirm-popup, #StyledConfirm .alert-modal .confirm-modal-dialog .confirm-popup, #StyledPrompt .alert-modal .confirm-modal-dialog .confirm-popup, #StyledAlert .confirm-modal .confirm-modal-dialog .confirm-popup, #StyledConfirm .confirm-modal .confirm-modal-dialog .confirm-popup, #StyledPrompt .confirm-modal .confirm-modal-dialog .confirm-popup, #StyledAlert .prompt-modal .confirm-modal-dialog .confirm-popup, #StyledConfirm .prompt-modal .confirm-modal-dialog .confirm-popup, #StyledPrompt .prompt-modal .confirm-modal-dialog .confirm-popup, #StyledAlert .alert-modal .prompt-modal-dialog .confirm-popup, #StyledConfirm .alert-modal .prompt-modal-dialog .confirm-popup, #StyledPrompt .alert-modal .prompt-modal-dialog .confirm-popup, #StyledAlert .confirm-modal .prompt-modal-dialog .confirm-popup, #StyledConfirm .confirm-modal .prompt-modal-dialog .confirm-popup, #StyledPrompt .confirm-modal .prompt-modal-dialog .confirm-popup, #StyledAlert .prompt-modal .prompt-modal-dialog .confirm-popup, #StyledConfirm .prompt-modal .prompt-modal-dialog .confirm-popup, #StyledPrompt .prompt-modal .prompt-modal-dialog .confirm-popup, #StyledAlert .alert-modal .alert-modal-dialog .prompt-popup, #StyledConfirm .alert-modal .alert-modal-dialog .prompt-popup, #StyledPrompt .alert-modal .alert-modal-dialog .prompt-popup, #StyledAlert .confirm-modal .alert-modal-dialog .prompt-popup, #StyledConfirm .confirm-modal .alert-modal-dialog .prompt-popup, #StyledPrompt .confirm-modal .alert-modal-dialog .prompt-popup, #StyledAlert .prompt-modal .alert-modal-dialog .prompt-popup, #StyledConfirm .prompt-modal .alert-modal-dialog .prompt-popup, #StyledPrompt .prompt-modal .alert-modal-dialog .prompt-popup, #StyledAlert .alert-modal .confirm-modal-dialog .prompt-popup, #StyledConfirm .alert-modal .confirm-modal-dialog .prompt-popup, #StyledPrompt .alert-modal .confirm-modal-dialog .prompt-popup, #StyledAlert .confirm-modal .confirm-modal-dialog .prompt-popup, #StyledConfirm .confirm-modal .confirm-modal-dialog .prompt-popup, #StyledPrompt .confirm-modal .confirm-modal-dialog .prompt-popup, #StyledAlert .prompt-modal .confirm-modal-dialog .prompt-popup, #StyledConfirm .prompt-modal .confirm-modal-dialog .prompt-popup, #StyledPrompt .prompt-modal .confirm-modal-dialog .prompt-popup, #StyledAlert .alert-modal .prompt-modal-dialog .prompt-popup, #StyledConfirm .alert-modal .prompt-modal-dialog .prompt-popup, #StyledPrompt .alert-modal .prompt-modal-dialog .prompt-popup, #StyledAlert .confirm-modal .prompt-modal-dialog .prompt-popup, #StyledConfirm .confirm-modal .prompt-modal-dialog .prompt-popup, #StyledPrompt .confirm-modal .prompt-modal-dialog .prompt-popup, #StyledAlert .prompt-modal .prompt-modal-dialog .prompt-popup, #StyledConfirm .prompt-modal .prompt-modal-dialog .prompt-popup, #StyledPrompt .prompt-modal .prompt-modal-dialog .prompt-popup { background: transparent; overflow: hidden; opacity: 1; position: relative; margin: 0 auto; grid-template-rows: 44px auto 44px; background: #e3e3e3; border-radius: 6px; align-items: center; /*& .alert-header.alert-warning { background: @warningOrange; }*/ } #StyledAlert .alert-modal .alert-modal-dialog .alert-popup .alert-header, #StyledConfirm .alert-modal .alert-modal-dialog .alert-popup .alert-header, #StyledPrompt .alert-modal .alert-modal-dialog .alert-popup .alert-header, #StyledAlert .confirm-modal .alert-modal-dialog .alert-popup .alert-header, #StyledConfirm .confirm-modal .alert-modal-dialog .alert-popup .alert-header, #StyledPrompt .confirm-modal .alert-modal-dialog .alert-popup .alert-header, #StyledAlert .prompt-modal .alert-modal-dialog .alert-popup .alert-header, #StyledConfirm .prompt-modal .alert-modal-dialog .alert-popup .alert-header, #StyledPrompt .prompt-modal .alert-modal-dialog .alert-popup .alert-header, #StyledAlert .alert-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledConfirm .alert-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledPrompt .alert-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledAlert .confirm-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledConfirm .confirm-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledPrompt .confirm-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledAlert .prompt-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledConfirm .prompt-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledPrompt .prompt-modal .confirm-modal-dialog .alert-popup .alert-header, #StyledAlert .alert-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledConfirm .alert-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledPrompt .alert-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledAlert .confirm-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledConfirm .confirm-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledPrompt .confirm-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledAlert .prompt-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledConfirm .prompt-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledPrompt .prompt-modal .prompt-modal-dialog .alert-popup .alert-header, #StyledAlert .alert-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledConfirm .alert-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledPrompt .alert-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledAlert .confirm-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledConfirm .confirm-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledPrompt .confirm-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledAlert .prompt-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledConfirm .prompt-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledPrompt .prompt-modal .alert-modal-dialog .confirm-popup .alert-header, #StyledAlert .alert-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledConfirm .alert-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledPrompt .alert-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledAlert .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledConfirm .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledPrompt .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledAlert .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledConfirm .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledPrompt .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header, #StyledAlert .alert-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledConfirm .alert-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledPrompt .alert-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledAlert .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledConfirm .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledPrompt .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledAlert .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledConfirm .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledPrompt .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header, #StyledAlert .alert-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledConfirm .alert-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledPrompt .alert-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledAlert .confirm-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledConfirm .confirm-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledPrompt .confirm-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledAlert .prompt-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledConfirm .prompt-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledPrompt .prompt-modal .alert-modal-dialog .prompt-popup .alert-header, #StyledAlert .alert-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledConfirm .alert-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledPrompt .alert-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledAlert .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledConfirm .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledPrompt .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledAlert .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledConfirm .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledPrompt .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header, #StyledAlert .alert-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledConfirm .alert-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledPrompt .alert-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledAlert .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledConfirm .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledPrompt .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledAlert .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledConfirm .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header, #StyledPrompt .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header { display: flex; justify-content: space-between; align-items: left; color: black; font-weight: 700; padding: 10px 20px; background: #92BD4E; font-size: 16px; } #StyledAlert .alert-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledConfirm .alert-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledPrompt .alert-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledAlert .confirm-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledConfirm .confirm-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledPrompt .confirm-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledAlert .prompt-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledConfirm .prompt-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledPrompt .prompt-modal .alert-modal-dialog .alert-popup .alert-header i, #StyledAlert .alert-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledConfirm .alert-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledPrompt .alert-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledAlert .confirm-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledConfirm .confirm-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledPrompt .confirm-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledAlert .prompt-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledConfirm .prompt-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledPrompt .prompt-modal .confirm-modal-dialog .alert-popup .alert-header i, #StyledAlert .alert-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledConfirm .alert-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledPrompt .alert-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledAlert .confirm-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledConfirm .confirm-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledPrompt .confirm-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledAlert .prompt-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledConfirm .prompt-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledPrompt .prompt-modal .prompt-modal-dialog .alert-popup .alert-header i, #StyledAlert .alert-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .alert-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .alert-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledAlert .confirm-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .confirm-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .confirm-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledAlert .prompt-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .prompt-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .prompt-modal .alert-modal-dialog .confirm-popup .alert-header i, #StyledAlert .alert-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .alert-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .alert-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledAlert .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .confirm-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledAlert .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .prompt-modal .confirm-modal-dialog .confirm-popup .alert-header i, #StyledAlert .alert-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .alert-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .alert-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledAlert .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .confirm-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledAlert .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledConfirm .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledPrompt .prompt-modal .prompt-modal-dialog .confirm-popup .alert-header i, #StyledAlert .alert-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .alert-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .alert-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledAlert .confirm-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .confirm-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .confirm-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledAlert .prompt-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .prompt-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .prompt-modal .alert-modal-dialog .prompt-popup .alert-header i, #StyledAlert .alert-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .alert-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .alert-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledAlert .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .confirm-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledAlert .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .prompt-modal .confirm-modal-dialog .prompt-popup .alert-header i, #StyledAlert .alert-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .alert-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .alert-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledAlert .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .confirm-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledAlert .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledConfirm .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header i, #StyledPrompt .prompt-modal .prompt-modal-dialog .prompt-popup .alert-header i { font-size: 14px; } #StyledAlert .alert-modal .alert-modal-dialog .alert-popup .alert-body, #StyledConfirm .alert-modal .alert-modal-dialog .alert-popup .alert-body, #StyledPrompt .alert-modal .alert-modal-dialog .alert-popup .alert-body, #StyledAlert .confirm-modal .alert-modal-dialog .alert-popup .alert-body, #StyledConfirm .confirm-modal .alert-modal-dialog .alert-popup .alert-body, #StyledPrompt .confirm-modal .alert-modal-dialog .alert-popup .alert-body, #StyledAlert .prompt-modal .alert-modal-dialog .alert-popup .alert-body, #StyledConfirm .prompt-modal .alert-modal-dialog .alert-popup .alert-body, #StyledPrompt .prompt-modal .alert-modal-dialog .alert-popup .alert-body, #StyledAlert .alert-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledConfirm .alert-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledPrompt .alert-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledAlert .confirm-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledConfirm .confirm-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledPrompt .confirm-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledAlert .prompt-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledConfirm .prompt-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledPrompt .prompt-modal .confirm-modal-dialog .alert-popup .alert-body, #StyledAlert .alert-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledConfirm .alert-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledPrompt .alert-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledAlert .confirm-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledConfirm .confirm-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledPrompt .confirm-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledAlert .prompt-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledConfirm .prompt-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledPrompt .prompt-modal .prompt-modal-dialog .alert-popup .alert-body, #StyledAlert .alert-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledConfirm .alert-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledPrompt .alert-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledAlert .confirm-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledConfirm .confirm-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledPrompt .confirm-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledAlert .prompt-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledConfirm .prompt-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledPrompt .prompt-modal .alert-modal-dialog .confirm-popup .alert-body, #StyledAlert .alert-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledConfirm .alert-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledPrompt .alert-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledAlert .confirm-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledConfirm .confirm-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledPrompt .confirm-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledAlert .prompt-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledConfirm .prompt-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledPrompt .prompt-modal .confirm-modal-dialog .confirm-popup .alert-body, #StyledAlert .alert-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledConfirm .alert-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledPrompt .alert-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledAlert .confirm-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledConfirm .confirm-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledPrompt .confirm-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledAlert .prompt-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledConfirm .prompt-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledPrompt .prompt-modal .prompt-modal-dialog .confirm-popup .alert-body, #StyledAlert .alert-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledConfirm .alert-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledPrompt .alert-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledAlert .confirm-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledConfirm .confirm-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledPrompt .confirm-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledAlert .prompt-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledConfirm .prompt-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledPrompt .prompt-modal .alert-modal-dialog .prompt-popup .alert-body, #StyledAlert .alert-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledConfirm .alert-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledPrompt .alert-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledAlert .confirm-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledConfirm .confirm-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledPrompt .confirm-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledAlert .prompt-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledConfirm .prompt-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledPrompt .prompt-modal .confirm-modal-dialog .prompt-popup .alert-body, #StyledAlert .alert-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledConfirm .alert-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledPrompt .alert-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledAlert .confirm-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledConfirm .confirm-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledPrompt .confirm-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledAlert .prompt-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledConfirm .prompt-modal .prompt-modal-dialog .prompt-popup .alert-body, #StyledPrompt .prompt-modal .prompt-modal-dialog .prompt-popup .alert-body { font-size: 16px; padding: 20px 20px; background: #f6f6f6; border: 1px solid #9b9b9b; border-right: none; border-left: none; border-top: none; border-radius: 0 0 6px 6px; } #StyledAlert .fa-rotate-45, #StyledConfirm .fa-rotate-45, #StyledPrompt .fa-rotate-45 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /*display:inline-block;*/ } #StyledConfirm .confirm-header, #StyledPrompt .confirm-header, #StyledConfirm .prompt-header, #StyledPrompt .prompt-header { display: flex; justify-content: space-between; align-items: center; color: black; font-weight: 700; padding: 10px 20px; font-size: 16px; } #StyledConfirm .confirm-header i, #StyledPrompt .confirm-header i, #StyledConfirm .prompt-header i, #StyledPrompt .prompt-header i { font-size: 14px; } #StyledConfirm .confirm-header, #StyledPrompt .confirm-header { background: #f5a623; } #StyledConfirm .prompt-header, #StyledPrompt .prompt-header { background: #92BD4E; } #StyledConfirm .confirm-body, #StyledPrompt .confirm-body, #StyledConfirm .prompt-body, #StyledPrompt .prompt-body { font-size: 14px; padding: 25px 20px 25px 20px; background: #f6f6f6; border: 1px solid #9b9b9b; border-right: none; border-left: none; border-top: none; border-radius: 0; } #StyledConfirm .confirm-footer, #StyledPrompt .confirm-footer, #StyledConfirm .prompt-footer, #StyledPrompt .prompt-footer { display: flex; justify-content: space-evenly; border-right: none; border-left: none; border-top: none; border-radius: 6px; padding: 10px; } #StyledConfirm .confirm-footer .btn-cancel, #StyledPrompt .confirm-footer .btn-cancel, #StyledConfirm .prompt-footer .btn-cancel, #StyledPrompt .prompt-footer .btn-cancel { width: 148px; border-radius: 20px; font-weight: 600; background: #870111; color: white; padding: 3px; margin: inherit; font-size: 14px; line-height: 1.4; } #StyledConfirm .confirm-footer .btn-submit, #StyledPrompt .confirm-footer .btn-submit, #StyledConfirm .prompt-footer .btn-submit, #StyledPrompt .prompt-footer .btn-submit { width: 148px; border-radius: 20px; font-weight: 600; color: white; padding: 3px; margin: inherit; font-size: 14px; line-height: 1.4; background: #337ab7; } #StyledPrompt textarea { width: 100%; height: 80px; float: none; margin: 0; border: solid 2px #cdcdcd; padding-left: 6px; } #StyledPromptMessageText { margin-bottom: 10px; line-height: 20px; } #StyledPromptClose, #StyledConfirmClose, #StyledAlertClose { cursor: pointer; } @media (max-width: 787px) { .alert-modal-dialog, .confirm-modal-dialog, .prompt-modal-dialog { width: 280px; max-width: 280px; } }