Букмекеры
.tableLink {
background: #3d2ec5c2;
color: #fff !important;
text-decoration: none;
padding: 5px;
border-radius: 5px;
text-align: center;
width: 80%;
margin: 0 auto;
}
.tableLink:visited {
color: #fff !important;
}
.tableLink:hover {
color: #fff;
background: #2d2290c2;
}
.divTable {
display: table;
width: 100%;
border-radius: 5px;
box-shadow: 0 0 1px #00000047;
padding: 5px;
border-radius: 10px;
}
.tableLogo {
max-width: 33%;
}
.tableBonus {
font-weight: 800;
font-size: 1em;
}
.tableSmile img {
max-width: 60px;
}
.textRight {
text-align: right;
justify-content: flex-end;
}
.divTableRow {
display: flex;
flex-direction: row;
}
.divTableCell img {
max-width: 120px;
max-height: 35px;
border-radius: 5px;
}
.tableCenter {
justify-content: center
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell,
.divTableHead {
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 10px 10px;
background: #f2f5f9;
min-width: 25%;
border-radius: 5px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
@media only screen and (max-device-width: 768px) {
.divTableCell img {
max-width: 100%;
}
.tableBonus {
font-weight: 700;
font-size: 1em;
}
.divTableCell a {
width: 100%;
}
.tableLogo img {
width: 100%;
height: 100%;
}
.divTableCell,
.divTableHead {
padding: 0;
}
.tableSmile img {
max-height: 30px !important;
}
.tableSmile {
max-width: 20%;
}
.tableTop {
padding: 10px 0;
}