.sweet-overlay {
    background-color: rgba(38, 51, 70, .9);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
}

.sweet-alert {
    background-color: white;
    width: 554px;
    padding: 27px;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -277px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: black;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    position: relative;
    margin-top: 13px;
    margin-bottom: 10px;
}

.sweet-alert p {
    color: rgb(138, 143, 147);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    margin: 0;
}

.sweet-alert button {
    background-color: #95A3B1;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    padding: 9px 32px;
    width: 16.6rem;
    margin: 2.3rem 5px 3rem 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: #95A3B1;
}

.sweet-alert button:active {
    background-color: #95A3B1;
}

.sweet-alert button.cancel {}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important;
}

.sweet-alert .icon {
    width: 58px;
    height: 58px;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
    background-size: contain;
    background-repeat: no-repeat;
}

.sweet-alert .icon.error {
    background-image: url('data:image/png;base64,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')
}

.sweet-alert .icon.warning {
    background-image: url('data:image/png;base64,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');
}

.sweet-alert .confirm {
    box-shadow: none !important;
}

.sweet-alert .icon.info {
    border-color: #C9DAE1;
}

.sweet-alert .icon.info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1;
}

.sweet-alert .icon.info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1;
}

.sweet-alert .icon.success {
    background-image: url('data:image/png;base64,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');
}

.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}


/*
 * Animations
 */

@-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-tranform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-moz-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-tranform: 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-tranform: 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);
    }
}

@-moz-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);
    }
}

.showSweetAlert {
    -webkit-animation: showSweetAlert 0.3s;
    -moz-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.hideSweetAlert {
    -webkit-animation: hideSweetAlert 0.2s;
    -moz-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

@-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;
    }
}

@-moz-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;
    }
}

@-moz-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);
    }
}

@-moz-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;
    -moz-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    -moz-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -moz-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;
    }
}

@-moz-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;
    -moz-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;
    }
}

@-moz-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;
    -moz-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}


/*@include keyframes(simpleRotate) {
	0%		{ transform: rotateY(0deg);    }
  100% 	{ transform: rotateY(-360deg); }
}
.simpleRotate {
	@include animation('simpleRotate 0.75s');
}*/

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

@-moz-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;
    -moz-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }
    100% {
        background-color: #F8BB86;
    }
}

@-moz-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;
    -moz-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}