| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 20px; |
| | | font-size: 26px; |
| | | font-weight: 600; |
| | | } |
| | | .box-body { |
| | | width: 95%; |
| | |
| | | width: 100%; |
| | | height: 90%; |
| | | } |
| | | .table-head { |
| | | height: 40px; |
| | | background-color: rgba(0, 54, 167, 0.4); |
| | | color: #f1f1f1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | text-align: center; |
| | | font-size: 20px; |
| | | font-weight: 700; |
| | | } |
| | | .table-item { |
| | | color: #FFF; |
| | | text-align: center; |
| | | } |
| | | .table-td { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 18px; |
| | | } |
| | | .table-td:nth-child(even) { |
| | | background-color: rgba(90, 163, 172, 0.3); |
| | | } |
| | | .percentage { |
| | | text-align: center; |
| | | line-height: 100px; |
| | |
| | | margin-left: 20px; |
| | | height: 100px; |
| | | width: 100px; |
| | | background-color: #f1f1f1; |
| | | background-color: rgba(85, 255, 227, 0.56); |
| | | border-radius: 50%; |
| | | font-size: 40px; |
| | | font-size: 32px; |
| | | color: #ffffff; |
| | | font-family: electronicFont; |
| | | } |
| | | .time-tools { |
| | | position: absolute; |
| | | margin-left: 80%; |
| | | margin-top: 0.8%; |
| | | width: 20%; |
| | | height: 10%; |
| | | text-align: center; |
| | | color: #FFF; |
| | | } |