.sc-message{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
     position: fixed;
     left:0px;
     _position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
     z-index:9999;
     box-sizing:border-box;    
}

.sc-msg-info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.sc-msg-error{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.sc-msg-warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.sc-msg-success{
     background-color: #61b832;
     border-color: #55a12c;
}

.sc-message h3{
     margin: 0 0 5px 0;                                                  
}

.sc-message p{
    font-size: 16px;
    margin: 0;
    text-align: center;                                                 
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

/* ================ Close icon css ======================== */
.msg-close {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}
/*.msg-close:hover::before, .msg-close:hover::after {
    background: #1ebcc5 none repeat scroll 0 0;
}*/
.msg-close::before, .msg-close::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.msg-close::before {
    transform: rotate(45deg);
}
.msg-close::after {
    transform: rotate(-45deg);
}
.msg-close.big {
    transform: scale(3);
}
.msg-close.hairline::before, .msg-close.hairline::after {
    height: 1px;
}
.msg-close.thick::before, .msg-close.thick::after {
    height: 4px;
    margin-top: -2px;
}
.msg-close.black::before, .msg-close.black::after {
    height: 8px;
    margin-top: -4px;
}
.msg-close.heavy::before, .msg-close.heavy::after {
    height: 12px;
    margin-top: -6px;
}
.msg-close.pointy::before, .msg-close.pointy::after {
    left: -50%;
    width: 200%;
}
.msg-close.rounded::before, .msg-close.rounded::after {
    border-radius: 5px;
}
.msg-close.blades::before, .msg-close.blades::after {
    border-radius: 5px 0;
}
.msg-close.warp::before, .msg-close.warp::after {
    border-radius: 120% 0;
}
.msg-close.fat::before, .msg-close.fat::after {
    border-radius: 100%;
}
.msg-small {
    color: #777;
    display: block;
    font: 0.8rem/1 sans-serif;
    text-align: center;
}
.msg-small a {
    border-bottom: 1px solid #ccc;
    color: #1ebcc5;
    text-decoration: none;
}
.msg-small a:hover {
    border-bottom-color: #222;
}
.sc-close-message
{
    cursor:pointer;
    position:absolute;top:0px;right:0px;
}