#growls-default,
#growls-tl,
#growls-tr,
#growls-bl,
#growls-br,
#growls-tc,
#growls-bc,
#growls-cc,
#growls-cl,
#growls-cr {
    z-index: 50000;
    position: fixed;
}

#growls-default {
    top: 15px;
    right: 15px;
}

#growls-tl {
    top: 15px;
    left: 15px;
}

#growls-tr {
    top: 15px;
    right: 15px;
}

#growls-bl {
    bottom: 15px;
    left: 15px;
}

#growls-br {
    bottom: 15px;
    right: 15px;
}

#growls-tc {
    top: 15px;
    right: 15px;
    left: 15px;
}

#growls-bc {
    bottom: 15px;
    right: 15px;
    left: 15px;
}

#growls-cc {
    top: 50%;
    left: 50%;
    margin-left: -125px;
}

#growls-cl {
    top: 50%;
    left: 15px;
}

#growls-cr {
    top: 50%;
    right: 15px;
}

#growls-tc .growl,
#growls-bc .growl {
    margin-left: auto;
    margin-right: auto;
}

.growl {
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background: #fff;
    box-shadow: 2px 3px 5px rgba(43,49,51,.1);
    border-left: 2px solid transparent;
    box-sizing: border-box;

    -webkit-transition: height 350ms ease, margin 350ms ease, opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 0ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition: height 350ms ease, margin 350ms ease, opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 0ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition: height 350ms ease, margin 350ms ease, transform 350ms 0ms cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 350ms cubic-bezier(0.2, 0, 0.2, 1);
    transition: height 350ms ease, margin 350ms ease, transform 350ms 0ms cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 0ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -webkit-transform: translateX(0);
    transform: translateX(0);

}

.growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
}

.growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0);
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px;
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px;
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px;
}

.growl.growl-default {

}

.growl.growl-danger,
.growl.growl-error {
    border-left-color: #fe4d4a
}

.growl.growl-success {
    border-left-color: #07a23b
}

.growl.growl-warning {
    border-left-color: #fdbd00
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif;
}

.growl .growl-title {
    font-size: 18px;
    line-height: 24px;
}

.growl .growl-message {
    font-size: 15px;
    line-height: 18px;
    color: #111;
    padding-left: 55px;
    display: inline-block;
    vertical-align: middle;
}

.growl-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px;
    background: no-repeat 50%;
}

.growl-warning .growl-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='warning' fill='%23FDBD00'%3E%3Cpath d='M20 .165c-1.122 0-2.154.59-2.713 1.562L.427 30.917a3.113 3.113 0 000 3.125 3.14 3.14 0 002.712 1.577h33.722c1.12 0 2.152-.607 2.713-1.577.56-.97.56-2.154 0-3.125l-16.86-29.19A3.118 3.118 0 0020 .165zm0 1.818c.435 0 .92.277 1.136.653l16.875 29.19c.217.376.217.932 0 1.307-.217.375-.716.668-1.15.668H3.139c-.434 0-.933-.293-1.15-.668a1.394 1.394 0 010-1.306l16.875-29.19c.216-.377.701-.654 1.136-.654zm-.1 6.804a.91.91 0 00-.81.923v12.273a.91.91 0 101.82 0V9.71a.91.91 0 00-.924-.923.91.91 0 00-.085 0zm.1 16.378a3.196 3.196 0 00-3.182 3.181A3.196 3.196 0 0020 31.528a3.196 3.196 0 003.182-3.182A3.196 3.196 0 0020 25.165zm0 1.818c.764 0 1.364.6 1.364 1.363 0 .764-.6 1.364-1.364 1.364a1.35 1.35 0 01-1.364-1.364c0-.763.6-1.363 1.364-1.363z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 35px
}

.growl-error .growl-icon,
.growl-danger .growl-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='error' fill='%23E92A40'%3E%3Cpath d='M20 0C8.94 0 0 8.94 0 20s8.94 20 20 20 20-8.94 20-20S31.06 0 20 0zm0 36.679c-9.194 0-16.679-7.485-16.679-16.679 0-9.194 7.485-16.679 16.679-16.679 9.194 0 16.679 7.485 16.679 16.679 0 9.194-7.485 16.679-16.679 16.679zm9.023-25.701c-.68-.68-1.702-.68-2.38 0L20 17.62l-6.634-6.634c-.679-.68-1.701-.68-2.38 0-.68.679-.68 1.701 0 2.38L17.62 20l-6.634 6.634c-.68.679-.704 1.726 0 2.38.531.491 1.538.851 2.38 0L20 22.38l6.634 6.634c1.014.957 2.045.344 2.38 0 .68-.679.68-1.701 0-2.38L22.38 20l6.634-6.634c.687-.687.687-1.71.009-2.388z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 30px
}

.growl-success .growl-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='success' fill='%2307A23B'%3E%3Cpath d='M11.353 14.54a1.472 1.472 0 00-2.084-.01 1.472 1.472 0 00-.008 2.084l6.978 7.027a1.46 1.46 0 001.038.434h.008c.392 0 .76-.156 1.038-.425L39.567 2.52A1.472 1.472 0 1037.492.428l-7.51 7.46a16.883 16.883 0 00-13.106-6.234A16.798 16.798 0 004.53 7.03a16.795 16.795 0 00-3.521 5.752 16.814 16.814 0 00-.965 6.978c.58 8.31 7.289 15.027 15.599 15.623.408.033.825.04 1.233.04 3.865 0 7.6-1.306 10.606-3.741a16.848 16.848 0 006.284-13.147c0-.81-.662-1.471-1.471-1.471-.81 0-1.47.662-1.47 1.47 0 .72-.058 1.439-.164 2.15-1.095 7.108-7.6 12.272-14.806 11.757C9 31.951 3.46 26.411 2.978 19.548 2.7 15.626 4.015 11.892 6.679 9.032a14 14 0 0110.197-4.437c4.315 0 8.367 2.002 11.007 5.385l-10.59 10.54-5.94-5.98z' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 35px
}