/*! jquery-stickynotif v0.0.1 by Glenn Dwiyatcita - 09-05-2014 */

div.sticky-queue {
    position: fixed;
    background: #fff;
    border: 0px solid #999; 
    box-shadow: 0 0 5px #bbb;
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    width: 200px;
     z-index:9999;
     top:20px;
     border-radius:7px;
}

div.sticky-note {
    padding-right: 20px;
    word-wrap: break-word;
    
}

div.sticky {
    font-size: 12px;
    color: #555;
    display: none;
    padding: 10px;
    position: relative;
    
    z-index:9999;
}

div.sticky-default {
    color: #555;
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(28%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

div.sticky-info {
    color: #124d72;
    border-color: #b3dbf3;
   background: rgba(179,220,237,1);
background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,0.93) 19%, rgba(188,224,238,0.61) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(19%, rgba(41,184,229,0.93)), color-stop(100%, rgba(188,224,238,0.61)));
background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,0.93) 19%, rgba(188,224,238,0.61) 100%);
background: -o-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,0.93) 19%, rgba(188,224,238,0.61) 100%);
background: -ms-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,0.93) 19%, rgba(188,224,238,0.61) 100%);
background: linear-gradient(to right, rgba(179,220,237,1) 0%, rgba(41,184,229,0.93) 19%, rgba(188,224,238,0.61) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );
     z-index:9999;
}

div.sticky-success {
    color: #ffffff;
    border-color: #d1dfae;
    font-size:17px;
     
     z-index:9999;
 background: rgba(78,142,6,0.82);
background: -moz-linear-gradient(left, rgba(78,142,6,0.82) 0%, rgba(90,239,57,0.82) 0%, rgba(78,142,6,0.82) 1%, rgba(78,142,6,0.82) 3%, rgba(78,142,6,0.81) 7%, rgba(78,142,6,0.81) 9%, rgba(126,210,52,0.74) 64%, rgba(157,255,82,0.74) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(78,142,6,0.82)), color-stop(0%, rgba(90,239,57,0.82)), color-stop(1%, rgba(78,142,6,0.82)), color-stop(3%, rgba(78,142,6,0.82)), color-stop(7%, rgba(78,142,6,0.81)), color-stop(9%, rgba(78,142,6,0.81)), color-stop(64%, rgba(126,210,52,0.74)), color-stop(100%, rgba(157,255,82,0.74)));
background: -webkit-linear-gradient(left, rgba(78,142,6,0.82) 0%, rgba(90,239,57,0.82) 0%, rgba(78,142,6,0.82) 1%, rgba(78,142,6,0.82) 3%, rgba(78,142,6,0.81) 7%, rgba(78,142,6,0.81) 9%, rgba(126,210,52,0.74) 64%, rgba(157,255,82,0.74) 100%);
background: -o-linear-gradient(left, rgba(78,142,6,0.82) 0%, rgba(90,239,57,0.82) 0%, rgba(78,142,6,0.82) 1%, rgba(78,142,6,0.82) 3%, rgba(78,142,6,0.81) 7%, rgba(78,142,6,0.81) 9%, rgba(126,210,52,0.74) 64%, rgba(157,255,82,0.74) 100%);
background: -ms-linear-gradient(left, rgba(78,142,6,0.82) 0%, rgba(90,239,57,0.82) 0%, rgba(78,142,6,0.82) 1%, rgba(78,142,6,0.82) 3%, rgba(78,142,6,0.81) 7%, rgba(78,142,6,0.81) 9%, rgba(126,210,52,0.74) 64%, rgba(157,255,82,0.74) 100%);
background: linear-gradient(to right, rgba(78,142,6,0.82) 0%, rgba(90,239,57,0.82) 0%, rgba(78,142,6,0.82) 1%, rgba(78,142,6,0.82) 3%, rgba(78,142,6,0.81) 7%, rgba(78,142,6,0.81) 9%, rgba(126,210,52,0.74) 64%, rgba(157,255,82,0.74) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8e06', endColorstr='#9dff52', GradientType=1 );
}

div.sticky-warning {
    color: #9f7d09;
    border-color: #f7dc7d;
   background: rgba(252,234,187,1);
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,0.87) 27%, rgba(248,181,0,0.76) 51%, rgba(251,223,147,0.52) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(27%, rgba(252,205,77,0.87)), color-stop(51%, rgba(248,181,0,0.76)), color-stop(100%, rgba(251,223,147,0.52)));
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,0.87) 27%, rgba(248,181,0,0.76) 51%, rgba(251,223,147,0.52) 100%);
background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,0.87) 27%, rgba(248,181,0,0.76) 51%, rgba(251,223,147,0.52) 100%);
background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,0.87) 27%, rgba(248,181,0,0.76) 51%, rgba(251,223,147,0.52) 100%);
background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(252,205,77,0.87) 27%, rgba(248,181,0,0.76) 51%, rgba(251,223,147,0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
     z-index:9999;
}

div.sticky-error {
    color: #fff;
    border-color: #f9c0c1;
    font-size:17px; 
    background: rgba(248,80,50,1);
background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,0.89) 25%, rgba(246,41,12,0.79) 51%, rgba(240,47,23,0.7) 71%, rgba(231,56,39,0.58) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(25%, rgba(241,111,92,0.89)), color-stop(51%, rgba(246,41,12,0.79)), color-stop(71%, rgba(240,47,23,0.7)), color-stop(100%, rgba(231,56,39,0.58)));
background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,0.89) 25%, rgba(246,41,12,0.79) 51%, rgba(240,47,23,0.7) 71%, rgba(231,56,39,0.58) 100%);
background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,0.89) 25%, rgba(246,41,12,0.79) 51%, rgba(240,47,23,0.7) 71%, rgba(231,56,39,0.58) 100%);
background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,0.89) 25%, rgba(246,41,12,0.79) 51%, rgba(240,47,23,0.7) 71%, rgba(231,56,39,0.58) 100%);
background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,0.89) 25%, rgba(246,41,12,0.79) 51%, rgba(240,47,23,0.7) 71%, rgba(231,56,39,0.58) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
     z-index:9999;
}

img.sticky-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 14px;
    width: 14px;
    cursor: pointer;
     z-index:9999;
}

.top-right {
    right: 20px;
}

.top-left {
    left: 20px;
}

.top-left, .top-right {
    top: -2px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.bottom-right {
    right: 20px;
}

.bottom-left {
    left: 20px;
}

.bottom-left, .bottom-right {
    bottom: -2px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
}

.border-top-left, .border-top-right {
    border-top: 1px solid #999;
}

.border-bottom-left, .border-bottom-right {
    border-bottom: 1px solid #999;
}