.sweet-overlay {
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    background-color:rgba(0,0,0,.4);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:10000;
    }
    
    .sweet-alert {
    background-color:#fff;
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    width:478px;
    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;
    padding:17px;
    }
    
    .sweet-alert h2 {
    color:#575757;
    font-size:30px;
    text-align:center;
    font-weight:600;
    text-transform:none;
    position:relative;
    line-height:40px;
    display:block;
    margin:25px 0;
    padding:0;
    }
    
    .sweet-alert p {
    color:#797979;
    font-size:16px;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    line-height:normal;
    margin:0;
    padding:0;
    }
    
    .sweet-alert button {
    background-color:#AEDEF4;
    color:#fff;
    border:none;
    box-shadow:none;
    font-size:17px;
    font-weight:500;
    -webkit-border-radius:4px;
    border-radius:5px;
    cursor:pointer;
    margin:26px 5px 0;
    padding:10px 32px;
    }
    
    .sweet-alert button:focus {
    outline:0;
    box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05);
    }
    
    .sweet-alert button:hover {
    background-color:#a1d9f2;
    }
    
    .sweet-alert button:active {
    background-color:#81ccee;
    }
    
    .sweet-alert button.cancel {
    background-color:#D0D0D0;
    }
    
    .sweet-alert button.cancel:hover {
    background-color:#c8c8c8;
    }
    
    .sweet-alert button.cancel:active {
    background-color:#b6b6b6;
    }
    
    .sweet-alert button.cancel:focus {
    box-shadow:rgba(197,205,211,.8) 0 0 2px 0 0 0 1px inset!important;
    }
    
    .sweet-alert button::-moz-focus-inner {
    border:0;
    }
    
    .sweet-alert[data-has-cancel-button=false] button {
    box-shadow:none!important;
    }
    
    .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:50%;
    position:relative;
    box-sizing:content-box;
    margin:20px auto;
    padding:0;
    }
    
    .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::after,.sweet-alert .sa-icon.sa-success::before {
    content:'';
    position:absolute;
    width:60px;
    height:120px;
    background:#fff;
    -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:0 60px;
    transform-origin:0 60px;
    }
    
    .sweet-alert .sa-icon.sa-success .sa-placeholder {
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,.2);
    -webkit-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:#fff;
    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;
    }
    
    45% {
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    }
    
    80% {
    -webkit-tranform:scale(.95);
    transform:scale(1.15);
    -webkit-transform:scale(1.15);
    margin-top:-6px;
    }
    
    100% {
    left:14px;
    width:47px;
    right:8px;
    top:38px;
    transform:scale(1);
    -webkit-transform:scale(1);
    margin-top:0;
    opacity:1;
    background-color:#F8BB86;
    border-color:#F8BB86;
    }
    
    .showSweetAlert {
    -webkit-animation:showSweetAlert .3s;
    animation:showSweetAlert .3s;
    }
    
    .hideSweetAlert {
    -webkit-animation:hideSweetAlert .2s;
    animation:hideSweetAlert .2s;
    }
    70% {
    width:50px;
    left:-8px;
    top:37px;
    }
    
    84% {
    left:21px;
    width:55px;
    right:0;
    top:35px;
    }
    
    100%,12% {
    transform:rotate(-405deg);
    -webkit-transform:rotate(-405deg);
    }
    
    .animateSuccessTip {
    -webkit-animation:animateSuccessTip .75s;
    animation:animateSuccessTip .75s;
    }
    
    .animateSuccessLong {
    -webkit-animation:animateSuccessLong .75s;
    animation:animateSuccessLong .75s;
    }
    
    .sa-icon.sa-success.animate::after {
    -webkit-animation:rotatePlaceholder 4.25s ease-in;
    animation:rotatePlaceholder 4.25s ease-in;
    }
    
    .animateErrorIcon {
    -webkit-animation:animateErrorIcon .5s;
    animation:animateErrorIcon .5s;
    }
    
    .animateXMark {
    -webkit-animation:animateXMark .5s;
    animation:animateXMark .5s;
    }
    
    .pulseWarning {
    -webkit-animation:pulseWarning .75s infinite alternate;
    animation:pulseWarning .75s infinite alternate;
    }
    
    .pulseWarningIns {
    -webkit-animation:pulseWarningIns .75s infinite alternate;
    animation:pulseWarningIns .75s infinite alternate;
    }
    
    .showSweetAlert[data-animation=none],.hideSweetAlert[data-animation=none] {
    -webkit-animation:none;
    animation:none;
    }
    
    @media all and max-width540px{
    .sweet-alert {
    width:auto;
    margin-left:0;
    margin-right:0;
    left:15px;
    right:15px;
    }
    }