| 1 |
body.stop-scrolling{ height:100%; overflow:hidden}.sweet-overlay{ background-color:black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color:rgba(0,0,0,0.4); position:fixed; left:0; right:0; top:0; bottom:0; display:none; z-index:10000}.sweet-alert{ background-color:white; font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; width:478px; padding:17px; border-radius:5px; text-align:center; position:fixed; left:50%; top:50%; margin-left:-256px; margin-top:-200px; overflow:hidden; display:none; z-index:99999} @media all and (max-width:540px){ .sweet-alert{ width:auto; margin-left:0; margin-right:0; left:15px; right:15px}} .sweet-alert h2{ color:#575757; font-size:30px; text-align:center; font-weight:600; text-transform:none; position:relative; margin:25px 0; padding:0; line-height:40px; display:block} .sweet-alert p{ color:#797979; font-size:16px; text-align:center; font-weight:300; position:relative; text-align:inherit; float:none; margin:0; padding:0; line-height:normal} .sweet-alert fieldset{ border:none; position:relative} .sweet-alert .sa-error-container{ background-color:#f1f1f1; margin-left:-17px; margin-right:-17px; overflow:hidden; padding:0 10px; max-height:0; webkit-transition:padding 0.15s,max-height 0.15s; transition:padding 0.15s,max-height 0.15s} .sweet-alert .sa-error-container.show{ padding:10px 0; max-height:100px; webkit-transition:padding 0.2s,max-height 0.2s; transition:padding 0.25s,max-height 0.25s} .sweet-alert .sa-error-container .icon{ display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#ea7d7d; color:white; line-height:24px; text-align:center; margin-right:3px} .sweet-alert .sa-error-container p{ display:inline-block} .sweet-alert .sa-input-error{ position:absolute; top:29px; right:26px; width:20px; height:20px; opacity:0; -webkit-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.1s; transition:all 0.1s} .sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{ content:""; width:20px; height:6px; background-color:#f06e57; border-radius:3px; position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-9px} .sweet-alert .sa-input-error::before{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .sweet-alert .sa-input-error::after{ -webkit-transform:rotate(45deg); transform:rotate(45deg)} .sweet-alert .sa-input-error.show{ opacity:1; -webkit-transform:scale(1); transform:scale(1)} .sweet-alert input{ width:100%; box-sizing:border-box; border-radius:3px; border:1px solid #d7d7d7; height:43px; margin-top:10px; margin-bottom:17px; font-size:18px; box-shadow:inset 0px 1px 1px rgba(0,0,0,0.06); padding:0 12px; display:none; -webkit-transition:all 0.3s; transition:all 0.3s} .sweet-alert input:focus{ outline:none; box-shadow:0px 0px 3px #c4e6f5; border:1px solid #b4dbed} .sweet-alert input:focus::-moz-placeholder{ transition:opacity 0.3s 0.03s ease; opacity:0.5} .sweet-alert input:focus:-ms-input-placeholder{ transition:opacity 0.3s 0.03s ease; opacity:0.5} .sweet-alert input:focus::-webkit-input-placeholder{ transition:opacity 0.3s 0.03s ease; opacity:0.5} .sweet-alert input::-moz-placeholder{ color:#bdbdbd} .sweet-alert input:-ms-input-placeholder{ color:#bdbdbd} .sweet-alert input::-webkit-input-placeholder{ color:#bdbdbd} .sweet-alert.show-input input{ display:block} .sweet-alert .sa-confirm-button-container{ display:inline-block; position:relative} .sweet-alert .la-ball-fall{ position:absolute; left:50%; top:50%; margin-left:-27px; margin-top:4px; opacity:0; visibility:hidden} .sweet-alert button{ background-color:#8CD4F5; color:white; border:none; box-shadow:none; font-size:17px; font-weight:500; -webkit-border-radius:4px; border-radius:5px; padding:10px 32px; margin:26px 5px 0 5px; cursor:pointer} .sweet-alert button:focus{ outline:none; box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)} .sweet-alert button:hover{ background-color:#7ecff4} .sweet-alert button:active{ background-color:#5dc2f1} .sweet-alert button.cancel{ background-color:#C1C1C1} .sweet-alert button.cancel:hover{ background-color:#b9b9b9} .sweet-alert button.cancel:active{ background-color:#a8a8a8} .sweet-alert button.cancel:focus{ box-shadow:rgba(197,205,211,0.8) 0px 0px 2px,rgba(0,0,0,0.0470588) 0px 0px 0px 1px inset !important} .sweet-alert button[disabled]{ opacity:.6; cursor:default} .sweet-alert button.confirm[disabled]{ color:transparent} .sweet-alert button.confirm[disabled] ~ .la-ball-fall{ opacity:1; visibility:visible; transition-delay:0s} .sweet-alert button::-moz-focus-inner{ border:0} .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{ padding-bottom:40px} .sweet-alert .sa-icon{ width:80px; height:80px; border:4px solid gray; -webkit-border-radius:40px; border-radius:40px; border-radius:50%; margin:20px auto; padding:0; position:relative; box-sizing:content-box} .sweet-alert .sa-icon.sa-error{ border-color:#F27474} .sweet-alert .sa-icon.sa-error .sa-x-mark{ position:relative; display:block} .sweet-alert .sa-icon.sa-error .sa-line{ position:absolute; height:5px; width:47px; background-color:#F27474; display:block; top:37px; border-radius:2px} .sweet-alert .sa-icon.sa-error .sa-line.sa-left{ -webkit-transform:rotate(45deg); transform:rotate(45deg); left:17px} .sweet-alert .sa-icon.sa-error .sa-line.sa-right{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:16px} .sweet-alert .sa-icon.sa-warning{ border-color:#F8BB86} .sweet-alert .sa-icon.sa-warning .sa-body{ position:absolute; width:5px; height:47px; left:50%; top:10px; -webkit-border-radius:2px; border-radius:2px; margin-left:-2px; background-color:#F8BB86} .sweet-alert .sa-icon.sa-warning .sa-dot{ position:absolute; width:7px; height:7px; -webkit-border-radius:50%; border-radius:50%; margin-left:-3px; left:50%; bottom:10px; background-color:#F8BB86} .sweet-alert .sa-icon.sa-info{ border-color:#C9DAE1} .sweet-alert .sa-icon.sa-info::before{ content:""; position:absolute; width:5px; height:29px; left:50%; bottom:17px; border-radius:2px; margin-left:-2px; background-color:#C9DAE1} .sweet-alert .sa-icon.sa-info::after{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; margin-left:-3px; top:19px; background-color:#C9DAE1} .sweet-alert .sa-icon.sa-success{ border-color:#A5DC86} .sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{ content:''; -webkit-border-radius:40px; border-radius:40px; border-radius:50%; position:absolute; width:60px; height:120px; background:white; -webkit-transform:rotate(45deg); transform:rotate(45deg)} .sweet-alert .sa-icon.sa-success::before{ -webkit-border-radius:120px 0 0 120px; border-radius:120px 0 0 120px; top:-7px; left:-33px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:60px 60px; transform-origin:60px 60px} .sweet-alert .sa-icon.sa-success::after{ -webkit-border-radius:0 120px 120px 0; border-radius:0 120px 120px 0; top:-11px; left:30px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:0px 60px; transform-origin:0px 60px} .sweet-alert .sa-icon.sa-success .sa-placeholder{ width:80px; height:80px; border:4px solid rgba(165,220,134,0.2); -webkit-border-radius:40px; border-radius:40px; border-radius:50%; box-sizing:content-box; position:absolute; left:-4px; top:-4px; z-index:2} .sweet-alert .sa-icon.sa-success .sa-fix{ width:5px; height:90px; background-color:white; position:absolute; left:28px; top:8px; z-index:1; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .sweet-alert .sa-icon.sa-success .sa-line{ height:5px; background-color:#A5DC86; display:block; border-radius:2px; position:absolute; z-index:2} .sweet-alert .sa-icon.sa-success .sa-line.sa-tip{ width:25px; left:14px; top:46px; -webkit-transform:rotate(45deg); transform:rotate(45deg)} .sweet-alert .sa-icon.sa-success .sa-line.sa-long{ width:47px; right:8px; top:38px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .sweet-alert .sa-icon.sa-custom{ background-size:contain; border-radius:0; border:none; background-position:center center; background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{ 0%{ transform:scale(0.7); -webkit-transform:scale(0.7)} 45%{ transform:scale(1.05); -webkit-transform:scale(1.05)} 80%{ transform:scale(0.95); -webkit-transform:scale(0.95)} 100%{ transform:scale(1); -webkit-transform:scale(1)}}@keyframes showSweetAlert{ 0%{ transform:scale(0.7); -webkit-transform:scale(0.7)} 45%{ transform:scale(1.05); -webkit-transform:scale(1.05)} 80%{ transform:scale(0.95); -webkit-transform:scale(0.95)} 100%{ transform:scale(1); -webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{ 0%{ transform:scale(1); -webkit-transform:scale(1)} 100%{ transform:scale(0.5); -webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{ 0%{ transform:scale(1); -webkit-transform:scale(1)} 100%{ transform:scale(0.5); -webkit-transform:scale(0.5)}}@-webkit-keyframes slideFromTop{ 0%{ top:0%} 100%{ top:50%}}@keyframes slideFromTop{ 0%{ top:0%} 100%{ top:50%}}@-webkit-keyframes slideToTop{ 0%{ top:50%} 100%{ top:0%}}@keyframes slideToTop{ 0%{ top:50%} 100%{ top:0%}}@-webkit-keyframes slideFromBottom{ 0%{ top:70%} 100%{ top:50%}}@keyframes slideFromBottom{ 0%{ top:70%} 100%{ top:50%}}@-webkit-keyframes slideToBottom{ 0%{ top:50%} 100%{ top:70%}}@keyframes slideToBottom{ 0%{ top:50%} 100%{ top:70%}}.showSweetAlert[data-animation=pop]{ -webkit-animation:showSweetAlert 0.3s; animation:showSweetAlert 0.3s}.showSweetAlert[data-animation=none]{ -webkit-animation:none; animation:none}.showSweetAlert[data-animation=slide-from-top]{ -webkit-animation:slideFromTop 0.3s; animation:slideFromTop 0.3s}.showSweetAlert[data-animation=slide-from-bottom]{ -webkit-animation:slideFromBottom 0.3s; animation:slideFromBottom 0.3s}.hideSweetAlert[data-animation=pop]{ -webkit-animation:hideSweetAlert 0.2s; animation:hideSweetAlert 0.2s}.hideSweetAlert[data-animation=none]{ -webkit-animation:none; animation:none}.hideSweetAlert[data-animation=slide-from-top]{ -webkit-animation:slideToTop 0.4s; animation:slideToTop 0.4s}.hideSweetAlert[data-animation=slide-from-bottom]{ -webkit-animation:slideToBottom 0.3s; animation:slideToBottom 0.3s}@-webkit-keyframes animateSuccessTip{ 0%{ width:0; left:1px; top:19px} 54%{ width:0; left:1px; top:19px} 70%{ width:50px; left:-8px; top:37px} 84%{ width:17px; left:21px; top:48px} 100%{ width:25px; left:14px; top:45px}}@keyframes animateSuccessTip{ 0%{ width:0; left:1px; top:19px} 54%{ width:0; left:1px; top:19px} 70%{ width:50px; left:-8px; top:37px} 84%{ width:17px; left:21px; top:48px} 100%{ width:25px; left:14px; top:45px}}@-webkit-keyframes animateSuccessLong{ 0%{ width:0; right:46px; top:54px} 65%{ width:0; right:46px; top:54px} 84%{ width:55px; right:0px; top:35px} 100%{ width:47px; right:8px; top:38px}}@keyframes animateSuccessLong{ 0%{ width:0; right:46px; top:54px} 65%{ width:0; right:46px; top:54px} 84%{ width:55px; right:0px; top:35px} 100%{ width:47px; right:8px; top:38px}}@-webkit-keyframes rotatePlaceholder{ 0%{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg)} 5%{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg)} 12%{ transform:rotate(-405deg); -webkit-transform:rotate(-405deg)} 100%{ transform:rotate(-405deg); -webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{ 0%{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg)} 5%{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg)} 12%{ transform:rotate(-405deg); -webkit-transform:rotate(-405deg)} 100%{ transform:rotate(-405deg); -webkit-transform:rotate(-405deg)}}.animateSuccessTip{ -webkit-animation:animateSuccessTip 0.75s; animation:animateSuccessTip 0.75s}.animateSuccessLong{ -webkit-animation:animateSuccessLong 0.75s; animation:animateSuccessLong 0.75s}.sa-icon.sa-success.animate::after{ -webkit-animation:rotatePlaceholder 4.25s ease-in; animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{ 0%{ transform:rotateX(100deg); -webkit-transform:rotateX(100deg); opacity:0} 100%{ transform:rotateX(0deg); -webkit-transform:rotateX(0deg); opacity:1}}@keyframes animateErrorIcon{ 0%{ transform:rotateX(100deg); -webkit-transform:rotateX(100deg); opacity:0} 100%{ transform:rotateX(0deg); -webkit-transform:rotateX(0deg); opacity:1}}.animateErrorIcon{ -webkit-animation:animateErrorIcon 0.5s; animation:animateErrorIcon 0.5s}@-webkit-keyframes animateXMark{ 0%{ transform:scale(0.4); -webkit-transform:scale(0.4); margin-top:26px; opacity:0} 50%{ transform:scale(0.4); -webkit-transform:scale(0.4); margin-top:26px; opacity:0} 80%{ transform:scale(1.15); -webkit-transform:scale(1.15); margin-top:-6px} 100%{ transform:scale(1); -webkit-transform:scale(1); margin-top:0; opacity:1}}@keyframes animateXMark{ 0%{ transform:scale(0.4); -webkit-transform:scale(0.4); margin-top:26px; opacity:0} 50%{ transform:scale(0.4); -webkit-transform:scale(0.4); margin-top:26px; opacity:0} 80%{ transform:scale(1.15); -webkit-transform:scale(1.15); margin-top:-6px} 100%{ transform:scale(1); -webkit-transform:scale(1); margin-top:0; opacity:1}}.animateXMark{ -webkit-animation:animateXMark 0.5s; animation:animateXMark 0.5s}@-webkit-keyframes pulseWarning{ 0%{ border-color:#F8D486} 100%{ border-color:#F8BB86}}@keyframes pulseWarning{ 0%{ border-color:#F8D486} 100%{ border-color:#F8BB86}}.pulseWarning{ -webkit-animation:pulseWarning 0.75s infinite alternate; animation:pulseWarning 0.75s infinite alternate}@-webkit-keyframes pulseWarningIns{ 0%{ background-color:#F8D486} 100%{ background-color:#F8BB86}}@keyframes pulseWarningIns{ 0%{ background-color:#F8D486} 100%{ background-color:#F8BB86}}.pulseWarningIns{ -webkit-animation:pulseWarningIns 0.75s infinite alternate; animation:pulseWarningIns 0.75s infinite alternate}@-webkit-keyframes rotate-loading{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)}}@keyframes rotate-loading{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{ -ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{ -ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success{ border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{ -ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{ -ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall >div{ position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.la-ball-fall{ display:block; font-size:0; color:#fff}.la-ball-fall.la-dark{ color:#333}.la-ball-fall >div{ display:inline-block; float:none; background-color:currentColor; border:0 solid currentColor}.la-ball-fall{ width:54px; height:18px}.la-ball-fall >div{ width:10px; height:10px; margin:4px; border-radius:100%; opacity:0; -webkit-animation:ball-fall 1s ease-in-out infinite; -moz-animation:ball-fall 1s ease-in-out infinite; -o-animation:ball-fall 1s ease-in-out infinite; animation:ball-fall 1s ease-in-out infinite}.la-ball-fall >div:nth-child(1){ -webkit-animation-delay:-200ms; -moz-animation-delay:-200ms; -o-animation-delay:-200ms; animation-delay:-200ms}.la-ball-fall >div:nth-child(2){ -webkit-animation-delay:-100ms; -moz-animation-delay:-100ms; -o-animation-delay:-100ms; animation-delay:-100ms}.la-ball-fall >div:nth-child(3){ -webkit-animation-delay:0ms; -moz-animation-delay:0ms; -o-animation-delay:0ms; animation-delay:0ms}.la-ball-fall.la-sm{ width:26px; height:8px}.la-ball-fall.la-sm >div{ width:4px; height:4px; margin:2px}.la-ball-fall.la-2x{ width:108px; height:36px}.la-ball-fall.la-2x >div{ width:20px; height:20px; margin:8px}.la-ball-fall.la-3x{ width:162px; height:54px}.la-ball-fall.la-3x >div{ width:30px; height:30px; margin:12px}@-webkit-keyframes ball-fall{ 0%{ opacity:0; -webkit-transform:translateY(-145%); transform:translateY(-145%)} 10%{ opacity:.5} 20%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 80%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 90%{ opacity:.5} 100%{ opacity:0; -webkit-transform:translateY(145%); transform:translateY(145%)}}@-moz-keyframes ball-fall{ 0%{ opacity:0; -moz-transform:translateY(-145%); transform:translateY(-145%)} 10%{ opacity:.5} 20%{ opacity:1; -moz-transform:translateY(0); transform:translateY(0)} 80%{ opacity:1; -moz-transform:translateY(0); transform:translateY(0)} 90%{ opacity:.5} 100%{ opacity:0; -moz-transform:translateY(145%); transform:translateY(145%)}}@-o-keyframes ball-fall{ 0%{ opacity:0; -o-transform:translateY(-145%); transform:translateY(-145%)} 10%{ opacity:.5} 20%{ opacity:1; -o-transform:translateY(0); transform:translateY(0)} 80%{ opacity:1; -o-transform:translateY(0); transform:translateY(0)} 90%{ opacity:.5} 100%{ opacity:0; -o-transform:translateY(145%); transform:translateY(145%)}}@keyframes ball-fall{ 0%{ opacity:0; -webkit-transform:translateY(-145%); -moz-transform:translateY(-145%); -o-transform:translateY(-145%); transform:translateY(-145%)} 10%{ opacity:.5} 20%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)} 80%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)} 90%{ opacity:.5} 100%{ opacity:0; -webkit-transform:translateY(145%); -moz-transform:translateY(145%); -o-transform:translateY(145%); transform:translateY(145%)}} |
