/* Meritcasinoslot Rules page */
.logo {
    background: url('images/ClientLogo/305/big.gif') no-repeat;
    width: 160px;
    height: 56px;
    background-size: contain;
    background-position: center;
}


:root,
:root[data-theme="dark"],
:root [data-theme="dark"] {
    --bodyBg: #000000;
    --bodyRGBA: rgba(0, 0, 0, 0.7);
    --bodyTxt: rgba(255, 255, 255, 0.9);
    --bodyTxt2: rgba(255, 255, 255, 0.6);
    --bodyTxt3: rgba(255, 255, 255, 0.4);
    --accentBg: #BC385D;
    --dominantG: #2D2D2D;
    --dominantBg: #2D2D2D;
    --dominantBgHover: #353535;
    --dominantBg2: #464646;
    --dominantBg3: #535353;
    --dominantTxt: rgba(255, 255, 255, 0.9);
    --dominantTxt2: rgba(255, 255, 255, 0.6);
    --dominantRadius: 0px;
    --menu_1G: #2D2D2D;
    --menu_1Bg2: #464646;
    --menu_1Txt: rgba(255, 255, 255, 0.9);
    --menu_2G: #4e4e4e;
    --menu_2Bg2: #676767;
    --menu_2Txt: rgba(255, 255, 255, 0.9);
    --menu_3G: #535353;
    --headerBG: #424242;
}

:root,
:root[data-theme="light"],
:root [data-theme="light"] {
    --bodyBg: #FFFFFF;
    --bodyRGBA: rgba(255, 255, 255, 0.7);
    --bodyTxt: rgba(0, 0, 0, 0.9);
    --bodyTxt2: rgba(0, 0, 0, 0.6);
    --bodyTxt3: rgba(0, 0, 0, 0.4);
    --accentBg: #BC385D;
    --dominantG: #F6F6F6;
    --dominantBg: #F6F6F6;
    --dominantBgHover: #eeeeee;
    --dominantBg2: #e7e7e7;
    --dominantBg3: #d7d7d7;
    --dominantTxt: rgba(0, 0, 0, 0.9);
    --dominantTxt2: rgba(0, 0, 0, 0.6);
    --dominantRadius: 0px;
    --menu_1G: #e7e7e7;
    --menu_1Bg2: #d8d8d8;
    --menu_1Txt: rgba(0, 0, 0, 0.9);
    --menu_2G: #dfdfdf;
    --menu_2Bg2: #d0d0d0;
    --menu_2Txt: rgba(0, 0, 0, 0.9);
    --menu_3G: #d7d7d7;
    --headerBG: #cfcfcf;
}



body {
    background-color: var(--bodyBg);
    color: var(--bodyTxt);
}

header {
    background: var(--headerG);
    box-shadow: 3px 1px 4px rgba(0,0,0,0.3);
}

.languages .select-list,
.langRow {
    background-color: var(--dominantBg2);
}

    .langRow .txt {
        color: var(--dominantTxt2);
    }

    .langRow:hover {
        background-color: var(--dominantBg3);
    }

.languages #selLang > a {
    border-radius: var(--dominantRadius);
}

.expandable-list {
    background-color: var(--bodyBg);
}

.main-col {
    background: var(--dominantBg);
    color: var(--dominantTxt);
}

.expandable-list .menuleft .menuleftа {
    background: var(--menu_1G);
    color: var(--menu_1Txt);
}

    .expandable-list .menuleft .menuleftа:hover {
        background: var(--menu_1Bg2);
    }

.expandable-list .menuleft ul li a {
    background: var(--menu_2G);
    color: var(--menu_2Txt);
}

    .expandable-list .menuleft ul li a:hover {
        background-color: var(--menu_2Bg2);
    }

.expandable-list .menuleft ul li.active a {
    background: var(--menu_3G);
}

.content-head {
    color: var(--accentBg);
}

.mob_nav {
    color: var(--dominantTxt2);
}

.subMenu .arrow,
.languages #selLang > a:after {
    color: var(--dominantTxt2);
}