* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
    background: #ffffff;
    text-align: center;
    direction: rtl;
    font: 15px/25px tahoma;
}

a {
    text-decoration: none;
}

.wrapper {
    width: 100%;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    padding: 0 30px;
}

.inside {
    padding: 0 0;
}

.inside h1 {
    font: bold 30px/45px arial;
    padding-top: 20px;
}

.inside p {
    padding: 8px 0 0;
}

.icon {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: no-repeat center center;
    background-size: cover;
}

.icon.sad {
    background-image: url('sad.png');
}

.icon.smile {
    background-image: url('smile.png');
}

.icon.surprise {
    background-image: url('surprise.png');
}

.icon.attention {
    background-image: url('attention.png');
}

.icon.suspended {
    background-image: url('suspended.png');
}

.icon.ask {
    background-image: url('ask.png');
}

.icon.userpending {
    background-image: url('userpending.png');
}

.icon.usersuspended {
    background-image: url('usersuspended.png');
}

.button {
    border-radius: 3px;
    background: #345196;
    color: #fff;
    padding: 5px 10px 8px;
}

.button:hover {
    background: #4769bd;
}

[data-valmsg-summary] ul {
    list-style: none;
    margin: 4px 0 25px;
}