und-color: #f8f8f8; border-bottom: 1px solid #e4e4e4; display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 0; } .xtgLu .hRTol .pvSAg:focus { background-color: #ffffff; } .xtgLu .hRTol .pvSAg.vAHD2:hover { background-color: #ffffff; cursor: pointer; } .xtgLu .hRTol .pvSAg.Atp9M { background-color: #ffffff; } .xtgLu .hRTol .pvSAg._2eL26 { display: table-row; } @media (min-width: 768px) { .xtgLu .hRTol .pvSAg { display: table-row; margin-bottom: 4px; } } @media (min-width: 1024px) { .xtgLu .hRTol .pvSAg { margin-bottom: 0; } } .xtgLu .hRTol .pvSAg .XL1oh { background-color: #f8f8f8; color: #222222; display: block; flex-grow: 1; padding: 16px; vertical-align: middle; } @media (min-width: 768px) { .xtgLu .hRTol .pvSAg .XL1oh { display: table-cell; } } .xtgLu .hRTol .pvSAg .XL1oh._2eL26 { display: table-cell; flex-grow: 0; } .xtgLu .hRTol .pvSAg .XL1oh[data-title]:before { background-color: #f8f8f8; display: block; color: #222222; content: attr(data-title); /* :before element must be custom coded to fake titles on td in mobile */ margin: -16px -16px 16px -16px; padding: 16px; } @media (min-width: 768px) { .xtgLu .hRTol .pvSAg .XL1oh[data-title]:before { display: none; } } .xtgLu ~ .xtgLu .oxGLt { border: 0; visibility: collapse; } ._7SVSS { width: 100%; } ._7SVSS.bSzHW { overflow-x: auto; } ._9nLdY { background-color: #f8f8f8; box-shadow: none; border: 1px solid #e4e4e4; border-top: none; display: flex; justify-content: flex-end; width: 100%; padding: 8px; } ._8Z3pQ { text-align: center; } .MjZvC { color: #a7a7a7; }