.cssload-container * {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-container {
    margin: 33px auto 0 auto;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 3000;
}

    .cssload-container ul li {
        list-style: none;
    }

.cssload-flex-container {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    justify-content: space-around;
}

    .cssload-flex-container li {
        padding: 16px;
        height: 163px;
        width: 163px;
        margin: 49px 33px;
        position: relative;
        text-align: center;
    }

.cssload-loading {
    display: inline-block;
    position: relative;
    width: 138px;
    height: 138px;
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 8px solid transparent;
    border-bottom: 8px solid rgb(224,62,205);
    border-left: 8px solid rgb(237,186,33);
    animation: cssload-spinR 1.6s linear infinite;
    -o-animation: cssload-spinR 1.6s linear infinite;
    -ms-animation: cssload-spinR 1.6s linear infinite;
    -webkit-animation: cssload-spinR 1.6s linear infinite;
    -moz-animation: cssload-spinR 1.6s linear infinite;
}

    .cssload-loading:before, .cssload-loading:after {
        content: '';
        display: block;
        border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        position: absolute;
    }

    .cssload-loading:before {
        height: 81px;
        width: 81px;
        border: 5px solid transparent;
        border-top: 5px solid rgb(160,214,98);
        border-right: 5px solid rgb(68,81,227);
        animation: cssload-spinL 0.5975s linear infinite;
        -o-animation: cssload-spinL 0.5975s linear infinite;
        -ms-animation: cssload-spinL 0.5975s linear infinite;
        -webkit-animation: cssload-spinL 0.5975s linear infinite;
        -moz-animation: cssload-spinL 0.5975s linear infinite;
        transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        top: 11%;
        left: 11%;
    }

    .cssload-loading:after {
        height: 16px;
        width: 16px;
        background: transparent;
        border: 3px solid rgb(255,0,85);
        top: 35.5%;
        left: 35.5%;
    }




@keyframes cssload-spinR {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spinR {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spinR {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spinR {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spinR {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes cssload-spinL {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@-o-keyframes cssload-spinL {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(-360deg);
    }
}

@-ms-keyframes cssload-spinL {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(-360deg);
    }
}

@-webkit-keyframes cssload-spinL {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes cssload-spinL {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(-360deg);
    }
}


.handloader {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: white;
    opacity: 0.4;
}


ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
    background-color: none;
}

ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
    background-color: none !important;
    background:none;
}

ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
    background-color: none;
}

ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last.messenger-message {
    box-shadow: inset 48px 0px 0px #404040;
}


ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right.messenger-theme-flat {
    border-radius: 20PX;
}

ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right.messenger-theme-flat {
    border-radius: 20PX;
}

ul.messenger > li {
    list-style: none;
    margin: 12PX;
    padding: 0PX;
}

div.messenger-message.message.alert.info.message-info.alert-info.messenger-will-hide-after {
    text-align: center;
}

div.messenger-message-inner {
    font-size: 1.2em;
    /*font-family: 'Times New Roman';*/
}

ul.messenger-theme-flat .messenger-message .messenger-close {
    font-size: 20PX;
    padding: 1px 10px 7px 7px;
}

ul.messenger-theme-flat .messenger-message {
    box-shadow: none;
    -webkit-box-shadow: none;
}