.casicon span[class^="gi-"]::after,
.casicon span[class*=" gi-"]::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 4px;
    padding: 12px;
    content: "";
    display: inline-block;
    border-radius: 8px;
}

.casicon span.gi-allg::after {
    background-image: url(icons/gi-allgames.svg);
    background-color:inherit;
     filter:invert(1);
}

.casicon span.gi-newg::after {
    background-image: url(icons/gi-newg.svg);
    background-color:inherit;
     filter:invert(1);
}


.casicon span.gi-megag::after{
    background-image: url(icons/gi-megawayg.svg);
    background-color:inherit;
    filter:invert(1);
}
.casicon span.gi-casig::after{
    background-image: url(icons/gi-allg.png);
    filter:invert(1);
}

.casicon span.gi-slotg::after {
    background-image: url(icons/gi-slotg.svg);
    background-color:inherit;
    filter:invert(1);
}

.casicon span.gi-liveg::after {
    background-image: url(icons/gi-liveg.svg);
    background-color:inherit;
    filter:invert(1);
}

.casicon span.gi-featg::after {
    background-image: url(icons/gi-starg.svg);
    background-color:inherit;
    filter:invert(1);
}

.casicon span.gi-bankg::after {
    background-image: url(icons/gi-bagofmoney.png);
    background-color:inherit;
    filter:invert(1);
}
.casicon span.gi-tablg::after {
    background-image: url(icons/gi-dice.png);
    background-color:inherit;
    filter:invert(1);
}

.casicon span.gi-promg::after{
    background-image: url(icons/gi-jackg.png);
} 

.casicon span.gi-searg::after {
    background-image: url(icons/gi-casicon-search.svg);
    background-color:transparent;
    border:transparent;
}

.casicon span.gi-closg::after {
    background-image: url(icons/casicon-cls.svg);
    filter: invert();
    border: 2px solid rgb(152,35,35);
    border-radius: 36px;
    box-shadow: 0 0 10px rgb(152,35,35);
    padding: 12px;
}
.casicon span.gi-tabcat::after{
    background-image: url(icons/gi-tg-big.svg);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-livcat::after{
    background-image: url(icons/gi-cat-livbig.svg);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-newcat::after{
    background-image: url(icons/gi-newcatbig.svg);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-morecat::after{
    background-image: url(icons/gi-morecatbig.svg);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-feacat::after{
    background-image: url(icons/gi-l233otg.png);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-slocat::after{
    background-image: url(icons/gi-spggg.png);
    background-color: var(--casino-w-color);
    color: var(--casino-b-color);
    padding: 42px;
}
.casicon span.gi-gbflag::after{
    background-image: url(icons/icon-gb-flag.png);
    background-color: var(--casino-bg-color);
}
.casicon span.gi-deflag::after{
    background-image: url(icons/icon-de-flag.png);
    background-color: var(--casino-bg-color);
}