:root {
    --header_gradient: #01200F;
    --header-bg-color: #01200F;
    --header-font-color: #fff;
    --active-color: #cf9523;
    --active-font-color: #fff;
    --primary-bg-color: #fff;
    --primary-font-color: #000;
    --border-color: #bebebe;
    --casino-background: rgb(235, 235, 235);
    --casino-font-color: #000;
    --casino-menu-bg: #fff;
    --casino-menu-color: #000;
    --add-account-bg: #ececec;
    /* table-bg-color */
    --table-row-bg-odd: #f7f7f7;
    --table-row-bg-even: #dddddd;
    --table-head-bg: #acacac;
    --b-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
    /* Menu Font size */
    --fs-menu: calc(12px + 4 * ((100vw - 320px) / (1920 - 320)));
    --runner-row-bg: rgba(0, 0, 0, 0.05);
    /* All Themes main Colors  */
    --theme1: #01200F;
    --theme2: radial-gradient(circle, rgba(2, 0, 36, 1) 0%, rgba(5, 48, 56, 1) 100%);
    --theme3: linear-gradient(to left, rgba(255, 193, 15, 1), rgba(250, 210, 98, 1), rgba(255, 193, 15, 1));
    --theme4: #3a495e;
    --theme5: #0a626a;
    --theme6: #ece9e6;
}

body.theme2 {
    --header_gradient: radial-gradient(circle, rgba(2, 0, 36, 1) 0%, rgba(5, 48, 56, 1) 100%);
    --header-bg-color: radial-gradient(circle, rgba(2, 0, 36, 1) 0%, rgba(5, 48, 56, 1) 100%);
    --header-font-color: #fff;
    --active-color: #5fab04;
    --active-font-color: #fff;
    --primary-bg-color: #fff;
    --primary-font-color: #000;
    --border-color: #bebebe;
    --casino-background: rgb(235, 235, 235);
    --casino-font-color: #000;
    --casino-menu-bg: #fff;
    --casino-menu-color: #000;
    --add-account-bg: #ececec;
}

body.theme3 {
    --header_gradient: linear-gradient(to left, rgba(255, 193, 15, 1), rgba(250, 210, 98, 1), rgba(255, 193, 15, 1));
    --header-bg-color: linear-gradient(to left, rgba(255, 193, 15, 1), rgba(250, 210, 98, 1), rgba(255, 193, 15, 1));
    --header-font-color: #000;
    --active-color: #f2994a;
    --active-font-color: #fff;
    --primary-bg-color: #fff;
    --primary-font-color: #000;
    --border-color: #bebebe;
    --casino-background: rgb(235, 235, 235);
    --casino-font-color: #000;
    --casino-menu-bg: #fff;
    --casino-menu-color: #000;
    --add-account-bg: #ececec;
}

body.theme4 {
    --header_gradient: #000;
    --header-bg-color: #000;
    --header-font-color: #fff;
    --active-color: linear-gradient(to left, rgba(255, 193, 15, 1), rgba(250, 210, 98, 1), rgba(255, 193, 15, 1));
    --active-font-color: #000;
    --primary-bg-color: #101010;
    --primary-font-color: #fff;
    --border-color: #747474;
    --casino-background: #152331;
    --casino-font-color: #fff;
    --casino-menu-bg: #152331;
    --casino-menu-color: #fff;
    --add-account-bg: #152331;
    /* table-bg-color */
    --table-row-bg-odd: #123a4e;
    --table-row-bg-even: #2b5c75;
    --table-head-bg: #1a3644;
    --b-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
    --runner-row-bg: rgba(255, 255, 255, 0.05);
}

body.theme5 {
    --header_gradient: #0a626a;
    --header-bg-color: #0a626a;
    --header-font-color: #fff;
    --active-color: #2ea7b2;
    --active-font-color: #fff;
    --primary-bg-color: #fff;
    --primary-font-color: #000;
    --border-color: #bebebe;
    --casino-background: rgb(235, 235, 235);
    --casino-font-color: #000;
    --casino-menu-bg: #fff;
    --casino-menu-color: #000;
    --add-account-bg: #ececec;
}

body.theme6 {
    --header_gradient: linear-gradient(90deg, #ece9e6 0%, #ffffff 100%);
    --header-bg-color: linear-gradient(90deg, #ece9e6 0%, #ffffff 100%);
    --header-font-color: #000;
    --active-color: #008282;
    --active-font-color: #fff;
    --primary-bg-color: #fff;
    --primary-font-color: #000;
    --border-color: #bebebe;
    --casino-background: rgb(235, 235, 235);
    --casino-font-color: #000;
    --casino-menu-bg: #fff;
    --casino-menu-color: #000;
    --add-account-bg: #ececec;
}


/* Logo css */

.logo-image {
    height: 45px;
    cursor: pointer;
}

@media only screen and (max-width: 575px) {
    .logo-image {
        height: 40px;
    }
}