body.swal2-shown {

    overflow-y: hidden

}



body.swal2-iosfix {

    position: fixed;

    left: 0;

    right: 0

}



.swal2-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 10px;

    background-color: transparent;

    z-index: 1060

}



.swal2-container.swal2-fade {

    -webkit-transition: background-color .1s;

    transition: background-color .1s

}



.swal2-container.swal2-shown {

    background-color: rgba(0, 0, 0, .4)

}



.swal2-modal {
    /* background-color: #fff !important; */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
    z-index: 9999999 !important;
    background-image: url(../../images/sparkies/msgangel.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center;
}



.swal2-modal:focus {

    outline: 0

}



.swal2-modal.swal2-loading {

    overflow-y: hidden

}



.swal2-modal .swal2-title {

    color: #1381ea;

    font-size: 30px;

    text-align: center;

    font-weight: 600;

    text-transform: none;

    position: relative;

    /* margin: 0 0 .4em; */

    padding: 0;

    display: block;

    word-wrap: break-word

}



.swal2-modal .swal2-buttonswrapper {
    position: relative;
    top: 45px;
}



.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {

    opacity: .4;

    cursor: no-drop

}



.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {

    box-sizing: border-box;

    border: 4px solid transparent;

    border-color: transparent;

    width: 40px;

    height: 40px;

    padding: 0;

    margin: 7.5px;

    vertical-align: top;

    background-color: transparent!important;

    color: transparent;

    cursor: default;

    border-radius: 100%;

    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;

    animation: rotate-loading 1.5s linear 0s infinite normal;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {

    margin-left: 30px;

    margin-right: 30px

}



.swal2-modal .swal2-buttonswrapper.swal2-loading:not(.swal2-styled).swal2-confirm::after {

    display: inline-block;

    content: '';

    margin-left: 5px 0 15px;

    vertical-align: -1px;

    height: 15px;

    width: 15px;

    border: 3px solid #999;

    box-shadow: 1px 1px 1px #fff;

    border-right-color: transparent;

    border-radius: 50%;

    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;

    animation: rotate-loading 1.5s linear 0s infinite normal

}



.swal2-modal .swal2-styled {

    border: 0;

    border-radius: 3px;

    box-shadow: none;

    color: #fff;

    cursor: pointer;

    font-size: 17px;

    font-weight: 500;

    /* margin: 15px 5px 0; */

    padding: 6px 25px;

}



.swal2-modal .swal2-image {

    margin: 20px auto;

    max-width: 100%

}



.swal2-modal .swal2-close {

    background: 0 0;

    border: 0;

    margin: 0;

    padding: 0;

    width: 38px;

    height: 40px;

    font-size: 36px;

    line-height: 40px;

    font-family: serif;

    position: absolute;

    top: 5px;

    right: 8px;

    cursor: pointer;

    color: #ccc;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.swal2-modal .swal2-close:hover {

    color: #d55

}



.swal2-modal>.swal2-checkbox,

.swal2-modal>.swal2-file,

.swal2-modal>.swal2-input,

.swal2-modal>.swal2-radio,

.swal2-modal>.swal2-select,

.swal2-modal>.swal2-textarea {

    display: none

}

h2#swal2-title {
    position: relative;
    top: 15px;
}

.swal2-modal .swal2-content {
    width: 100%;
    font-size: 17px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: inherit;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #92278f;
    /* text-align: left; */
    word-wrap: break-word;
    /* padding-left: 60PX; */
    top: 15px;

}



.swal2-modal .swal2-checkbox,

.swal2-modal .swal2-file,

.swal2-modal .swal2-input,

.swal2-modal .swal2-radio,

.swal2-modal .swal2-select,

.swal2-modal .swal2-textarea {

    margin: 20px auto

}



.swal2-modal .swal2-file,

.swal2-modal .swal2-input,

.swal2-modal .swal2-textarea {

    width: 100%;

    box-sizing: border-box;

    font-size: 18px;

    border-radius: 3px;

    border: 1px solid #d9d9d9;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

    -webkit-transition: border-color box-shadow .3s;

    transition: border-color box-shadow .3s

}



.swal2-modal .swal2-file.swal2-inputerror,

.swal2-modal .swal2-input.swal2-inputerror,

.swal2-modal .swal2-textarea.swal2-inputerror {

    border-color: #f27474!important;

    box-shadow: 0 0 2px #f27474!important

}



.swal2-modal .swal2-file:focus,

.swal2-modal .swal2-input:focus,

.swal2-modal .swal2-textarea:focus {

    outline: 0;

    border: 1px solid #b4dbed;

    box-shadow: 0 0 3px #c4e6f5

}



.swal2-modal .swal2-file:focus::-webkit-input-placeholder,

.swal2-modal .swal2-input:focus::-webkit-input-placeholder,

.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {

    -webkit-transition: opacity .3s .03s ease;

    transition: opacity .3s .03s ease;

    opacity: .8

}



.swal2-modal .swal2-file:focus:-ms-input-placeholder,

.swal2-modal .swal2-input:focus:-ms-input-placeholder,

.swal2-modal .swal2-textarea:focus:-ms-input-placeholder {

    -webkit-transition: opacity .3s .03s ease;

    transition: opacity .3s .03s ease;

    opacity: .8

}



.swal2-modal .swal2-file:focus::placeholder,

.swal2-modal .swal2-input:focus::placeholder,

.swal2-modal .swal2-textarea:focus::placeholder {

    -webkit-transition: opacity .3s .03s ease;

    transition: opacity .3s .03s ease;

    opacity: .8

}



.swal2-modal .swal2-file::-webkit-input-placeholder,

.swal2-modal .swal2-input::-webkit-input-placeholder,

.swal2-modal .swal2-textarea::-webkit-input-placeholder {

    color: #e6e6e6

}



.swal2-modal .swal2-file:-ms-input-placeholder,

.swal2-modal .swal2-input:-ms-input-placeholder,

.swal2-modal .swal2-textarea:-ms-input-placeholder {

    color: #e6e6e6

}



.swal2-modal .swal2-file::placeholder,

.swal2-modal .swal2-input::placeholder,

.swal2-modal .swal2-textarea::placeholder {

    color: #e6e6e6

}



.swal2-modal .swal2-range input {

    float: left;

    width: 80%

}



.swal2-modal .swal2-range output {

    float: right;

    width: 20%;

    font-size: 20px;

    font-weight: 600;

    text-align: center

}



.swal2-modal .swal2-range input,

.swal2-modal .swal2-range output {

    height: 43px;

    line-height: 43px;

    vertical-align: middle;

    margin: 20px auto;

    padding: 0

}



.swal2-modal .swal2-input {

    height: 43px;

    padding: 0 12px

}



.swal2-modal .swal2-input[type=number] {

    max-width: 150px

}



.swal2-modal .swal2-file {

    font-size: 20px

}



.swal2-modal .swal2-textarea {

    height: 108px;

    padding: 12px

}



.swal2-modal .swal2-select {

    color: #545454;

    font-size: inherit;

    padding: 5px 10px;

    min-width: 40%;

    max-width: 100%

}



.swal2-modal .swal2-radio {

    border: 0

}



.swal2-modal .swal2-radio label:not(:first-child) {

    margin-left: 20px

}



.swal2-modal .swal2-radio input,

.swal2-modal .swal2-radio span {

    vertical-align: middle

}



.swal2-modal .swal2-radio input {

    margin: 0 3px 0 0

}



.swal2-modal .swal2-checkbox {

    color: #545454

}



.swal2-modal .swal2-checkbox input,

.swal2-modal .swal2-checkbox span {

    vertical-align: middle

}



.swal2-modal .swal2-validationerror {

    background-color: #f0f0f0;

    margin: 0 -20px;

    overflow: hidden;

    padding: 10px;

    color: gray;

    font-size: 16px;

    font-weight: 300;

    display: none

}



.swal2-modal .swal2-validationerror::before {

    content: '!';

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: #ea7d7d;

    color: #fff;

    line-height: 24px;

    text-align: center;

    margin-right: 10px

}



@supports (-ms-accelerator:true) {

    .swal2-range input {

        width: 100%!important

    }

    .swal2-range output {

        display: none

    }

}



@media all and (-ms-high-contrast:none),

(-ms-high-contrast:active) {

    .swal2-range input {

        width: 100%!important

    }

    .swal2-range output {

        display: none

    }

}



.swal2-icon {

    width: 80px;

    height: 80px;

    border: 4px solid transparent;

    border-radius: 50%;

    margin: 20px auto 30px;

    padding: 0;

    position: relative;

    box-sizing: content-box;

    cursor: default;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.swal2-icon.swal2-error {

    border-color: #f27474

}



.swal2-icon.swal2-error .swal2-x-mark {

    position: relative;

    display: block

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line] {

    position: absolute;

    height: 5px;

    width: 47px;

    background-color: #f27474;

    display: block;

    top: 37px;

    border-radius: 2px

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 17px

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    right: 16px

}



.swal2-icon.swal2-warning {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #f8bb86;

    border-color: #facea8;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-info {

    font-family: 'Open Sans', sans-serif;

    color: #3fc3ee;

    border-color: #9de0f6;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-question {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #87adbd;

    border-color: #c9dae1;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-success {

    border-color: #a5dc86

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line] {

    border-radius: 50%;

    position: absolute;

    width: 60px;

    height: 120px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {

    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

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {

    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

}



.swal2-icon.swal2-success .swal2-success-ring {

    width: 80px;

    height: 80px;

    border: 4px solid rgba(165, 220, 134, .2);

    border-radius: 50%;

    box-sizing: content-box;

    position: absolute;

    left: -4px;

    top: -4px;

    z-index: 2

}



.swal2-icon.swal2-success .swal2-success-fix {

    width: 7px;

    height: 90px;

    position: absolute;

    left: 28px;

    top: 8px;

    z-index: 1;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-line] {

    height: 5px;

    background-color: #a5dc86;

    display: block;

    border-radius: 2px;

    position: absolute;

    z-index: 2

}



.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {

    width: 25px;

    left: 14px;

    top: 46px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {

    width: 47px;

    right: 8px;

    top: 38px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.swal2-progresssteps {

    font-weight: 600;

    margin: 0 0 20px;

    padding: 0

}



.swal2-progresssteps li {

    display: inline-block;

    position: relative

}



.swal2-progresssteps .swal2-progresscircle {

    background: #3085d6;

    border-radius: 2em;

    color: #fff;

    height: 2em;

    line-height: 2em;

    text-align: center;

    width: 2em;

    z-index: 20

}



.swal2-progresssteps .swal2-progresscircle:first-child {

    margin-left: 0

}



.swal2-progresssteps .swal2-progresscircle:last-child {

    margin-right: 0

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {

    background: #3085d6

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {

    background: #add8e6

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {

    background: #add8e6

}



.swal2-progresssteps .swal2-progressline {

    background: #3085d6;

    height: .4em;

    margin: 0 -1px;

    z-index: 10

}



[class^=swal2] {

    -webkit-tap-highlight-color: transparent

}



@-webkit-keyframes showSweetAlert {

    0% {

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(.95);

        transform: scale(.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes showSweetAlert {

    0% {

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(.95);

        transform: scale(.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes hideSweetAlert {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 0

    }

}



@keyframes hideSweetAlert {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 0

    }

}



.swal2-show {

    -webkit-animation: showSweetAlert .3s;

    animation: showSweetAlert;
    min-height: 245px !important;

}



.swal2-show.swal2-noanimation {

    -webkit-animation: none;

    animation: none

}



.swal2-hide {

    -webkit-animation: hideSweetAlert .15s forwards;

    animation: hideSweetAlert .15s forwards

}



.swal2-hide.swal2-noanimation {

    -webkit-animation: none;

    animation: none

}



@-webkit-keyframes animate-success-tip {

    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 animate-success-tip {

    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 animate-success-long {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }

    65% {

        width: 0;

        right: 46px;

        top: 54px

    }

    84% {

        width: 55px;

        right: 0;

        top: 35px

    }

    100% {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@keyframes animate-success-long {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }

    65% {

        width: 0;

        right: 46px;

        top: 54px

    }

    84% {

        width: 55px;

        right: 0;

        top: 35px

    }

    100% {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@-webkit-keyframes rotatePlaceholder {

    0% {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }

    5% {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }

    12% {

        -webkit-transform: rotate(-405deg);

        transform: rotate(-405deg)

    }

    100% {

        -webkit-transform: rotate(-405deg);

        transform: rotate(-405deg)

    }

}



@keyframes rotatePlaceholder {

    0% {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }

    5% {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }

    12% {

        -webkit-transform: rotate(-405deg);

        transform: rotate(-405deg)

    }

    100% {

        -webkit-transform: rotate(-405deg);

        transform: rotate(-405deg)

    }

}



.swal2-animate-success-line-tip {

    -webkit-animation: animate-success-tip .75s;

    animation: animate-success-tip .75s

}



.swal2-animate-success-line-long {

    -webkit-animation: animate-success-long .75s;

    animation: animate-success-long .75s

}



.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {

    -webkit-animation: rotatePlaceholder 4.25s ease-in;

    animation: rotatePlaceholder 4.25s ease-in

}



@-webkit-keyframes animate-error-icon {

    0% {

        -webkit-transform: rotateX(100deg);

        transform: rotateX(100deg);

        opacity: 0

    }

    100% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0);

        opacity: 1

    }

}



@keyframes animate-error-icon {

    0% {

        -webkit-transform: rotateX(100deg);

        transform: rotateX(100deg);

        opacity: 0

    }

    100% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0);

        opacity: 1

    }

}



.swal2-animate-error-icon {

    -webkit-animation: animate-error-icon .5s;

    animation: animate-error-icon .5s

}



@-webkit-keyframes animate-x-mark {

    0% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    50% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    80% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

        margin-top: -6px

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



@keyframes animate-x-mark {

    0% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    50% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    80% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

        margin-top: -6px

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



.swal2-animate-x-mark {

    -webkit-animation: animate-x-mark .5s;

    animation: animate-x-mark .5s

}



@-webkit-keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

.swal2-container {    z-index: 999999;}