@import url(icons/css/icon-font.css);
@import url(icons/css/icon-font-ie7.css);
@import url(icons/css/icon-font-ie7-codes.css);
@import url(icons/css/icon-font-embedded.css);
@import url(icons/css/icon-font-codes.css);
@import url(icons/css/animation.css);
.myalert-wrapper {
    width: 200px;
    font-family: "Montserrat", sans-serif;
}

.myalert {
    background-color: #666;
    color: #fff;
    padding: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(34, 34, 34, .05);
    box-shadow: 1px 1px 5px 1px rgba(34, 34, 34, .05);
    border-left: 4px solid #474747
}

.myalert p {
    margin: 0;
    font-size: .9rem;
    line-height: 20px;
}

.myalert:hover .myalert-close {
    opacity: 1;
    visibility: visible
}

.myalert-close {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.myalert-danger {
    background-color: #E42727;
    border-color: #b71717
}

.myalert-warning {
    background-color: #F37C13;
    border-color: #bf5f0a
}

.myalert-success {
    background-color: #03B635;
    border-color: #027a23
}

.myalert-info {
    background-color: #2B6CCC;
    border-color: #205199
}