.ruc-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin-bottom: 20px;
font-size: 18px;
border-radius: 8px;
overflow: hidden;
border: 2px solid #337AB7;
table-layout: auto !important;
}
.ruc-table tr:nth-child(odd) {
background-color: #ffffff;
}
.ruc-table tr:nth-child(even) {
background-color: #f5f5f5;
}
.ruc-table td {
padding: 10px 6px;
text-align: left;
border: none;
vertical-align: top;
word-break: break-word;
overflow-wrap: break-word;
}
.ruc-table td:first-child {
font-weight: bold;
white-space: nowrap;
}
.ruc-table tr:first-child {
background-color: #337AB7;
color: #ffffff;
font-weight: bold;
}
.ruc-table tr.celd-red,
.ruc-table tr.celd-red td {
color: #a94442 !important;
background-color: #f2dede !important;
}
.ruc-table tr.celd-green,
.ruc-table tr.celd-green td {
color: #3c763d !important;
background-color: #dff0d8 !important;
}
.ruc-table .cruc-list {
margin: 0 !important;
padding-left: 0 !important;
}
.ruc-table .cruc-list li {
list-style: disc;
list-style-position: inside;
margin-left: 0 !important;
padding-left: 0 !important;
text-indent: 0 !important;
margin-bottom: 6px;
}
.ruc-table .cruc-list li::marker {
color: #1a3c6c;
}
@media screen and (max-width: 768px) {
.ruc-table {
font-size: 18px;
border-spacing: 0;
}
.ruc-table,
.ruc-table tr,
.ruc-table td {
display: block;
width: 100%;
}
.ruc-table td {
padding: 3px 6px 6px 6px;
margin: 0;
line-height: 1.1;
}
.ruc-table td:first-child {
background-color: #eaeaea;
font-weight: bold;
padding: 6px 6px 3px 6px;
line-height: 1.1;
margin: 0;
border-radius: 6px 6px 0 0;
}
.ruc-table tr:first-child td {
background-color: #337AB7 !important;
color: #ffffff !important;
font-weight: bold;
padding: 6px 6px;
margin: 0;
line-height: 1.1;
}
.ruc-table tr:nth-child(odd) td {
background-color: #ffffff;
}
.ruc-table tr:nth-child(even) td {
background-color: #f5f5f5;
}
.ruc-table .cruc-list li {
margin-bottom: 2px;
line-height: 1.1;
}
}