.lobibox-notify-wrapper-large.bottom,
.lobibox-notify-wrapper.bottom {
    bottom: 0
}
.animated-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
.lobibox-notify-wrapper,
.lobibox-notify-wrapper-large {
    z-index: 5000;
    position: fixed
}
.lobibox-notify-wrapper.top {
    top: 0
}
.lobibox-notify-wrapper.left {
    left: 0;
    margin-right: 0
}
.lobibox-notify-wrapper.right {
    right: 0;
    margin-left: 0
}
.lobibox-notify-wrapper.right .lobibox-notify {
    margin-left: auto
}
.lobibox-notify-wrapper-large.top {
    top: 0
}
.lobibox-notify-wrapper-large.left {
    left: 0
}
.lobibox-notify-wrapper-large.left .nav-tabs>li {
    float: left
}
.lobibox-notify-wrapper-large.right {
    right: 0
}
.lobibox-notify-wrapper-large .nav-tabs {
    border: none;
    background-color: transparent;
    margin-bottom: -7px
}
.lobibox-notify-wrapper-large .nav-tabs>li {
    float: right
}
.lobibox-notify-wrapper-large .nav-tabs>li>a {
    margin-bottom: 2px;
    border-radius: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    height: 32px;
    display: table;
    color: #FFF;
    margin-right: 0;
    margin-left: 2px;
    border: 1px solid transparent;
    width: 28px;
    opacity: .6
}
.lobibox-notify-wrapper-large .nav-tabs>li>a:active,
.lobibox-notify-wrapper-large .nav-tabs>li>a:focus,
.lobibox-notify-wrapper-large .nav-tabs>li>a:hover,
.lobibox-notify-wrapper-large .nav-tabs>li>a:hover:active {
    color: #FFF;
    cursor: pointer;
    border: 1px solid transparent
}
.lobibox-notify-wrapper-large .nav-tabs>li>a .tab-control-icon {
    display: table-cell;
    vertical-align: middle
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-error>a {
    background-color: rgba(202, 33, 33, .9);
    border-color: #bd1f1f
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-error>a:hover {
    background-color: #ca2121;
    border-color: #b41d1d
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-success>a {
    background-color: rgba(41, 184, 126, .9);
    border-color: #26ab75
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-success>a:hover {
    background-color: #29b87e;
    border-color: #24a370
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-warning>a {
    background-color: rgba(206, 129, 46, .9);
    border-color: #c1792b
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-warning>a:hover {
    background-color: #ce812e;
    border-color: #b97429
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-info>a {
    background-color: rgba(46, 121, 180, .9);
    border-color: #2b71a8
}
.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-info>a:hover {
    background-color: #2e79b4;
    border-color: #296ba0
}
.lobibox-notify-wrapper-large .nav-tabs>li.active>a {
    opacity: 1
}
.lobibox-notify-wrapper-large .tab-content {
    background-color: transparent;
    padding: 0;
    border: none
}
.lobibox-notify-wrapper-large .tab-content .lobibox-notify {
    min-height: 150px
}
.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon {
    width: 100px;
    font-size: 78px
}
.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon,
.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon>* {
    line-height: 100px
}
.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-body {
    margin: 13px 20px 13px 130px
}
.lobibox-notify {
    position: relative;
    min-height: 85px;
    font-family: 'Arial Rounded MT Bold';
    margin: 7px 0;
    border-radius: 0;
    border: 1px solid transparent;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    transition: all .2s
}
.lobibox-notify,
.lobibox-notify .lobibox-close {
    -webkit-transition: all .2s;
    -o-transition: all .2s
}
.lobibox-notify .lobibox-notify-icon {
    position: absolute;
    text-align: center;
    font-size: 55px;
    left: 15px;
    top: 10px;
    width: 60px
}
.lobibox-notify .lobibox-notify-icon,
.lobibox-notify .lobibox-notify-icon>* {
    line-height: 60px
}
.lobibox-notify .lobibox-notify-icon img {
    border-radius: 4px;
    width: 100%;
    height: 100%
}
.lobibox-notify .lobibox-notify-body {
    margin: 10px 20px 10px 90px
}
.lobibox-notify .lobibox-notify-title {
    font-size: 20px
}
.lobibox-notify .lobibox-close {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    right: 10px;
    top: 10px;
    font-size: 20px;
    line-height: 19px;
    width: 19px;
    height: 19px;
    transition: all .2s
}
.lobibox-notify .lobibox-close:hover {
    background-color: rgba(0, 0, 0, .5);
    font-weight: 700
}
.lobibox-notify .lobibox-delay-indicator {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px
}
.lobibox-notify .lobibox-delay-indicator>div {
    position: relative;
    height: 100%;
    width: 0;
    background-color: rgba(0, 0, 0, .4)
}
.lobibox-notify.lobibox-notify-error {
    border-color: #b41d1d;
    background-color: rgba(202, 33, 33, .9);
    color: #fff
}
.lobibox-notify.lobibox-notify-error:hover {
    background-color: #ca2121;
    border-color: #FFF
}
.lobibox-notify.lobibox-notify-success {
    border-color: #24a370;
    background-color: rgba(41, 184, 126, .9);
    color: #fff
}
.lobibox-notify.lobibox-notify-success:hover {
    background-color: #29b87e;
    border-color: #FFF
}
.lobibox-notify.lobibox-notify-warning {
    border-color: #b97429;
    background-color: rgba(206, 129, 46, .9);
    color: #fff
}
.lobibox-notify.lobibox-notify-warning:hover {
    background-color: #ce812e;
    border-color: #FFF
}
.lobibox-notify.lobibox-notify-info {
    border-color: #296ba0;
    background-color: rgba(46, 121, 180, .9);
    color: #fff
}
.lobibox-notify.lobibox-notify-info:hover {
    background-color: #2e79b4;
    border-color: #FFF
}
.lobibox-notify:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 10px #aaa;
    box-shadow: 3px 3px 10px #aaa
}
.lobibox-notify.notify-mini {
    min-height: 36px
}
.lobibox-notify.notify-mini .lobibox-notify-title {
    margin-top: -5px;
    font-size: 20px;
    line-height: 22px
}
.lobibox-notify.notify-mini .lobibox-notify-icon,
.lobibox-notify.notify-mini .lobibox-notify-icon>*,
.lobibox-notify.notify-mini .lobibox-notify-msg {
    line-height: 16px
}
.lobibox-notify.notify-mini .lobibox-notify-icon {
    left: 7px;
    width: 26px;
    font-size: 25px
}
.lobibox-notify.notify-mini .lobibox-notify-icon img {
    margin-top: -5px
}
.lobibox-notify.notify-mini .lobibox-notify-body {
    margin: 10px 13px 10px 40px
}
.lobibox-notify.without-icon .lobibox-notify-body {
    margin-left: 20px
}