/*Alerts*/
.__alert,
div[id$='flashMessage'] {
    width: 100%;
    font-size: 15px;
    display: block;
    padding: 15px 60px 15px 80px !important;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    cursor: default;
    -webkit-animation: fadeInUp 0.7s linear;
    animation: fadeInUp 0.7s linear;
    box-sizing: border-box;
}
.__alert:before,
div[id$='flashMessage']:before {
    font-family: 'FontAwesome';
    content: '';
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
}
.__alert .__close {
    position: absolute;
    padding-top: 15px;
    padding-bottom: 4px;
    width: 15px;
    top: 3px;
    bottom: 0;
    right: 15px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: 200ms all;
    transition: 200ms all;
}
.__alert .__close svg { fill: #fff; }
.__alert .__close:hover {
    opacity: 1;
}

.__alert.__default,
div[id$='flashMessage'].default { color: #f4f7e8; background-color: #aaaaaa; }

.__alert.__default:before,
div[id$='flashMessage'].default:before { content: '\f0a1'; background-color: #919191; }


.__alert.__success,
div[id$='flashMessage'].success { color: #f4f7e8; background-color: #B5C863; }

.__alert.__success:before,
div[id$='flashMessage'].success:before { content: '\f00c'; background-color: #9BAC52; }


.__alert.__info,
div[id$='flashMessage'].info { color: #f4f7e8; background-color: #327fff; }

.__alert.__info:before { content: '\f129'; background-color: #3273dc; }


.__alert.__error,
div[id$='flashMessage'].error,
div[id$='flashMessage'].danger { color: #f4f7e8; background-color: #e34b4b; }

.__alert.__error:before,
div[id$='flashMessage'].error:before,
div[id$='flashMessage'].danger:before { content: '\f057'; background-color: #d23a3a; }


.__alert.__warning,
div[id$='flashMessage'].warning,
div[id$='flashMessage'].orange { color: #f4f7e8; background-color: #f5bd39; }

.__alert.__warning:before,
div[id$='flashMessage'].orange:before,
div[id$='flashMessage'].warning:before { content: '\f071'; background-color: #eca620; }

.__alert p {
    margin-top: 0;
    margin-bottom: 0;
}