.table-head { text-align: center; background: linear-gradient(to right, #1bb3ff 50%, #1788c4 100%); color: #fff; } .table-dark { color: #fff; background: linear-gradient(to right, #484848 0%, #202020 50%, #000000 100%); } .table-dark td,.table-dark th,.table-dark thead th { text-transform: uppercase; border-color: #454d55; text-align: center; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; vertical-align: middle; } .table-dark .table-bordered { border: 0; } .table-dark .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05); } .table-dark .table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.075); } .table-responsive { width: 100%; padding: 0; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive a { text-decoration: none; } .table-responsive a:hover { text-decoration: none; } .table-dark td { vertical-align: middle; } .d-none { display: none; } @media (min-width:576px) { .d-sm-table-cell { display: table-cell; } } .button { display: inline; align-items: center; background: #000; width: 100%; border-radius: 5px; height: 38px; cursor: pointer; padding: 5px 20px; max-width: 128px; color: rgb(255 255 255); font-weight: 700; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; text-transform: uppercase; text-decoration: none; transition: background .3s,transform .3s,box-shadow .3s; will-change: transform; min-width: 80px; border: 0px solid rgb(255 255 255); line-height: 12px; animation: blinking 0.5s infinite; transition: all .4s; } .button:hover { color: #1bb3ff; font-weight: 700; text-decoration: none; background: rgb(255 255 255); cursor:pointer; box-shadow:0 4px 17px rgba(0,0,0,.2); transform: translate3d(0,-2px,0); border: 2px solid #1bb3ff; } .button:active { box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); transform: translate3d(0,1px,0); } a:active,a:hover { outline: 0; } table { border-spacing: 0; border-collapse: collapse; } td,th { padding: 0; } @media print {*,:after,:before { color: #000; text-shadow: none; background:0 0; -webkit-box-shadow: none; box-shadow: none; } a,a:visited { text-decoration: underline; } a[href]:after { content:" (" attr(href) ")"; } thead { display: table-header-group; } .table { border-collapse: collapse; } .table td,.table th { background-color: #fff; } .table-bordered td,.table-bordered th { border: 1px solid #555; } } .table { width: 100%; max-width: 100%; } .table>tbody>tr>td,.table>thead>tr>th { padding: 18px 0; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #555; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #555; } .table>thead:first-child>tr:first-child>th { border-top: 0; } .table-bordered>tbody>tr>td,.table-bordered>thead>tr>th { border: 1px solid #555; vertical-align: middle; } .table-bordered>thead>tr>th { border-bottom-width: 2px; } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #555; } .table-responsive>.table { margin-bottom: 0; } .table-responsive>.table>tbody>tr>td,.table-responsive>.table>thead>tr>th { white-space: nowrap; } .table-responsive>.table-bordered { border: 0; } .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0; } .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0; } .table-responsive>.table-bordered>tbody>tr:last-child>td { border-bottom: 0; } } @keyframes blinking { 0% { border: 5px solid #fff} 100% { border: 5px solid #1bb3ff} }