/* messages */
.m-messages form {
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.messages-menu {
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
    float: left;
    display: block;
}

.m-messages .button {
    background-color: rgb(242, 242, 242);
    color: #333333;
    line-height: 110%;
    padding: 8px;
    margin: 0 0 15px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: rgb(150, 150, 150);
    border-bottom-color: rgb(150, 150, 150);
    border-left-color: rgb(150, 150, 150);
    border-right-color: rgb(150, 150, 150);
    border-radius: 2px;
    float: left;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.m-messages .button:hover {
    background-color: rgb(232, 232, 232);
    color: #111111;
    padding: 8px;
    margin: 0 0 15px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: rgb(150, 150, 150);
    border-bottom-color: rgb(150, 150, 150);
    border-left-color: rgb(150, 150, 150);
    border-right-color: rgb(150, 150, 150);
    border-radius: 2px;
    float: left;
}

.m-messages .button:active, .m-messages .button:focus {
    background-color: rgb(232, 232, 232);
    color: #111111;
    padding: 8px;
    margin: 0 0 15px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: rgb(150, 150, 150);
    border-bottom-color: rgb(150, 150, 150);
    border-left-color: rgb(150, 150, 150);
    border-right-color: rgb(150, 150, 150);
    border-radius: 2px;
    float: left;
}

.messages-table {
    border-collapse: collapse;
    float: left;
}

.messages-table a {
    color: #333333;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-all;
}

.messages-table a:hover {
    color: #F06644;
}

.messages-table tr {
}

.messages-table td {
    background-color: rgb(255, 255, 255);
    color: #333333;
    padding: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: rgb(202, 202, 202);
    border-bottom-color: rgb(202, 202, 202);
    border-left-color: rgb(202, 202, 202);
    border-right-color: rgb(202, 202, 202);
}

.messages-table th {
    background-color: rgb(231, 231, 231);
    color: #666666;
    padding: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: rgb(202, 202, 202);
    border-bottom-color: rgb(202, 202, 202);
    border-left-color: rgb(202, 202, 202);
    border-right-color: rgb(202, 202, 202);
}

.messages-table a.notreaded {
    font-weight: bold;
}

.messages-table thead td {
    width: 20px;
}

@media only screen and (max-width: 470px) {
    .m-messages .button, .m-messages .button:hover, .m-messages .button:active, .m-messages .button:focus {
        padding: 8px;
    }
}

/* messages - end */