/* общий масштаб шрифта */
body {
   font-family: Arial;
   font-size: 80%;
}

/* ширина списка тем */
#topicsList {
 table-layout: fixed; 
 width: 99%;
}

#topicsList td.topic {
   padding-bottom: 5px;
   font-size: 110%;
}

#topicsList th {
   height: 18px;
   font-size: 90%;
}

/* ширина колонок списка тем */
#topicsList .plus    {  width: 20px; }
#topicsList .replies {  width: 30px; }
#topicsList .topic   {  width: 100%; } /* в процентах */
#topicsList .arena   {  width: 50px; }
#topicsList .section {  width: 120px; }
#topicsList .author  {  width: 150px; }
#topicsList .updated {  width: 200px; }

/* рамки списка тем */
#topicsList tr { border-top: 1px solid #CCC; }

/* выделение текущей строки */
#topicsList tr:hover { background-color: #EEF; }

#topicsList td.topic a.topic-link:hover {
   text-decoration: underline; 
}

/* шрифт для пагинатора списка тем */
#paginator {
   height: 20px;
   font-size: 90%;
}

/* топ-меню */
#nav {
    height: 32px;
    border-bottom: 1px solid #666;
    font-size:90%;
}

/* раскраска списка тем по аренам */
#topicsList tr[data-arena="life"] {background-color: #EEFFEE;}
#topicsList tr[data-arena="job"]  {background-color: #EEFFEE;}

/* выделение моих веток в списке */
#topicsList tr[data-author-id="1"] {
   background-color: #EEFDFF; /* фон */
} 

/* мои ветки */
#topicsList tr[data-author-id="1"]>td.topic>a.topic-link {
   color: #005500; /* цвет ссылки */
} 

/* ширина поля ввода сообщения */
#replyForm textarea.message-text {
   width: 800px;
}

/* ширина поля редактирования сообщения */
.editMessageForm textarea.message-text {
   width:800px;
}

/* кнопка Новая тема */
#btnNewTopic {
   height: 35px;
   font-size: 90%;
   padding-top:5px;
}

/* подвал с навигацией */
#footer {
   margin-top:8px;
}

/* ссылка Форум в нижнем колонтитуле чуть крупнее */
td.footer-nav>a:first-child {
   font-size: 110%;
   font-weight: bold;
}

/* мобильный дизайн */
@media (orientation: portrait) {
    body {
        font-family: 'Noto Sans', sans-serif;
        max-width: 100vw;
        color: #212121;
    }

    img {
        max-width: 100vw;
    }

    .hide_mobile {
        display: none !important;
    }

    #nav .knowledge,
    #nav .sections,
    #nav .job,
    #nav .about {
        display: none;
    }

    #quick-search-form {
        display: none;
    }

    #top-banners {
        display: none;
    }

   #topicsList .plus {width: 30px; }
   #topicsList .replies {width: 50px; }
   #topicsList .topic {width: 100%; font-weight: bold; }
   #topicsList .arena { display:none; }
   #topicsList .section { display:none; }
   #topicsList .author { display:none; }
   #topicsList .updated { display:none; }

   .topicTable col.left {
       width: 170px;
   }

}