
:root {
    --bg-color-th: #9a9b9d;
    --bg-color-th-hover: #eeeeee;
    --color-link: black;
 }
 
 [data-theme="dark"] {
    --bg-color-th: #404040;
    --bg-color-th-hover: #333333;
    --color-link: white;
 }
 

.tabela0{ border:none; border-collapse:separate;}
.tabela0 tr td, .tabela0 tr th{ padding:5px;}

.tabela1{ border-top:1px solid #ddd; border-left:1px solid #ddd;}
.tabela1 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:300px; vertical-align:top; padding:15px 20px;}

.tabela2{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:480px;}
.tabela2 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px;}
.tabela2 tr td p{ margin:0; padding:0;}
.tabela2 tr th{ background:var(--bg-color-th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela2 tr th p{color:#fff; font-weight:bold;}
.tabela2 tr:hover td{ color:#1865E3; background: var(--bg-color-th-hover);}

.tabela3{ border:none; border-top:1px solid #ddd;  width:680px;}
.tabela3 tr th{ background:var(--bg-color_th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela3 tr th p{color:#fff; font-weight:bold;}
.tabela3 tr td{ border:none; border-bottom:1px solid #ddd; padding:15px 20px;}
.tabela3 tr td p{ margin:0; padding:0;}

.tabela4{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:680px;}
.tabela4 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px; text-align:center;}
.tabela4 tr td p{ text-align:center; margin:0; padding:0;}
.tabela4 tr th{ background:#9a9b9d; color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:3px 4px;}
.tabela4 tr th p{ color:#fff; font-weight:bold;}
.tabela4 tr:hover td{ background: #fef2e8;}

.tabela5{ border:none; border-top:1px solid #ddd;  width:680px;}
.tabela5 tr th{ background:#9a9b9d; color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela5 tr th p{color:#fff; font-weight:bold;}
.tabela5 tr td{ border:none; border-bottom:1px solid #ddd; padding:15px 20px;}

/*.tabela6{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:480px;}
.tabela6 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px;}
.tabela6 tr td p{ margin:0; padding:0;}
.tabela6 tr th{ background:var(--bg-color-th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela6 tr th p{color:#fff; font-weight:bold;}
*/
.tabela6{ border-collapse: collapse; width:100%;table-layout: fixed;}
.tabela6 tr td{ border: 1px solid #ddd; padding:2px 3px; width:auto;}
.tabela6 tr td p{ margin:0; padding:0;}
.tabela6 tr th{ background:var(--bg-color-th); color:#fff; border: 1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 3px;width:auto;}
.tabela6 tr th p{color:#fff; font-weight:bold;}
.tabela6 a {
   color: var(--color-link); 
   text-decoration: underline; 
   font-weight: 500; 
}
.tabela6 th:hover {
   cursor: pointer;
}