.swal2-popup { width: 400px!important; } .swal2-icon { font-size: 20px !important; width: 24px; height: 24px; line-height: 24px !important; border: 2px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; margin: 22px 16px 10px 15px; padding: 0; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-icon.swal2-success .swal2-success-ring { width: 24px; height: 24px; border: 2px solid rgba(165,220,134,.2); } .swal2-icon.swal2-success [class^="swal2-success-circular-line"] { width: 0; } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { /*width: 17px; right: 3px; top: 9px;*/ width: 17px; right: 1px; top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 4px; } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 4px; } .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { position: absolute; height: 3px; width: 17px; background-color: #f27474; display: block; top: 11px; border-radius: 2px; } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { /*width: 8px; left: 0px; top: 11px;*/ width: 8px; left: 2.5px; top: 12.5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .swal2-icon.swal2-success [class^="swal2-success-line"] { height: 3px; /*background-color: #a5dc86;*/ display: block; border-radius: 2px; position: absolute; z-index: 2; } .swal2-icon.swal2-success .swal2-success-fix { height: 0; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -37px; } .swal2-animate-success-line-tip, .swal2-animate-success-line-long { -webkit-animation: none; animation: none; } .swal2-contentwrapper { margin-top: -36px; margin-left: 50px; } .swal2-popup .swal2-title { font-size: 16px; color: #333333; letter-spacing: 0; text-align: left; line-height: 24px; /*padding-left: 30px;*/ } .swal2-popup .swal2-content { font-size: 14px; color: #666666; letter-spacing: 0; text-align: left; line-height: 22px; } .swal2-popup .swal2-buttonswrapper { justify-content: right; } .swal2-popup .swal2-styled { font-size: 14px; color: #FFFFFF; text-align: center; padding: 6px 20px; margin: 2px 8px 0; } .swal2-popup .swal2-confirm { background: #678CEB !important; border-radius: 4px; border-color: #678CEB !important; } .swal2-popup .swal2-cancel { background: #FFFFFF !important; border: 1px solid #DDDDDD !important; border-radius: 4px; font-size: 14px; color: #333333 !important; }