.amaran-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(153,204,51,.9);display:block;z-index:9999999}.amaran-overlay .amaran-wrapper{z-index:99999999}
.amaran.awesome{width:300px;min-height:75px;background:#ffffff;color:#222;margin:15px;padding:5px 5px 5px 70px;font-size:16px;font-weight:600;box-shadow:1px 1px 1px #000}.amaran.awesome .icon{width:50px;height:50px;position:absolute;top:50%;left:10px;background:#000;margin-top:-25px;border-radius:50%;text-align:center;line-height:50px;font-size:22px}.amaran.awesome p{padding:0;margin:0}.amaran.awesome p span{font-weight:300}.amaran.awesome p span.light{font-size:13px;display:block;color:#777}
    .amaran.awesome {
    color:#b2afaf; }.amaran.awesome.ok p.bold{color:#6daf8b}.amaran.awesome.ok .icon{background-color:#6daf8b;color:#fff} .amaran.awesome.error p.bold{color:#E52722}.amaran.awesome.error .icon{background-color:#AE5655;color:#fff}.amaran.awesome.warning p.bold{color:#121f6b}.amaran.awesome.warning .icon{background-color:#121f6b;color:#fff}.amaran.awesome.yellow p.bold{color:#CFA846}.amaran.awesome.yellow .icon{background-color:#CFA846;color:#fff}.amaran.awesome.blue p.bold{color:#2980b9}.amaran.awesome.blue .icon{background-color:#2980b9;color:#fff}.amaran.awesome.green p.bold{color:#bbeebb}.amaran.awesome.green .icon{background-color:#bbeebb;color:#fff}.amaran.awesome.purple p.bold{color:#5B54AA}.amaran.awesome.purple .icon{background-color:#5B54AA;color:#fff}
.amaran.colorful{width:300px;min-height:45px;overflow:hidden;background-color:transparent;z-index:1}.amaran.colorful .colorful-inner{width:100%;min-height:45px;display:block;position:relative;background-color:#484860;padding:15px 25px 15px 15px;color:#fff;font-size:14px;border-bottom:1px solid rgba(0,0,0,.2);border-radius:4px}.amaran.colorful .amaran-close{color:#fff;z-index:2;top:8px;right:8px;text-align:center;line-height:18px}.amaran-wrapper.center .amaran.colorful{margin:0 auto}
.amaran.default{width:300px;min-height:45px;background:#1B1E24;background:-webkit-linear-gradient(left,#111213,#111213 15%,#1b1e24 15%,#1b1e24);background:linear-gradient(to right,#111213,#111213 15%,#1b1e24 15%,#1b1e24);color:#fff;font-size:13px;font-weight:300;margin:5px;overflow:hidden;border-bottom:1px solid #111213;border-radius:6px}.amaran.default .default-spinner{width:45px;min-height:45px;display:block;float:left;position:relative}.amaran.default .default-spinner span{width:18px;height:18px;background:#bbeebb;display:block;border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-11px;margin-top:-9px}.amaran.default .default-message{float:left}.amaran.default .default-message span{padding:3px;line-height:43px}.amaran.default .default-message:after{clear:both}
@charset "UTF-8";.amaran-close,.amaran-sticky{height:20px;top:2px;cursor:pointer}.amaran-wrapper *{box-sizing:border-box}.amaran-wrapper{position:fixed;z-index:99999999}.amaran-wrapper.top{top:0;bottom:auto}.amaran-wrapper.bottom{bottom:0;top:auto}.amaran-wrapper.left{left:0}.amaran-wrapper.right{right:0;left:auto}.amaran-wrapper.center{width:50%;height:50%;margin:auto;position:fixed;top:0;left:0;bottom:0;right:0}.amaran{width:200px;background:rgba(0,0,0,.7);padding:3px;color:#fff;border-radius:4px;display:none;font-size:13px;cursor:pointer;position:relative;text-align:left;min-height:50px;margin:10px}.amaran-close,.amaran-sticky{width:20px;display:block;position:absolute}.amaran-close{right:2px}.amaran-close:before{content:"x";color:#fff;font-weight:700;font-size:18px}.amaran-sticky{right:20px}.amaran-sticky:before{content:"●";color:#fff;font-weight:700;font-size:18px}.amaran-sticky.sticky:before{color:#bbeebb}
.amaran.tumblr{width:300px;min-height:45px;overflow:hidden;background-color:#fff;color:#444;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.3);z-index:1}.amaran.tumblr .title{position:relative;font-size:15px;line-height:15px;height:28px;padding:5px 10px;border-bottom:1px solid rgba(0,0,0,.1);font-weight:700;z-index:1}.amaran.tumblr .content{padding:5px}.amaran.tumblr .image{float:left}.amaran.tumblr .amaran-close{z-index:2}.amaran.tumblr .amaran-close:before{color:#000}
.amaran.user{width:300px;min-height:100px;background:#ffffff;color:#222;margin:15px;font-size:13px;font-weight:300;box-shadow:1px 1px 1px #000;border-radius:0;padding:0}.amaran.user .icon{width:100px;height:100px;position:relative;background:#ffffff;float:left}.amaran.user img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle;}.amaran.user .info{padding-left:110px;padding-top:10px}.amaran.user b{display:block;font-size:16px}.amaran.user.blue{background:#2773ed;color:#fff}.amaran.user.yellow{background:#f4b300;color:#fff}.amaran.user.green{background:#78ba00;color:#fff}

    .amaran.awesome.warning p.bold{
    color:#DBA901;
}
.amaran.awesome.warning .icon {
    background-color:#DBA901;
    color:#fff;
}


/*Amaran*/
.amaran.error, .amaran.warning, .amaran.ok, .amaran.blue {
    display: flex;
    transition: 0.3s ease-in-out;
    z-index: 1;
    padding: 0;
    width: 600px;
    align-items: center;
    justify-content: center;
    box-shadow: #00000030 0px 10px 9px -10px !important;
}

.amaran.warning, .amaran.ok, .amaran.blue, .amaran.error {
    width: calc(100vw - 120px) !important;
    max-width: 450px !important;
}

.amaran.awesome.blue {
    background: white !important;
}

.amaran.awesome p {
    color: #004899;
}

.amaran.error:before {
    content: "";
    width: 5px;
    background-color: #E52722;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0;
}

.amaran.ok:before {
    content: "";
    width: 5px;
    background-color: #9DB904;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0;
}

i.fa.fa-exclamation-triangle {
    color: #f70d0d;
}

.icon-error {
    background-image: url(../../Images/errorAlert.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.icon.icon-warning {
    background-image: url(../../Images/icon--warning.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.icon.icon-ok {
    background-image: url(../../Images/icon--ok.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.warning:before {
    content: "";
    width: 5px;
    background-color: #F9C501;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

.ok:before {
    content: "";
    width: 5px;
    background-color: #9DB904;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

.icon-info {
    background-image: url(../../Images/icon--info.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.amaran.blue:before {
    content: "";
    width: 5px;
    background-color: #004899;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

@media screen and (max-width:500px) {
    .amaran.ok p span {
        width: calc(100% - 50px);
        display: block;
        /*margin-left: auto !important;*/
    }
}


@media screen and (max-width:650px) {
    .amaran.ok {
        width: 360px;
    }

    .amaran.awesome p span {
        font-size: 15px;
        /*margin-left: 35px;*/
    }

    .amaran.awesome .icon {
        top: 48%;
        left: 10px;
    }

    .amaran.awesome.error, .amaran.warning, .amaran.blue {
        width: 360px;
    }

        .amaran.awesome.error p > span, .amaran.blue p > span {
            margin-left: auto;
            display: flex;
            width: calc(100% - 80px);
        }

        .amaran.awesome.error .icon {
            width: 43px;
        }

        .amaran.warning p > span {
            margin-left: auto;
            display: flex;
            width: calc(100% - 80px);
        }

    .amaran.ok p span {
        /*width: calc(100% - 50px);*/
        display: block;
        /*margin-left: auto !important;*/
    }
}

.pulseTemporal {
    animation: pulse-animationTem 1s infinite;
    animation-iteration-count: 10;
}

@keyframes pulse-animationTem {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 45, 122, 0.5);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 45, 122, 0);
    }
}


@keyframes bounceBackTop {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-30px);
    }

    40% {
        transform: translateY(0);
    }

    60% {
        transform: translateY(-15px);
    }

    80% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

.bounce-back-top {
    animation: bounceBackTop 0.6s;
}