.PrettyMessengerCont {
    position: fixed;
    bottom: 80px;
    right: 0;
    transition: all 0.4s ease-out;
    opacity: 1.0;
    z-index: 100000;
}

.PrettyMessage_info {
    display: block;
}

.PrettyMessage_warn {
    display: block;
}

.PrettyMessenger_basket {
    display: block;
    font-weight: normal;
}

.prettymessengerContent {
    position: relative;
    -webkit-animation: FadeIn 1500ms linear 1, MoveIn 500ms linear 1;
    -moz-animation: FadeIn 1500ms linear 1, MoveIn 500ms linear 1;
    -o-animation: FadeIn 1500ms linear 1, MoveIn 500ms linear 1;
    animation: FadeIn 1500ms linear 1, MoveIn 500ms linear 1;
    min-height: 48px;
    padding: 15px;
    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.29);
    -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.29);
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.29);
    margin-top: 12px;
    width: 300px;
    transition: all 0.4s;
    cursor: pointer;
}

.PrettyMessenger_info {
    font-weight: normal;
}

.prettymessengerContent_info::before {
    position: absolute;
    height: 100%;
    width: 64px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 72px;
    left: -64px;
    top: 0;
    box-sizing: border-box;
    z-index: -1;
}

.prettymessengerContent_basket::before {
    position: absolute;
    height: 100%;
    width: 64px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 64px;
    left: -64px;
    top: 0;
    z-index: -1;
    box-sizing: border-box;
}

.PrettyMessenger_error {}

.prettymessengerContent_error::before {
    position: absolute;
    height: 100%;
    width: 64px;
    -webkit-font-smoothing: antialiased;
    font-size: 54px;
    text-align: center;
    line-height: 92px;
    left: -64px;
    text-shadow: -2px 2px 2px #9A9A9A;
    top: 0;
    box-sizing: border-box;
    z-index: -1;
}

.PrettyMessenger_info_content {}

.PrettyMessenger_error_content {
    font-weight: 600;
}

.pm_Fadeout {
    opacity: 0;
}

.pm_MoveOut {
    -webkit-animation: MoveOut 500ms linear 1;
    opacity: 0;
}

.prettymessengerContent:after {
    display: block;
    position: absolute;
    left: 230px;
    top: -10px;
    font-weight: 700;
    padding: 4px;
    width: 20%;
    text-align: right;
    height: 88%;
    min-height: 48px;
    line-height: 48px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.prettymessengerContent:hover:after {
    opacity: 1;
}


/*******************************************************************************
 * Animations
 ******************************************************************************/

@-webkit-keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes MoveIn {
    from {
        right: -310px;
    }
    to {
        right: 0;
    }
}

@-moz-keyframes MoveIn {
    from {
        right: -310px;
    }
    to {
        right: 0;
    }
}

@keyframes MoveIn {
    from {
        right: -310px;
    }
    to {
        right: 0;
    }
}

@-o-keyframes MoveIn {
    from {
        right: -310px;
    }
    to {
        right: 0;
    }
}

@-webkit-keyframes MoveOut {
    from {
        right: -0px;
    }
    to {
        right: -310px;
    }
}

@-moz-keyframes MoveOut {
    from {
        right: -0px;
    }
    to {
        right: -310px;
    }
}

@-o-keyframes MoveOut {
    from {
        right: -0px;
    }
    to {
        right: -310px;
    }
}

@keyframes MoveOut {
    from {
        right: -0px;
    }
    to {
        right: -310px;
    }
}