#body {background-color: #eeeeee; background-image:none;}
#topicsList tr[data-arena="1c"] {background-color: #ffd0d0;}
#topicsList tr[data-arena="it"] {background-color: #d0ffff;}
#topicsList tr[data-arena="job"] {background-color: #d6fff1;}
#topicsList tr.paid[data-arena="job"] {background-color: #feffd6;}
#topicsList tr[data-arena="life"] {background-color: #e3e3e3;}
#topicsList tr[data-arena="moder"] {background-color: #ff7f7f;}

.topicTable col.left { width: 12em; }

.submenu { box-shadow: 0px 4px 4px 0px rgba(120, 120, 120, 0.5); 
border-radius: 3px;}
.submenu li:first-child a { border-radius: 3px 3px 0 0 }
.submenu li:last-child a { border-radius: 0 0 3px 3px }

#topicsList {
    display: flex;
    flex-wrap: wrap;
    border: none;
    background-color: transparent;
justify-content: center;
flex-direction: column;
}

#topicsList table {
display: flex;
}

#topicsList tr {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
/*    width: calc(48% - 8px); */
    margin: 0 0 16px 0;
    padding: 16px;
    border-radius: 16px;
    box-sizing: border-box;
}

#topicsList thead {
    display: none;
}

#topicsList tr td {
    width: auto;
    font-size: 1.2rem;
border:0;
}

#topicsList tr td.topic {
    order: -1;
    flex: 1 0 96%;
    font-size: 1.8rem;
    padding: 16px;
}

table.topicTable {
display:flex;
flex-direction:column;
border: none;
background-color: transparent;
}

table.topicTable tr {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: stretch;
border: none;
margin: 0 0 16px 0;
padding: 0;
background-color: #fff;
border-radius: 16px;
}
table.topicTable tr:first-child{
flex-direction: row;
justify-content: space-between;
}

table.topicTable td {
font-size: 1.2rem;
width: auto;
overflow-x: overlay;
border: none;
}

table.topicTable td.left {
display: flex;
flex-direction:row;
background-color: transparent;
}

table.topicTable th.left {
border: none;
background-color:transparent;
}
table.topicTable th.topic-title {
border: none;
}
#replyForm .message-text {
border-radius:16px
}