.sweet-overlay { background: rgba(10, 10, 10, 0.6); } .swal-modal { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 24px; padding-top: 64px; padding-bottom: 13px; text-align: right; border-radius: 0; box-shadow: 0 0 14px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.48); } .swal-modal .swal-title { position: absolute; top: 0; left: 0; right: 0; height: auto; font-weight: 400; color: #212121; margin: 20px 0; font-size: 1.2rem; line-height: 1.25; text-align: left; padding: 0 24px; } .swal-modal .swal-text { display: block; text-align: center; color: #212121; font-weight: 400; font-size: 14px; line-height: 1.2rem; margin: 20px 0; } .swal-modal .swal-footer { padding: 0; } .swal-modal button { border-radius: 2px; box-shadow: none !important; background: none !important; border-radius: 2px; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 8px 16px; position: relative; margin-top: 0; } .swal-modal button:hover, .swal-modal button:focus { background-color: #f6f6f6 !important; } .swal-modal button.swal-button--confirm { color: #3c80f6; } .swal-modal button.cancel { color: #757575; } .swal-modal button.cancel:focus { box-shadow: none !important; } .swal-modal .sa-icon:not(.sa-custom) { transform: scale(0.8); margin-bottom: -10px; margin-top: -10px; } .swal-modal input { border: none; border-radius: 0; border-bottom: 1px solid #c9c9c9; color: #212121; margin-bottom: 8px; padding: 1px; padding-bottom: 8px; height: auto; box-shadow: none; font-size: 13px; margin: 10px 0; } .swal-modal input:focus { border: none; border-bottom: 1px solid #3c80f6; box-shadow: inset 0 -1px 0 #3c80f6; } .swal-modal fieldset { padding: 0; } .swal-modal fieldset .sa-input-error { display: none; } .swal-modal .sa-error-container { display: none; background: none; height: auto; padding: 0 24px; margin: 0 -20px; text-align: left; } .swal-modal .sa-error-container.show { padding: 0 24px; display: block; } .swal-modal .sa-error-container.show ~ fieldset input { background: red; border-bottom: 1px solid #d9453c; box-shadow: inset 0 -1px 0 #d9453c; } .swal-modal .sa-error-container .icon { display: none; } .swal-modal .sa-error-container .swal-text { color: #d9453c; margin-top: 0; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg), scale(0.5); -webkit-transform: rotateX(100deg), scale(0.5); opacity: 0; } 100% { transform: rotateX(0deg), scale(0.5); -webkit-transform: rotateX(0deg), scale(0.5); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg), scale(0.5); -webkit-transform: rotateX(100deg), scale(0.5); opacity: 0; } 100% { transform: rotateX(0deg), scale(0.5); -webkit-transform: rotateX(0deg), scale(0.5); opacity: 1; } }