@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

#mess_block * {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}

#mess_block {
    z-index: 9999;
    position: fixed;
    top: 30%;
    right: -110%;
    background-color: #469efc;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}

#mess_block p {
    margin: 0;
    color: #FEFDFD;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

#mess_block.show {
    right: 20px;
}

#mess_block.ok {
    background-color: rgba(10, 214, 76, 1) !important;
}

#mess_block.error {
    background-color: #ff0000;
}

.ready_send {
    display: none !important;
}