/* message-wrapper */
.message-wrapper {
    position: fixed;
    z-index: 105;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000042;
    width: 100%;
    height: 100%;}
.message-wrapper .message-inner {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
    width: 100%;
    max-width: 490px;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;}
/* message-body,message-foot */
.message-wrapper .message-inner .message-body,
.message-wrapper .message-inner .message-foot {
    padding-left: 30px;
    padding-right: 30px;}
/* message-body */
.message-wrapper .message-inner .message-body {
    padding-top: 40px;}
.message-wrapper .message-inner .message-body .icon {
    font-size: 60px;}
.message-wrapper .message-inner .message-body h3 {
    font-size: 24px;}
.message-wrapper .message-inner .message-body h5 {
    color: #7a7a7a;
    margin-top: 20px;
    font-size: 13px;}
/* success */
.message-wrapper:not(.success) .message-inner .message-body .success {
    display: none;}
/* warning */
.message-wrapper:not(.error) .message-inner .message-body .warning {
    display: none;}

/* message-foot */
.message-wrapper .message-inner .message-foot {
    padding-top: 30px;
    padding-bottom: 40px;}
.message-wrapper .message-inner .message-foot .btn-confirm {
    background-color: #48474c;
    color: #fff;
    padding: 9px 40px;}