#mainContentDiv {
    background:transparent url('../images/reloader/backgrounds/03.png') no-repeat center;
    background-size: cover;
}
.providersContainer, .reloaderContainer {
    display: flex;
    flex-flow: row;
    height: 100%;
    flex: 1 1 auto;
}
.providers, .reloaders {
    width:100% !important;
}
.providers .provider, .reloaders .reloader {
    display:block;
    width: calc(25% - 20px);
}
.providers .provider, .reloaders .reloader {
    margin: 20px 20px 0 0;
}
.providers .provider.x2, .reloaders .reloader.x2 {
    width: calc(50% - 5px);
}
.providers .provider img, .reloaders .reloader img {
    height:160px;
}
.providers .provider .card-footer, .reloaders .reloader .card-footer {
    text-align: center;
    padding: .25rem 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.providers .provider a, .reloaders .reloader a {
    display: block;
    width: 100%;
}
.providers .provider a .card-body, .reloaders .reloader .card-body {
    display: block;
    width: 100%;
    position:relative;
}
.providers .provider a .card-footer, .reloaders .reloader .card-footer {
    font-size: 80%;
}
.providers .provider a img.spacer, .reloaders .reloader img.spacer, .card.playerProfile img.spacer {
    display: block;
    width: 100%;
}
.providers .provider a span.logo, .reloaders .reloader span.logo, .card.playerProfile .card-img {
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.card.playerProfile .card-img {
    background-image:url('../images/icons/player.png');
}
.providers .provider.reloader span.logo {
    background-image:url('../images/reloader/providers/reloader.png');
}
.providers .provider.tre span.logo {
    background-image:url('../images/reloader/providers/tre.png');
}
.providers .provider.wind span.logo {
    background-image:url('../images/reloader/providers/wind.png');
}
.providers .provider.infostrada span.logo {
    background-image:url('../images/reloader/providers/infostrada.png');
}
.providers .provider.paysafe span.logo {
    background-image:url('../images/reloader/providers/paysafe.png');
}
.providers .provider.tim span.logo {
    background-image:url('../images/reloader/providers/tim.png');
}
.reloaders .reloader.machine span.logo {
    background-image:url('../images/icons/machine.png');
}
.reloaders .reloader.machine.off span.logo {
    filter: grayscale(100%);
    opacity: .5;
}
.reloaders .reloader.player span.logo {
    background-image:url('../images/icons/player.png');
}