.statistics {
width: 100%;
margin: 0 auto;
}
.container-table100 {
width: 100%;
min-height: 100vh;
background: #d1d1d1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 33px 30px;
}
.wrap-table100 {
width: 1300px;
}/*/*/.statistics table {
width: 100%;
background-color: #fff;
table-layout: fixed;
border-radius: 10px;
}
.statistics th {
border: 1px solid white;
}
.statistics th,
.statistics td {
font-weight: unset;
padding-right: 10px;
padding-left: 10px;
}
th.column1,
td.column1 {/**/padding-right: 10px;
padding-left: 10px;
font-weight: bold;
}
.statistics thead th,
.statistics tfoot th {
padding-top: 14px;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
color: white;
}
.statistics thead tr:first-child th:first-child {
border-radius: 10px 0 0 0;
width: 200px;
}
.statistics thead tr:first-child th:last-child {
border-radius: 0 10px 0 0;
}
.statistics tfoot th {
text-align: right;
font-size: 16px !important;
}
.statistics tfoot th:first-child {
border-radius: 0 0 0 10px;
}
.statistics tfoot th:last-child {
border-radius: 0 0 10px 0;
}
.statistics thead th *,
.statistics tfoot th * {
color: white;
}
.statistics tr td {
padding-top: 14px;
padding-bottom: 10px;
border: 1px solid #eee;
text-align: right;
}
.statistics table tr:nth-child(2n + 1) {
background-color: #f7f7f7;
} .statistics table.ver1 td {
font-size: 14px;
color: #808080;
line-height: 1.4;
}
.statistics table.ver1 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: #6c7ae0;
}
.statistics table.ver1 tr:hover {
background-color: #f2f2f2;
}
.statistics table.ver1 .hov-column-ver1 {
background-color: #f2f2f2;
}
.statistics table.ver1 .hov-column-head-ver1 {
background-color: #484848 !important;
}
.statistics table.ver1 tr td:hover {
background-color: #6c7ae0;
color: #fff;
} .statistics table.ver2 tbody tr:nth-child(even) {
background-color: #eaf8e6;
}
.statistics table.ver2 td {
font-size: 14px;
color: #292929;
line-height: 1.4;
}
.statistics table.ver2 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: #008238;
}
.statistics table.ver2 tr:hover td { background-color: #cfe8c3; }
.statistics table.ver2 .hov-column-ver2 { background-color: #cfe8c3; }
.statistics table.ver2 .hov-column-head-ver2 {
background-color: #484848 !important;
}
.statistics table.ver2 tr td:hover { background-color: #c1d9b6; } .statistics table.ver3 tbody tr {
border-bottom: 1px solid #e5e5e5;
}
.statistics table.ver3 td {
font-size: 14px;
color: #808080;
line-height: 1.4;
}
.statistics table.ver3 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: #6c7ae0;
}
.statistics table.ver3 tr:hover td {
background-color: #fcebf5;
}
.statistics table.ver3 .hov-column-ver3 {
background-color: #fcebf5;
}
.statistics table.ver3 .hov-column-head-ver3 {
background-color: #7b88e3 !important;
}
.statistics table.ver3 tr td:hover {
background-color: #e03e9c;
color: #fff;
} .statistics table.ver4 td {
font-size: 14px;
color: #808080;
line-height: 1.4;
}
.statistics table.ver4 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: #f7791e;
}
.statistics table.ver4 tr:hover td {
color: #f7791e;
background-color: #f1f1f1;
}
.statistics table.ver4 .hov-column-ver4 { }
.statistics table.ver4 .hov-column-head-ver4 {
background-color: #f95462 !important;
}
.statistics table.ver4 tr td:hover {
background-color: #f7791e;
color: white; } .statistics table.ver5 tbody tr:nth-child(even) {
background-color: #e9faff;
}
.statistics table.ver5 td {
font-size: 14px;
color: #808080;
line-height: 1.4;
position: relative;
}
.statistics table.ver5 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: #002933;
}
.statistics table.ver5 tr:hover td {
color: #fe3e64;
}
.statistics table.ver5 .hov-column-ver5 {
color: #fe3e64;
}
.statistics table.ver5 .hov-column-ver5::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}
.statistics table.ver5 .hov-column-head-ver5 {
background-color: #1a3f48 !important;
color: #fe3e64;
}
.statistics table.ver5 tr td:hover {
color: #fe3e64;
}
.statistics table.ver5 tr td:hover:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
border: 1px solid #fe3e64;
} .statistics table.ver6 {
border-radius: 16px;
overflow: hidden;
background: #7918f2;
background: -webkit-linear-gradient(-68deg, #ac32e4, #4801ff);
background: -o-linear-gradient(-68deg, #ac32e4, #4801ff);
background: -moz-linear-gradient(-68deg, #ac32e4, #4801ff);
background: linear-gradient(-68deg, #ac32e4, #4801ff);
}
.statistics table.ver6 table {
background-color: transparent;
}
.statistics table.ver6 td {
font-size: 14px;
color: #fff;
line-height: 1.4;
}
.statistics table.ver6 th {
font-size: 12px;
color: #fff;
line-height: 1.4;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.32);
}
.statistics table.ver6 tr:hover td {
background-color: rgba(255, 255, 255, 0.1);
}
.statistics table.ver6 .hov-column-ver6 {
background-color: rgba(255, 255, 255, 0.1);
}
.statistics table.ver6 tr td:hover {
background-color: rgba(255, 255, 255, 0.2);
} @media screen and (max-width: 991.5px) {
.statistics {
}
.statistics .wpb_wrapper {
overflow-x: scroll;
}
.statistics table {
position: relative;
table-layout: auto;
width: 100%;
}
.statistics table thead { top: 0px;
left: 0;
right: 0;
bottom: 0;
}
.statistics table.ver2 td {
font-size: 12px;
max-width: 200px;
}
.vc_row .wpb_column table td,
.vc_row .wpb_column table th {
padding: 5px 3px;
}
}
.statistics table.small-padding td,
.statistics table.small-padding th {
padding: 1px 3px;
}