#toasty-container { z-index: 999999;  }

    #toasty-container > .toasty {cursor: pointer; margin: 0 0 6px; padding: 0; width: 99.8%; height: auto; display: table; background-position: 15px center; background-repeat: no-repeat; opacity: 0.9; position: relative; }
        #toasty-container > .toasty.ng-enter,
        #toasty-container > .toasty.ng-leave { -webkit-transition: 550ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 550ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 550ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 550ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 550ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; }
            #toasty-container > .toasty.ng-enter.ng-enter-active,
            #toasty-container > .toasty.ng-leave { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); }

                #toasty-container > .toasty.ng-leave.ng-leave-active,
                #toasty-container > .toasty.ng-enter { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); }

/* Positioning */
.toasty-top-left { top: 12px; left: 12px; }
.toasty-top-right { top: 12px; right: 12px; }
.toasty-bottom-right { right: 12px; bottom: 12px; }
.toasty-bottom-left { bottom: 12px; left: 12px; }

/* Close Button */
button.toasty-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;float: right; 
                             top: 0px; font-size: 20px;
                             opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80);
                             margin: 5px 10px 0 0
}
    button.toasty-close-button:hover,
    button.toasty-close-button:focus {color: #444 !important; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

.toasty-text {text-indent: 20px; min-height: 36px; line-height: 36px;  vertical-align: middle; }
.toasty-text * {text-indent: 20px; }
.toasty-title { font-size: 13px; }
.toasty-message { }
    .toasty-message a,
    .toasty-message label { color: #ffffff; }
        .toasty-message a:hover {  text-decoration: none; }

/* Colours */
.toasty-success { background-color: #DFF0D8; border: 1px solid #A3D38D; color: #444444 !important; }
.toasty-error { background-color: #F2DEDE;  border: 1px solid #E2B9BA; color: #444444 !important; }
.toasty-info { background-color: #D9EDF7;  border: 1px solid #ADD9ED; color: #444444 !important; }
.toasty-wait { background-color: #428bca; }
.toasty-warning { background-color: #f0ad4e; }

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toasty-container > div { padding: 8px 8px 8px 50px; width: 11em; }
    #toasty-container .toasty-close-button { right: -0.5em; top: -0.9em; }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toasty-container > div { width: 18em; }
    #toasty-container .toasty-close-button { right: -0.5em; top: -0.9em; }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toasty-container > div { width: 25em; }
}