overwritten. */ .xtgLu { background-color: #f8f8f8; box-shadow: none; display: block; width: 100%; border: 1px solid #e4e4e4; text-align: left; } .xtgLu._2eL26 { display: table; table-layout: auto; } .xtgLu tr:last-child { border-bottom: 0; } @media (min-width: 768px) { .xtgLu { display: table; table-layout: fixed; } } .xtgLu .oxGLt { border-bottom: 1px solid #e4e4e4; text-transform: uppercase; width: 100%; display: table-header-group; } .xtgLu .oxGLt:hover .oAc3X { opacity: 1; } .xtgLu .oxGLt .XL1oh { vertical-align: bottom; color: #222222; } @media (max-width: 768px) { .xtgLu .oxGLt { display: none; } } @media (max-width: 768px) { .xtgLu .AnK6y { display: block; } .xtgLu .AnK6y tr { display: flex; } .xtgLu .AnK6y .XL1oh { flex: 1; } .xtgLu .AnK6y._2eL26 { border-bottom: 1px solid #e4e4e4; text-transform: uppercase; width: 100%; display: table-header-group; } .xtgLu .AnK6y._2eL26 tr { display: table-row; } } .xtgLu .j8sY- { position: relative; flex-grow: 1; padding: 16px 0 16px 16px; line-height: 1; user-select: none; -webkit-user-select: none; } .xtgLu .j8sY-[aria-sort=ascending] .oAc3X, .xtgLu .j8sY-[aria-sort=descending] .oAc3X { opacity: 1; } .xtgLu .j8sY- .vdRCi { display: inline-block; position: absolute; top: 50%; transform: translateY(-12px); } .xtgLu .j8sY- .oAc3X { display: inline-block; position: absolute; top: 50%; transform: translateY(-12px); opacity: 0; transition: opacity 0.1s ease-in-out; } .xtgLu .j8sY- .lvK2v { transform: translateY(-12px) translateX(20px); } .xtgLu .j8sY- .FCL0- { color: #7a7a7a; cursor: pointer; height: 24px; width: 24px; margin-left: 4px; } .xtgLu .j8sY- .FCL0-:focus { color: #222222; background-color: #e4e4e4; } .xtgLu .j8sY- .FCL0-:hover { color: #222222; background-color: #e4e4e4; } .xtgLu .j8sY- .FCL0-:hover:focus { background-color: #e4e4e4; } .xtgLu .j8sY- .FCL0- svg { height: 14px; width: 14px; } .xtgLu .hRTol { display: block; } @media (min-width: 768px) { .xtgLu .hRTol { display: table-row-group; } } .xtgLu .hRTol._2eL26 { display: table-row-group; } .xtgLu .hRTol .pvSAg { background-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; }