:root {
    /* <editor-fold desc="TABLE OF CONTENTS">*/
    /*This file contains all COMMON VARS related to the brand*/
    /***************************
        Feel free to use "@" (in the searchbar) to search faster for all relevant sections within this file listed bellow:
        1. GENERAL + BRAND COLORS / @general
            - BRAND COLORS / @brand
            - ADDITIONAL COLORS / @additional

        2. MAIN SHARED COLORS / @shared
            - BACKGROUND paired with TEXT COLORS  / @bg&text
            - MORE TEXT COLORS  / @text
            - BORDER COLORS / @border
            - BACKGROUND COLORS / @bg
                - MOBILE BACKGROUND COLORS / @mob_bg
            - TITLES / @title
            - TABLES / @table
            - SCROLLBAR / @scroll

        3. FORM ELEMENTS / @form
            - BUTTON COLORS / @btn
                - MOBILE BUTTON COLORS / @mob_btn
            - BUTTON RULES / @btnrules
            - INPUTS / @input
            - DATEPICKER / @date
                - MOBILE DATEPICKER / @mob_date

        4. COMMON PAGE ELEMENTS / @common
            - GENERAL RULES / @rules
            - HEADER / @header
                - MOBILE HEADER / @mob_head
                -- HEADER DROPDOWN / @hdrop
            - MENU / @menu
                -- HEADER MENU / @hmenu
                -- SIDE MENU / @side
                - MOBILE HEADER MENU / @mob_hmenu
                - MOBILE LEFT MENU / @mob_leftmenu
            - FOOTER / @footer
            - ALERTS / @alert
            - POPUP / @popup

        5. INNER PAGES / @inner

        6. PAGES AND MODULES / @pages
            - LOGIN / @login
                - MOBILE LOGIN / @mob_login
            - REGISTER / @register
                - MOBILE REGISTER / @mob_register
            - HOME PAGE / @home
                - MOBILE HOME PAGE / @mob_home
            - PAYMENTS / @payment
                - MOBILE PAYMENTS / @mob_payment
            - REPORTS / @report
                - MOBILE REPORTS / @mob_report
            - NOTIFICATIONS / @notification
            - MESSAGE CENTER / @message
                - MOBILE MESSAGE CENTER / @mob_message
            - HELP SECTION / @help
            - SPORTSBOOK / @sport
                -- SPORT LEFT MENU / @sportleft
                -- SPORT CENTRAL AREA / @sportcenter
                -- SPORT BETSLIP AREA / @sportbetslip
                -- SPORTLIVE / @sportlive
                -- SPORT WIDGETS / @widgets
            - BONUSES / @bonus
            - CASINO / @casino
            - VIRTUALS / @virtual
            - PROMOTIONS / @promo

        7. ASSETS AND INCLUDES / @assets
            - FONTS / @fonts
            - IMAGES / @img
            -- SOCIAL / @social
            - OTHER ASSETS @other
            -- MOBILE ICONS / @mobicons
    ***************************/
    /* </editor-fold>*/


    /***************************/
    /* <editor-fold desc="1. GENERAL + BRAND COLORS / @general">*/
    /***************************/
    --black:#000000;
    --white: #ffffff;
    --gray:#a4a4a4;
    --red: #FF0000;
    --blue:#000eae;
    --green:#00ae31;
    --yellow:rgb(255, 247, 0);
    --light: #D7D9DA;
    --dark: var(--primary);
    --off_white:#F1ECEC;
    --off_white_rgb:241, 236,236;
    --white_lighter_transparent_bg: rgba(255 255 255 / 7%);
    --white_middle_transparent_bg: rgba(255, 255, 255, 0.7);
    --white_darker_transparent_bg: rgba(255, 255, 255, 0.25);
    --black_dark_transparent_bg: rgba(0, 0, 0, 0.9);
    --black_darker_transparent_bg: rgba(0, 0, 0, 0.75);
    --black_middle_transparent_bg: rgba(0, 0, 0, 0.5);
    --black_lighter_transparent_bg: rgba(0, 0, 0, 0.25);
    --black_very_light_transparent_bg: rgba(0, 0, 0, 0.10);
    /*--transparent_0: rgb(0, 0, 0);*/
    --transparent_46: rgba(0, 0, 0, 0.46);
    --transparent_25: 0 10px 8px rgba(0, 0, 0, 0.25);
    --shadow: #182018;/* not used */
    --box_shadow_soft: inset 0 0 80px rgba(0, 0, 0, .2);
    --element_box_shadow: 0 1px 2px 0 #182018;
    --box_shadow: 0 3px 8px rgba(0, 0, 0, 0.4); /* used on popups */
    --box_shadow_dark: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);
    --box_shadow_casino: 0 0 0 100px #353a4b inset;


    /***************************
     - BRAND COLORS / @brand
    ***************************/
    --accent:#1ef47e ;    /*Used for general accent color*/
    --primary:#f1f1f1;   /*Used for general backgrounds*/
    --secondary:var(--white); /*Used for additional backgrounds*/
    --tertiary: #1717C6;
    --quaternary: #e8ebfe;
    --quinary:var(--white);
    --senary: var(--tertiary);
    --septenary:var(--tertiary);
    --octonary: #1c1c1c;
    --nonary: var(--secondary);
    --tenary: var(--tertiary);
    --elevenary:#E8F0FE;
    --twelvenary: #aad0ff;
    /***************************/
    --primary_gradient: linear-gradient(90deg, #1717C6 0%, #1717C6 67%, #1EF47E 100%);
    --secondary_gradient: linear-gradient(90deg, #1d212a  0%, #353a4b 100%);
    /***************************/
    --accent_hover: var(--accent);
    --primary_hover: #3b3b44;
    --secondary_hover: var(--accent);
    --tertiary_hover: var(--accent);
    --quaternary_hover: var(--accent);
    --quinary_hover: #36b060;
    --senary_hover: #353a4b;
    --septenary_hover: #40465a;
    --light_hover: var(--septenary);
    --dark_hover: var(--secondary);

    /***************************
     - ADDITIONAL COLORS / @additional
    ***************************/
    --custom_1: var(--accent); /*Used for additional brand accent color*/
    --custom_2: var(--accent); /*Used for additional brand color*/
    --custom_3: #482A05;
    --custom_4: #00132A;
    /***************************/
    --custom_1_hover: var(--accent);
    --custom_2_hover: #00d45f;
    /***************************/
    /* </editor-fold>*/

    /***************************/
    /* <editor-fold desc="2. MAIN SHARED COLORS / @shared">*/
    /***************************/

    /**************************
     - BACKGROUND paired with TEXT COLORS  / @bg&text
    **************************/
    --primary_bg: var(--main_bg);/*moved and renamed from main_bg */ /*Used for general backgrounds*/
    --primary_txt: var(--tertiary);
    /***************************/
    --secondary_bg: var(--secondary); /*moved*/ /*Used for additional backgrounds*/
    --secondary_txt: var(--white);
    /***************************/
    --tertiary_bg: var(--tertiary); /*moved*/ /*Used for accent bg and accent buttons*/
    --tertiary_txt: var(--gray);
    /***************************/
    --accent_bg: var(--accent); /*moved*/ /*Used for accent text color*/
    --accent_txt: var(--accent); /*moved*/ /*Used for accent text color*/
    --mob_accent_txt: var(--accent);

    /**************************
     - MORE TEXT COLORS  / @text
    **************************/
    /* <editor-fold desc="MORE TEXT COLORS  / @text">*/
    --quaternary_txt: #CCCCCC;
    --quinary_txt: var(--accent);
    --custom_txt: var(--white); /*Used for additional accent text color*/
    --custom_light_txt:var(--accent);
    --light_txt: var(--light);
    --dark_txt: var(--dark);
    /***************************/
    --link_txt: var(--accent);
    --custom_btn_txt: var(--custom_txt);
    /* </editor-fold>*/

    /***************************
     - BORDER COLORS / @border
    ***************************/
    /* <editor-fold desc="BORDER COLORS / @border">*/
    --primary_border: var(--accent);
    --secondary_border: rgba(255, 255, 255, 1);
    --tertiary_border: rgba(255, 255, 255, 0.5);
    --quaternary_border: var(--tertiary);
    --quinary_border: rgba(0, 0, 0, 1);
    --senary_border: rgba(0, 0, 0, 0.75);
    --septenary_border: rgba(0, 0, 0, 0.5);
    --octonary_border: rgba(0, 0, 0, 0.25);
    --nonary_border: rgba(0, 0, 0, 0.15);
    --tenary_border: rgba(255, 255, 255, 0.75);
    --full_border_color: #484b57;
    --custom_border: var(--primary);
    /***************************/
    --light_border: rgba(255, 255, 255, 0.15);
    --dark_border: rgba(0, 0, 0, 0.15);
    --border-radius: 5px;
    --button_border_radius:50px;
    /* </editor-fold>*/


    /***************************
     - BACKGROUND COLORS / @bg
    ***************************/
    /* <editor-fold desc="BACKGROUND COLORS / @bg">*/

    --main: var(--primary); /*Used for general backgrounds*/
    --main_bg: var(--main); /*Used for general backgrounds*/
    --main_txt: var(--primary_txt);
    /* --secondary_bg: var(--secondary); !*Used for additional backgrounds*! */
    /* --tertiary_bg: var(--tertiary); !*Used for accent bg and accent buttons*! */
    --custom_bg: var(--custom_1); /*Used for additional accent background color*/
    --light_bg: var(--light);
    --dark_bg: var(--dark);
    --generic_container: var(--primary);
    --generic_container_bg: var(--white);
    --generic_container_txt: var(--main_txt);
    --overlay_bg: rgba(12, 12, 12, 0.8);
    --extra_balance_info: var(--tertiary);

    /***************************
     - MOBILE BACKGROUND COLORS / @mob_bg
    ***************************/
    --mob_main_bg: var(--primary);
    --mob_main_txt: var(--primary_txt);
    --mob_home_title_bg: var(--tertiary);
    --mob_home_pods_bg: var(--tertiary);
    --mob_payment_container_bg: var(--secondary);
    --mob_input_select_bg: var(--input_bg);
    --mob_main_title_bar_bg: var(--tertiary);
    --mob_page_tt_bar_bg: var(--tertiary);
    --mob_login_area_header_bg: var(--primary);
    --mob_home_title_bg: var(--tertiary);
    --mob_balance_container_bg: var(--septenary);
    --mob_open_slip_container_bg: var(--septenary);
    --mob_ttl_sec_bg: var(--tertiary);
    --mob_sec_menu_link_bg: var(--white);
    --mob_sec_menu_link_txt: var(--primary_txt);
    --mob_sec_menu_link_icon: var(--primary_txt);
    --mob_hom_paym_cont_bg: var(--tertiary);
    --mob_cbox_loaded_content_bg: var(--secondary);
    --mob_cbox_close_before_after_bg: var(--light);

    --mob_mob_main_title_bar_title_txt_bg: var(--quinary);
    --mob_social_sec_link_bg: var(--quinary);
    --mob_cookie_disclaimer_btn_bg: var(--quinary);
    --mob_go_back_btn_bg: var(--secondary);
    --mob_general_hr_bg: var(--black_darker_transparent_bg);
    /* </editor-fold>*/

    /***************************
     - TITLES / @title
    ***************************/
    /* <editor-fold desc="TITLES / @title"> */
    --login_title: var(--primary_txt);
    /* </editor-fold> */


    /***************************
     - TABLES / @table
    ***************************/
    /* <editor-fold desc="TABLES / @table"> */
    --datagrid_txt: var(--secondary_txt);
    --datagrid_link: var(--septenary); /* new */
    --datagrid_th: var(--primary);
    --datagrid_th_color: var(--primary_txt);
    --odd_row: var(--twelvenary);
    --odd_row_txt: var(--primary_txt); /* new */
    --even_row: var(--nonary);
    --even_row_txt: var(--primary_txt); /* new */
    --table_header_titles_th: var(--quaternary);
    --table_header_titles_th_txt: var(--datagrid_th_color); /* new */
    --table_header_border-color: var(--quaternary_border); /* new */
    --table_content_border-color: var(--quaternary_border); /* new */
    /*--bs_alternate_table_tr_odd: var(--odd_row);*/
    /*--bs_alternate_table_tr_even: var(--even_row);*/
    /*--bs_alternate_table_txt: var(--secondary_txt);*/
    --bs_filters: var(--tenary);
    /*--bs_legend: var(--tenary);*/
    /*--bslips_details_data_grid_tr_odd: var(--tenary);*/
    --total_rows: var(--nonary);
    --cbox_loaded_content: var(--quinary);
    --datagrid_table: var(--tertiary);
    --datagrid_table_color: var(--primary_txt);
    /* </editor-fold> */

    /***************************
     - SCROLLBAR / @scroll
    ***************************/
    /* <editor-fold desc="SCROLLBAR / @scroll"> */

    --scrollbar: var(--tertiary);
    --scrollbar_hover: var(--tertiary);
    --scroll_track: transparent;
    /* </editor-fold> */
    /* </editor-fold> */

    /***************************/
    /* <editor-fold desc="3. FORM ELEMENTS / @form"> */
    /***************************/

    /***************************/
    /* <editor-fold desc=" LABELS / @labels "> */
    /***************************/
    /* --label_font_weight: normal; */
    /* --label_txt: #666; */
    /* --label_font_size: normal; */

    /* </editor-fold> */

    /***************************
     - BUTTON COLORS / @btn
    ***************************/
    --main_btn: var(--accent_bg); /*Used for general button color / Can be an accent color*/
    --main_btn_txt: var(--primary_txt); /* moved */
    --main_btn_hover: var(--accent_hover);
    --main_btn_txt_hover: var(--primary_txt);/* new */

    --primary_btn: var(--accent_bg); /*Used for general button color / Can be an accent color*/
    --primary_btn_txt: var(--primary_txt);
    /*--main_btn_border: none;*/
    /*--main_btn_border_hover: none;*/
    /***************************/
    --secondary_btn:  var(--primary);;
    --secondary_btn_txt: var(--primary_txt); /* new */
    --secondary_btn_hover: var(--primary_txt);
    --secondary_btn_txt_hover: var(--accent);/* new */
    --secondaty_btn_border: 2px solid var(--white);/* new */
    --secondaty_btn_border_hover: 2px solid var(--accent);/* new */
    /***************************/
    --tertiary_btn: var(--quaternary);
    --tertiary_btn_hover: var(--tertiary_hover);
    --tertiary_btn_txt: var(--primary_txt);/* new */
    --tertiary_btn_txt_hover: var(--octonary);/* new */
    /***************************/
    --light_btn: var(--light);
    --light_btn_txt: var(--secondary_txt);/* moved */
    --light_btn_hover: var(--elevenary);
    /***************************/
    --dark_btn: var(--tertiary);
    --dark_btn_txt: var(--accent); /* moved */
    --dark_btn_hover: var(--tertiary);
    /***************************/
    --custom_btn: var(--custom_1); /*Used for additional accent button color*/
    --custom_btn_hover: var(--custom_1_hover);
    /***************************/
    --gradient_btn : var(--primary_gradient);
    --gradient_btn_hover : var(--primary_gradient);
    /***************************/
    --go_top_btn: var(--accent);
    --go_top_btn_txt: var(--primary_txt);
    --go_top_btn_hover: var(--accent);/* new */
    --disclaimer_cookie_button_bg: var(--quinary_color);

    /***************************
    - MOBILE BUTTON COLORS / @mob_btn
   ***************************/
    --mob_primary_button_bg: var(--accent_bg);
    --mob_secondary_button_bg: var(--accent_bg);
    --mob_button_goto_top_bg: var(--tertiary);
    --mob_button_goto_top_txt: var(--accent_txt);
    --mob_disclaimer_cookie_button_bg: var(--quinary);
    /***************************/
    --mpaymentob_go_top_btn: var(--quinary);
    --mob_disclaimer_cookie_button_bg: var(--quinary_color);
    --mob_go_back_btn_bg: var(--secondary_color);
    --mob_disclaimer_cookie_button_bg: var(--quinary_color);

    /* new part */
    /***************************/
    /* -- BUTTON RULES / @btnrules */
    --btn_y_padding: 6px;
    --btn_padding: var(--btn_y_padding) 10px; /*--btn_y_padding is used also in the preloader class, so ideally update the --btn_y_padding value to change the y padding o the button */
    --btn_border_radius: 10px;
    --btn_font_weight: 600;
    --btn_text_transform: uppercase;
    --btn_border: 0;
    --btn_transition: background-color .5s ease;

    /***************************
   - INPUTS / @input
  ***************************/
    /* <editor-fold desc="INPUTS / @input"> */
    --input: var(--white);
    --input_bg: var(--white); /* renamed from --input_select */
    --input_txt: var(--primary_txt);
    --input_select_bg: var(--input_bg);
    --input_focus: var(--accent);
    --input_outline: 3px solid rgba(231, 236, 248, .2); /* --light in rgb - added to generic css */
    --input_border_radius: var(--border-radius);
    --input_border: 1px solid var(--quaternary_border);
    --input_padding: 6px 10px; /* added to generic css */
    --input_box_shadow: 0;
    --placeholder_txt: rgba(var(--off_white_rgb), .5); /* added to generic css */
    --input_disabled_txt: #888;
    --input_disabled_bg: var(--white);
    --input_disabled:var(--quaternary);
    --label_txt: var(--primary_txt);
    /* --input_disabled_border: 1px solid var(--quaternary_border); */
    --cpf_button: var(--custom_3); /* REMOVED (using --input_disabled_bg) */ /* REMOVED (using --input_disabled_bg)
    --readonly_field_border: rgba(var(--off_white_rgb), .5); /* REMOVED (using --input_disabled_bg)
    /* </editor-fold> */

    /* moved */
    /***************************
     - DATEPICKER / @date
    ***************************/
    /* <editor-fold desc="DATEPICKER / @date"> */
    --datepicker_wrapper_bg: var(--primary);
    --datepicker_header_bg: var(--tertiary);
    --datepicker_header_txt: var(--secondary_txt);
    --datepicker_cell_bg: var(--tertiary);
    --datepicker_cell_hover_active_bg: var(--accent_bg);
    --datepicker_cell_hover_active_txt: var(--primary_txt);
    --datepicker_input_selected_bg: var(--accent_bg);
    --datepicker_input_selected_txt: var(--primary_txt);
    --datepicker_txt: var(--primary_txt);
    --datepicker_hover_txt: var(--secondary_txt);
    /***************************
    - MOBILE DATEPICKER / @mob_date
    ***************************/
    --mob_datepicker_bg: var(--tertiary);
    --mob_datepicker_header_bg: var(--quinary);
    --mob_datepicker_cell_bg: var(--senary);
    --mob_datepicker_cell_hover_active_bg: var(--accent_bg);
    /* </editor-fold> */

    /* </editor-fold>*/

    /***************************/
    /* <editor-fold desc="4. COMMON PAGE ELEMENTS / @common">*/
    /***************************/

    /***************************
     - GENERAL RULES / @rules
    ***************************/
    --generic_border_radius: 5px;

    /***************************
    - HEADER / @header
    ***************************/
    /* <editor-fold desc="HEADER / @header ">*/
    --header_bg: var(--quinary);
    --header_txt: var(--primary_txt); /* moved */
    --top_bar_bg: var(--tertiary);
    --top_bar_txt: var(--white);
    /***************************
    - MOBILE HEADER / @mob_head
    ***************************/
    --mob_header_bg: var(--quinary);
    --mob_header_txt: var(--primary_txt);

    /* HEADER DROPDOWN / @hdrop */
    --dd_menu_list: var(--tertiary);
    --dd_menu_list_hover: var(--accent);
    --dd_menu_list_txt: var(--light_txt);

    /***************************
     - MENU / @menu
    ***************************/

    /* -- HEADER MENU / @hmenu */
    --header_link_txt: var(--primary_txt);/* dedicated to main menu */
    --header_link_hover: var(--white_lighter_transparent_bg);
    --header_link_txt_hover: var(--primary_txt);
    --header_link_active:  var(--white_lighter_transparent_bg);
    --header_link_txt_active:var(--primary_txt);
    /***************************/
    --header_balance_area:var(--white); /* new */
    --header_balance_txt_label: var(--primary_txt); /* new */
    --header_balance_txt_value: var(--secondary_btn_txt); /* new */
    --header_user_txt_label: var(--accent);
    /***************************/
    /* -- MOBILE HEADER MENU / @mob_hmenu */
    /*--mob_header_login_btn_bg: var(--light);
    --mob_header_reg_btn_bg: var(--accent);*/
    --mob_language_drop_bg: var(--transparent);
    --mob_language_drop_list_bg: var(--mob_main_bg);
    --mob_username_area_close_menu_bg: var(--quinary);
    --mob_username_bg: var(--accent_bg);
    --mob_username_txt: var(--primary_txt);
    /***************************/
    /* -- SIDE MENU / @side */
    --side_menu_sub_container_bg: var(--tertiary);
    --side_menu_sub_container_link_bg: var(--tertiary);
    --language_select_bg: var(--quinary);
    /* </editor-fold>*/
    /* -- MOBILE LEFT MENU / @mob_leftmenu */
    --mob_main_menu_bg: var(--tertiary); /* only bg, another BG+TXT are defined for the a */
    --mob_main_menu_txt: var(--primary_txt);
    --mob_top_menu_icon: var(--white);
    --mob_top_menu_width: 25%;
    --mob_top_menu_selected: var(--tertiary);
    --mob_top_menu_txt_selected: var(--white);
    --mob_top_menu_border:var(--tertiary);
    --mob_left_menu_item_bg: var(--quinary);
    --mob_left_menu_item_txt: inherit;
    --mob_nav_2_menu: var(--tertiary);
    --mob_nav_2_menu_txt: var(--secondary_txt);
    --mob_nav_2_border:var(--secondary_border);
    --mob_left_icon_bg: var(--accent);

    /***************************
     - FOOTER / @footer
    ***************************/
    /* <editor-fold desc="FOOTER / @footer">*/
    --footer: var(--white);
    --footer_bg: var(--white);
    --footer_txt: var(--primary_txt);
    --footer_links: var(--primary_txt);
    --footer_links_hover: var(--accent);/* new */
    --footer_age_border: var(--primary_border);
    --footer_info_bg: var(--secondary_bg);
    --footer_links_sec_after_bg: var(--tertiary);
    --footer_sponsors: var(--secondary_bg);
    --footer_payments: var(--secondary_bg);
    --footer_license_container: var(--secondary_bg);
    --bottom_footer: var(--secondary_bg);
    --footer_divider: 1px solid var(--off_white);
    --footer_min: var(--secondary_bg);
    --social_sec_footer_icon_bg: var(--accent);
    /* </editor-fold>*/
    /* <editor-fold desc="ALERTS / @alert"> */
    /***************************
    /* ALERTS / @alert
    ***************************/

    /* NOTE: alerts use all the same text color. */
    --alert_success: #C4F2A2;
    --alert_success_border: #0B612E;
    --alert_success_txt: #0B612E;

    --alert_info: #92E5F3;
    --alert_info_border: #015992;
    --alert_info_txt: #015992;

    --alert_warning:var(--tertiary);
    --alert_warning_border: var(--accent);
    --alert_warning_icon: var(--alert_warning_txt);

    --alert_danger: #ffd6d2;
    --alert_danger_txt: var(--red);
    --alert_danger_border: var(--red);

    --alert_txt: #111;
    /* </editor-fold> */

    /***************************
     - NO RESULTS / @noresults
    ***************************/
    /* <editor-fold desc="NO RESULTS / @noresults"> */

    --alert_noresults: var(--tertiary);
    --alert_noresults_txt: var(--light_txt);
    --alert_noresults_border: var(--yellow);
    /* </editor-fold> */

    /***************************
     - POPUP / @popup
    ***************************/
    /* <editor-fold desc="POPUP / @popup"> */
    --popup_bg: var(--white);
    --popup_border_radius: 25px;
    --popup_border:1px solid var(--primary_border);
    --close_popup: var(--white);
    --popup: var(--primary); /* bg */ /* duplicated */
    --cookie_bg: var(--custom_1);
    --cookie_txt: var(--primary_txt);
    --cookie_btn: var(--secondary_btn);
    --cookie_btn_txt: var(--secondary_btn_txt);
    --cookie_btn_hover: var(--secondary_btn_hover);
    /* </editor-fold>*/

    /***************************
     - SLIDER / @slider
    ***************************/
    /* <editor-fold desc="SLIDER / @slider">*/
    --pagination_bullet_color: var(--off_white);
    --pagination_bullet_active_color: var(--accent);
    /* </editor-fold>*/

    /* </editor-fold>*/

    /***************************/
    /* <editor-fold desc="5. INNER PAGES / @inner">*/
    /***************************/
    --main_title_bar_bg: var(--accent); /* added _bg */
    --main_title_bar_txt: var(--primary_txt);/* new */
    --main_title_bar_subtxt: var(--twelvenary); /* new */ /* typically this color is like title txt, but slightly darker/lighter */
    --section_title_bar: var(--accent);
    --section_title_bar_txt: var(--primary_txt);/* new */
    --fields_pin_documents_container_bg: var(--white);
    --fields_pin_documents_container_bg_txt: var(--primary_txt);
    --fields_pin_documents_container_bg_selected: var(--accent);/* new */
    --fields_pin_documents_container_bg_txt_selected: var(--primary_txt);/* new */

    --cbox_loaded_content_bg: var(--tertiary);
    --cbox_loaded_content_txt: var(--primary_txt);
    --cbox_close_before_after_bg: var(--white);
    --bs_toggle_filters_up_bg: var(--accent_bg);
    --bs_toggle_filters_up_color: var(--accent_txt);
    /* </editor-fold>*/

    /***************************/
    /* <editor-fold desc="6. PAGES AND MODULES / @pages">*/
    /***************************/

    /***************************
     - LOGIN / @login
    ***************************/
    /* <editor-fold desc="LOGIN / @login">*/
    --login_btn_bg: transparent;
    --login_btn_hover: transparent; /* new */
    --login_btn_txt: var(--primary_txt);
    --login_btn_border: 1px solid var(--white);/* new */
    --login_form: var(--tertiary);
    --login_box_popup: var(--overlay_bg);
    --login_box_form: var(--white);
    --login_box_txt: var(--primary_txt);
    --login_box_border: var(--accent);/* new */
    /*--login_box_button: var(--quinary);*/
    --login_box_close_button: var(--accent);
    --logout_btn: var(--quinary);
    --eye_icon_color: var(--tertiary);
    --wrapper_border_radius: 25px;
    /* </editor-fold>*/

    /***************************
     - MOBILE LOGIN / @mob_login
    ***************************/
    /*
    --mob_login_btn: var(--light);
    --mob_login_btn_txt: var(--secondary_txt);
    --mob_login_box_popup_bg: var(--overlay_bg);
    --mob_login_btn_bg: var(--light);
    --mob_login_title_txt: var(--secondary_txt);
    --mob_close_login_box_popup_bg: var(--secondary);
    --mob_login_btn_bg: var(--accent);
    --mob_login_area_header_bg:var(--secondary);
    --mob_login_box_popup: var(--overlay_bg);
    --mob_login_box_form: var(--quinary);
    --mob_login_box_txt: var(--primary_txt);
    --mob_login_box_button: var(--quinary);
    --mob_login_box_close_button: var(--senary);
    --mob_logout_btn: var(--quinary); */

    /***************************
     - REGISTER / @register
    ***************************/
    /* <editor-fold desc="REGISTER / @register">*/
    --header_register_btn_bg: var(--accent_bg); /* name updated */
    --header_register_btn_txt: var(--primary_txt); /* name updated */

    /* registration journey */
    --registration_btn_hover: var(--quinary);
    --registration_btn_bg: var(--tertiary);/* name updated */
    --registration_btn_txt: var(--secondary_txt);/* name updated */
    --reg_steps_wrapper: var(--septenary);
    --reg_back_btn: var(--septenary); /*new*/
    --reg_radiobox_bg: var(--quinary);
    --reg_radiobox_before_bg: var(--senary);

    --reg_steps: var(--secondary);
    --reg_steps_selected_bg: var(--accent_bg);/* name updated */
    --reg_steps_selected_txt: var(--accent_txt);/* new */
    --registration_table: var(--secondary);
    --registration_title: var(--secondary_txt);
    --registration_title_selected: var(--quinary);
    --reg_sec_divider: var(--tertiary);
    --selected_sec: var(--quinary);

    --registration_wrapper_bg: var(--secondary);/* new */
    --registration_wrapper_txt: var(--primary_txt);/* new */
    /* </editor-fold>*/

    /***************************
    - MOBILE HOME PAGE / @mob_home
   ***************************/
    --mob_home_section_title: var(--light);
    --mob_home_section_item: var(--light);

    /***************************
     - PAYMENTS / @payment
    ***************************/
    /* <editor-fold desc="PAYMENTS / @payment">*/
    --payment_main_bg: var(--fields_pin_documents_container_bg);
    --panel_main_title_bar: var(--tertiary);
    --panel_main_title_bar_txt: var(--secondary_txt);/* new */
    --payment_method_list_link_bg: var(--secondary);
    --payment_method_list_link_txt: var(--primary_txt);/* new */
    --payment_method_list_link_hover_bg: var(--accent);
    --payment_method_list_link_selected_bg: var(--accent_bg);
    --payment_method_list_link_selected_txt: var(--primary_txt);/* new */
    --payment_btn_bg: var(--main_btn);
    --payment_btn_hover_bg: var(--main_btn_hover);
    --deposit_btn_bg: var(--secondary);
    --deposit_btn_selected_bg: var(--accent);
    --currency_holder_bg: var(--quaternary);
    --currency_holder_txt: var(--primary_txt);
    --crypto_currencies_txt: #c9f73c;
    /***************************
     - MOBILE PAYMENTS / @mob_payment
    ***************************/
    --mob_payment_method_list_bg: var(--tertiary);
    --mob_payment_link_selected_bg: var(--quinary);
    --mob_payment_tab_bg: var(--secondary);
    --mob_payment_button_bg: var(--quinary);
    --mob_payment_info_hr_bg: var(--light);
    /* </editor-fold>*/

    /***************************
     - REPORTS / @report
    ***************************/
    /***************************
     - MOBILE REPORTS / @mob_report
    ***************************/
    --mob_datagrid_pagination_row_bg: var(--tertiary);
    --mob_datagrid_th_bg: var(--nonary);
    --mob_datagrid_odd_row_bg: var(--primary);
    --mob_datagrid_even_row_bg: var(--secondary);
    --mob_ajax_bslip_info_bg: var(--nonary);
    --mob_slip_ajax_details_event_bg: var(--custom_2);
    --mob_bslip_det_ajax_bg: var(--tertiary);

    /***************************
     - NOTIFICATIONS / @notification
    ***************************/

    /*--notice_bg: var(--tertiary);*/
    /*--notice_error: #EBD2D3;*/
    --notice_txt_table: var(--primary_txt);
    --notice_txt: var(--tertiary_txt);

    /***************************
     - MESSAGE CENTER / @message
    ***************************/
    /* <editor-fold desc="MESSAGE CENTER / @message">*/
    --msg_bs_legend: var(--white);
    --msg_td_content: inherit;
    --msg_table_header_titles_th: var(--secondary_txt);
    --msg_stat: var(--secondary_txt);
    --forced_msg: var(--primary);
    --forced_msg_txt: var(--primary_txt);
    --msg_center_txt: var(--accent);
    --msg_area_bg: var(--tertiary);
    --msg_tr_border: 1px solid var(--tertiary);
    /***************************
     - MOBILE MESSAGE CENTER / @mob_message
    ***************************/
    --mob_msg_section_title_bg: var(--tertiary);
    --mob_msg_area_bg: var(--tertiary);
    --mob_msg_area_bg_icon: var(--secondary);
    --mob_msg_table_header_titles_th_bg: var(--secondary);
    --mob_msg_stat_bg: var(--secondary);
    --mob_msg_table_row_odd: var(--twelvenary);;
    --mob_msg_table_row_even: var(--secondary);
    --mob_read_msg_btn_bg: var(--quinary);
    --mob_msg_bs_legend_bg: var(--tertiary);
    --mob_msg_bs_legend_txt: var(--secondary_txt);
    --mob_msg_content_bg: var(--primary);
    /* </editor-fold>*/

    /***************************
     - HELP SECTION / @help
    ***************************/
    /* <editor-fold desc="HELP SECTION / @help">*/
    --help_wrap_link: var(--tertiary);
    --help_wrap_link_hover: var(--tertiary_hover);
    --help_wrap_link_hover_select: var(--custom_2);
    --help_wrap_sec_link: var(--tertiary);
    --help_wrap_sec_link_hover: var(--secondary_hover);
    --help_wrap_trd_link_hover: var(--secondary_hover);
    --help_wrap_trd_link: var(--septenary);
    --help_wrap_trd_link_hover: var(--secondary_hover);
    /* </editor-fold>*/
    /***************************/

    /***************************
     - SPORTSBOOK / @sport
    ***************************/
    /* <editor-fold desc="SPORTSBOOK / @sport">*/
    /* -- SPORT LEFT MENU / @sportleft */
    --sports_menu_bg: var(--secondary_bg);
    --sb_menu_title_txt: var(--primary_txt);
    --sec_menu_title_bg: var(--tertiary);
    --sb_blk_sec_bg: var(--secondary_bg);
    --sb_search_form_bg: var(--input_bg);
    --featured_league_links_bg: var(--secondary);
    --menu_date_filter_bg: var(--senary);
    --menu_date_filter_selected_bg: var(--quinary);
    --menu_a_link_bg: var(--secondary);
    --menu_a_link_hover_bg: var(--accent);
    --sports_menu_links_bg: var(--secondary_bg);
    --sports_menu_links_sec_bg: var(--senary);
    --sports_menu_links_trd_bg: var(--septenary);
    --sports_menu_links_trd_hover_bg: var(--quaternary);
    --sports_menu_antepost_heading_bg: var(--senary);
    --sports_menu_size: 42px;
    --league_item_bg: var(--nonary);
    --league_item_bg_hover: var(--accent);
    --sportsbook_container_bg: var(--secondary);
    --sportsbook_title_bg: var(--tertiary);
    --league_odd_sov_bg: rgba(18, 20, 26, 0.5);
    --sb_sportcount_bg: var(--primary);
    --sb_sportcount_bg_hover: var(--primary);
    --sb_sportcount_bg_hover_txt: var(--primary_txt);
    /***************************/
    /* -- SPORT CENTRAL AREA / @sportcenter */
    --title_tr_bt_bg: var(--secondary);
    --title_tr_bt_td_bg: var(--primary);
    --title_tr_sel_bg: var(--secondary);
    --title_tr_sel_bg_2: var(--secondary);
    --odds_table_bg: var(--secondary);
    --odds_table_row_hover_bg: var(--tertiary);
    --sports_odds_button_bg: var(--primary);
    --sports_odds_button_hover_selected_bg: var(--accent);
    --featured_event_stats_bg: var(--secondary);
    --latest_wins_list_bg: var(--secondary);
    --single_event_holder_bg: var(--secondary);
    --single_ev_btc_wrapper_bg: var(--nonary);
    --btc_group_links_bg: var(--tertiary);
    --btc_group_link_bg: var(--primary);
    --btc_group_link_hover_selected_bg: var(--custom_2);
    --btc_bt_links_bg: var(--tertiary);
    --btc_bt_link_bg: var(--black_lighter_transparent_bg);
    --btc_bt_link_hover_selected_bg: var(--custom_2);
    --sportodds_sec_menu_title_bg: var(--tertiary);
    --team_score_bg: var(--tertiary);
    --team_score_txt: var(--custom_light_txt);
    --search_for_bg: var(--secondary);
    --widget_stats_perc_width_bg: var(--quinary);
    --placeholder-sportsbook: var(--placeholder_txt);
    --sports_menu_size: 42px;
    --btc_bt_sub_link_hover_selected_bg: var(--tertiary);
    --sb_swiper_btn: var(--primary);
    --sb_swiper_btn_after: var(--custom_2);
    --sb_swiper_btn_txt: var(--secondary_txt);
    /***************************/
    /* -- SPORT BETSLIP AREA / @sportbetslip */
    --bet_slip_bg: var(--secondary);
    --bslip_slip_tabs_bg: var(--tertiary);
    --bslip_slip_tabs_hover_bg: var(--quinary);
    --place_bet_button_bg: var(--main_btn);
    --place_bet_button_hover_bg: var(--main_btn_hover);
    --new_slip_button_bg: var(--tertiary);
    --new_slip_button_hover_bg: var(--quaternary);
    --no_selections_div_bg: var(--quaternary);
    --slip_sel_row_bg: var(--secondary);
    --slip_sel_row_bg_2: var(--primary);
    --slip_sel_col_clear_bg: var(--white_lighter_transparent_bg);
    --slip_sel_col_clear_hover_bg: var(--quaternary);
    --slip_teams_bg: var(--secondary);
    --bslip_fold_divide_area_bg: var(--tertiary);
    --bslip_folds_header_bg: var(--nonary);
    --mm_win_text_bg: var(--primary);
    --mm_win_val_bg: var(--primary);
    --bslip_ticket_note: rgb(61, 70, 61);
    --bslip_ticket_txt: var(--custom_light_txt);
    /***************************/
    /* -- SPORTLIVE / @sportlive */
    --sports_selector_bg: var(--nonary);
    --sports_selector_link_bg: var(--tertiary);
    --sports_selector_link_selected_bg: var(--accent);
    --slt_holder_bg: var(--primary);
    --ml_event_score_bg: var(--tertiary);
    --header_sport_bt_changer_bg: var(--secondary);
    --bt_links_bt_item_hover_bg: var(--tertiary);
    --inhouse_sport_info_bg: var(--tertiary);
    --single_ev_btc_wrapper_bci_link_bg: var(--primary);
    --single_ev_btc_wrapper_bci_link_selected_bg: var(--accent);
    --single_ev_btc_wrapper_bci_link_hover_bg:var(--primary);
    --single_event_odds_open_bg: var(--secondary);
    --multiview_noevent_bg: var(--secondary);
    --sportscount_bg: var(--tertiary);
    --sportscount_selected_bg: transparent;
    /***************************/
    /* -- SPORT WIDGETS / @widgets */
    --single_event_result_bg: var(--secondary);
    /* </editor-fold>*/

    /***************************
     - MOBILE SPORTSBOOK / @mob_sport
    ***************************/
    --mob_sb_nav: var(--quinary);
    --mob_sb_nav_txt: var(--quaternary_txt);
    --mob_sb_menu: var(--secondary);
    --mob_sb_menu_item: var(--nonary);
    --mob_sb_menu_item_selected: var(--white_lighter_transparent_bg);
    --mob_sb_menu_item_txt_selected: var(--accent);
    --mob_sb_status: var(--tertiary);
    --mob_sb_cat: var(--septenary);
    --mob_sb_cat_selected: var(--primary);
    --mob_sb_cat_txt_selected: var(--primary_txt);
    --mob_menu_date_filter: var(--primary);/*var(--quaternary);*/
    --mob_menu_date_filter_txt: var(--primary_txt);
    --mob_menu_date_filter_selected: var(--accent);
    --mob_sb_menu_leagues: var(--tertiary);
    --mob_sb_menu_leagues_txt: var(--primary_txt);
    --mob_sb_menu_filer_main: var(--secondary);
    --mob_sb_menu_filer_main_txt: var(--primary_txt);
    --mob_sb_filer_submenu: var(--secondary);
    --mob_sb_filer_submenu_txt: var(--primary_txt);
    --mob_sb_sec_title_bg: var(--tertiary);
    --mob_sb_sec_title_bg_txt: var(--primary_txt);
    --mob_sb_odds_section: var(--secondary);
    --mob_sb_stats_title_bg: var(--secondary);
    --mob_sb_stats_title_txt: var(--primary_txt);
    --mob_ev_sel_odd_link: var(--primary);
    --mob_ev_sel_odd_span: var(--primary_txt);
    --mob_ev_sel_odd_link_selected: var(--accent);
    --mob_ev_sel_odd_link_selected_txt: var(--secondary_txt);
    --mob_spn_more_options: var(--primary);
    --mob_single_event_info: var(--secondary);
    --mob_single_ev_btc_wrapper: var(--secondary);
    --mob_single_ev_btc_title: var(--accent);
    --mob_h_bt_sel_bg: var(--secondary);
    --mob_event_type_title: var(--tertiary);
    --mob_event_type_title_txt: var(--primary_txt);
    --mob_event_type_sel: var(--nonary);
    --mob_event_type_sel_div: var(--primary);
    --mob_event_type_sel_txt: var(--primary_txt);
    --mob_event_type_sel_name: var(--primary_txt);
    --mob_event_type_sel_name_odd: var(--accent);
    --mob_event_type_sel_selected: var(--accent_hover);
    --mob_event_type_sel_selected_txt: var(--secondary_txt);
    --mob_antepost_ev_info: var(--primary);
    --mob_event_sel_odd_selected: var(--accent_hover);
    --mob_event_sel_odd_selected_txt: var(--secondary_txt);
    --mob_sb_swiper_btn: var(--primary);
    --mob_sb_swiper_btn_after: var(--custom_2);
    --mob_sb_swiper_btn_txt: var(--secondary_txt);
    /* -- MOBIlE SPORT LEFT MENU / @mob_sportleft */
    --mob_sports_menu_link_bg: var(--secondary);
    --mob_sports_menu_link_sec_bg: var(--tertiary);
    --mob_sports_menu_link_trd_bg: var(--senary);
    --mob_sports_menu_sportcount_bg: var(--tertiary);
    --mob_title_tr_mobile_bg: var(--primary);
    --mob_ev_name_date_bg: var(--secondary);
    --mob_bt_group_holder_bg: var(--quinary);
    --mob_bci_link_bg: var(--tertiary);
    --mob_bci_link_selected_bg: var(--quinary);
    --mob_league_odd_group_item_bg: var(--tertiary);
    --mob_league_odd_group_item_selected_bg: var(--quinary);
    --mob_search_field_mobile_bg: var(--senary);
    --mob_sports_search_field_bg: var(--senary);
    --mob_live_event_time_i_bg: var(--light);
    --mob_sb_menu_sec_area_bg: var(--black_dark_transparent_bg);
    --mob_bs_overlay_bg: var(--primary);
    /* -- MOBILE SPORT BETSLIP AREA / @mob_sportbetslip */
    --mob_betslip_bottom_bar_bg: var(--quinary);
    --mob_betslip_bottom_bar_sel_bg: var(--senary);
    --mob_bs_title_bg: var(--tertiary);
    --mob_bslip_slip_tabs_bg: var(--secondary);
    --mob_bslip_selection_tbl_tr_bg: var(--nonary);
    --mob_bslip_selection_txt: var(--custom_light_txt);
    --mob_bslip_info_area_bg: var(--quinary);
    --mob_bslip_info_txt: var(--primary_txt);
    --mob_slip_sel_col_clear_bg: var(--septenary);
    --mob_bslip_folds_header_td_bg: var(--secondary);
    --mob_slip_stake_area_bg: var(--primary);
    --mob_mm_win_text_bg: var(--quinary);
    --mob_clear_bslip_btn: var(--main_btn);
    --mob_clear_bslip_btn_txt: var(--main_btn_txt);
    --mob_place_bet_btn: var(--main_btn);
    --mob_place_bet_btn_txt: var(--main_btn_txt);
    /* -- MOBILE SPORTLIVE / @mob_sportlive */
    --mob_toogle_sportslive_menu_bg: var(--black_middle_transparent_bg);
    --mob_sports_menu_bg: var(--primary);
    --mob_sportslive_menu_bg: var(--primary);
    --mob_live_event_time_i_bg: var(--senary);
    --mob_sb_l_title_bg: var(--secondary);
    --mob_slt_holder_bg: var(--primary);
    --mob_title_tr_bt_td_bg: var(--primary);
    --mob_title_tr_sel_td_bg: var(--primary);
    --mob_btsov_bg: var(--secondary);
    /***************************/
    /* -- SPORT WIDGETS / @widgets */
    --single_event_result_bg: var(--secondary);

    /***************************
     - BONUSES / @bonus
    ***************************/
    /* <editor-fold desc="BONUSES / @bonus">*/
    --bonuses_fields_container_bg: var(--secondary);
    --bonuses_fields_container_after_bg: var(--transparent_46);
    --product_wagering_box_label_bg: var(--tertiary);
    --wagering_perc_bg: var(--quinary);
    --bonus_accent_bg: var(--senary);
    --bonus_accent_txt: var(--accent);
    --bonus_secondary_bg: var(--tertiary_btn);
    --bonus_secondary_txt: var(--tertiary_btn_txt);
    --bonus_filter_border: var(--quaternary_border);
    --bonus_counter: var(--tertiary_btn);
    --bonus_counter_txt: var(--tertiary_btn_txt);
    --wage_actual: var(--tertiary_btn);
    --wage_actual_txt: var(--tertiary_btn_txt);
    --wage_potential: var(--tertiary_btn);
    --wage_potential_txt: var(--tertiary_btn_txt);
    /***************************
     - MOBILE BONUSES / @mob_bonus
    ***************************/
    --mob_bonus_item_bg: var(--tertiary);
    --mob_bonus_program_user_item_bg: var(--tertiary);
    --mob_product_wagering_box_bg: var(--secondary);
    --mob_product_wagering_box_th_bg: var(--secondary);
    --mob_bs_alternate_table_tr_even_bg: var(--tertiary);
    --mob_wagering_perc_bg: var(--quinary);
    /* </editor-fold>*/

    /***************************
     - CASINO / @casino
    ***************************/
    /* <editor-fold desc="CASINO / @casino">*/
    --lobby_btn_bg: var(--tertiary);
    --lobby_btn_txt: var(--secondary_txt);/* new T34 */
    --lobby_btn_txt_hover: var(--secondary_txt);/* new T34 */
    --lobby_btn_border_color: var(--primary_border); /* new T34 */
    --lobby_btn_sticky_bg: var(--tertiary);
    --lobby_btn_sticky_txt: var(--secondary_txt); /* new */

    --main_bar_container_bg: var(--tertiary);
    --filters_container_bg: var(--tertiary);
    --filters_container_txt: var(--white); /* new */
    --filters_container_hover_bg: rgba(255,255,255, .2); /* new */
    --filters_container_hover_txt: inherit; /* new */ /* can be restored to customise */ /* can be restored to customise */

    --filter_button_bg: var(--tertiary);
    --filter_button_txt: var(--secondary_txt);
    --filter_button_border: var(--accent);

    --casino_common_menu_prev_next_bg: var(--accent);
    --casino_common_menu_prev_next_txt: var(--tertiary);
    --casino_common_menu_selected_txt: var(--primary_txt);
    --casino_sections_menu_bg: var(--white);
    --casino_sections_menu_txt: var(--primary_txt);
    --casino_sections_border_color: var(--quaternary_border); /* to be removed */ /* to be removed */ /* to be removed */
    --casino_sections_menu_hover_bg: var(--accent); /* renamed from --casino_sections_swiper_slide_hover_bg*/
    --casino_sections_menu_hover_txt: var(--primary_txt);/* renamed from --casino_sections_swiper_slide_hover_color */

    --casino_providers_menu_bg: var(--secondary);
    --casino_providers_menu_txt: var(--primary_txt);
    --casino_providers_menu_hover_bg: var(--tertiary); /* renamed from --casino_providers_swiper_slide_hover_selected_bg */
    --casino_providers_menu_hover_txt: var(--white); /* new and renamed from --casino_providers_swiper_slide_hover_selected_txt */ /* removed */ /* removed */ /* removed */

    --casino_games_prev_next_btn_bg: var(--accent);
    --casino_prev_next_btn_bg: var(--accent);
    --casino_games_prev_next_btn_txt: var(--primary_txt);
    --casino_section_span_after: var(--accent);

    --casino_search_container_bg: var(--white);
    --casino_filter_button_bg: var(--secondary);
    --casino_sections_container_bg: var(--primary);
    --providers_container_bg: var(--primary);
    --casino_filters_menu_bg: var(--tertiary);
    --providers_toggle_btn_bg: var(--tertiary);
    --providers_dropdown_nav_bg: var(--secondary);
    --providers_dropdown_link_bg: var(--primary);
    --providers_dropdown_link_hover_bg: var(--quaternary);
    --providers_dropdown_link_selected_bg: var(--septenary);/* new */
    --total_games_count_bg: var(--accent);
    --total_games_count_txt: var(--primary_txt);
    --games_item_container_bg: var(--white);
    --preloader_bg: var(--primary);
    /* </editor-fold>*/

    /***************************
     - MOBILE CASINO / @mob_casino
    ***************************/
    /*
    --mob_casino_search_container_bg: var(--secondary);
    --mob_filter_button_bg: var(--secondary);
    --mob_casino_sections_container_bg: var(--tertiary);
    --mob_providers_container_bg: var(--secondary);
    --mob_casino_filters_menu_bg: var(--tertiary);
    --mob_providers_toggle_btn_bg: var(--tertiary);
    --mob_providers_nav_dropdown_link_bg: var(--tertiary);
    --mob_providers_nav_dropdown_hover_link_bg: var(--senary);
    --mob_total_games_count_bg: var(--quinary); */
    --mob_casino_nav: var(--quinary);
    --mob_casino_nav_txt: var(--quaternary_txt);
    --mob_providers_toggle_btn_bg: var(--tertiary);
    --mob_providers_toggle_btn_txt:var(--secondary_txt);
    /***************************
     - VIRTUALS / @virtual
    ***************************/
    /* <editor-fold desc="VIRTUALS / @virtual">*/
    --virtuals_menu_hover_selected_bg: var(--quinary);
    --virtuals_menu_icon_bg: var(--tertiary);
    --virtuals_menu_selected_icon_bg: var(--quinary);
    /* </editor-fold>*/

    /***************************
     - MOBILE VIRTUALS / @mob_virtual
    ***************************/
    --mob_virtuals_menu_li_hover_selected_bg: var(--quinary);
    --mob_virtuals_menu_li_icon_bg: var(--black);
    --mob_virtuals_menu_li_icon_hover_selected_bg: var(--light);

    /***************************
     - PROMOTIONS / @promo
    ***************************/
    /* <editor-fold desc="PROMOTIONS / @promo">*/
    --promotion_title_bg: var(--tertiary);
    --promotion_title_txt: var(--custom_light_txt);
    --promo_desc_txt: var(--light_txt);
    --promotion_title_before_bg: var(--quinary);
    --promotion_container_bg: var(--tertiary_bg);
    --promo_btn_bg: var(--main_btn);
    --promo_btn_color: var(--main_btn_txt);
    --promo_btn_hover_bg: var(--main_btn_hover);
    /***************************
     - MOBILE PROMOTIONS / @mob_promo
    ***************************/
    --mob_promotion_container_bg: var(--tertiary);
    --mob_promotion_btn_bg: var(--quinary);
    --mob_promotion_btn_hover_bg: var(--quinary_hover);
    /* </editor-fold>*/
    /* </editor-fold>*/



    /***************************/
    /* <editor-fold desc="7. ASSETS AND INCLUDES">*/
    /***************************/

    /***************************
     - FONTS / @fonts
    ***************************/
    /* <editor-fold desc="FONTS / @fonts">*/
    --default_font: "Poppins", sans-serif;
    --primary_font: "Poppins", sans-serif;
    --secondary_font: "Poppins", sans-serif;

    --default_font_size: 16px; /* basic font size */
    --ratio: 1.333; /* use: multiply/divide --font_size by this ratio */
    --header_font_size_smaller: calc(var(--default_font_size) / var(--ratio));
    --table_font_size_smaller: calc(var(--default_font_size) / var(--ratio));
    /* </editor-fold>*/

    /***************************
     - IMAGES / @img
    ***************************/
    /* <editor-fold desc="IMAGES / @img">*/
    --logo: url(/images/logo.png?v=4.0.1);
    --logo_login: url(/images/logo_lg.png?v=4.0.1);
    --logo_login_dark: url(/images/logo_lg_dark.png?v=4.0.1);
    --footer_logo: url(/images/logo.png?v=4.0.1);/* new */
    --xmas_logo: url(/images/xmas_logo.png?v=2.0.1);
    --xmas_logo_dark: url(/images/xmas_logo_dark.png?v=2.0.1);
    /* </editor-fold>*/

    /***************************
     -- SOCIAL / @social
    ***************************/
    /* <editor-fold desc="SOCIAL / @social">*/
    --fb: url(/media/images/icons/social/fb.svg?v=1);
    --instagram: url(/media//images/icons/social/ig.svg?v=1);
    --x: url(/media//images/icons/social/tw.svg?v=1);
    --youtube: url(/media//images/icons/social/yt.svg?v=1);
    --telegram: url(/media//images/icons/social/tg.svg?v=1);
    --tiktok: url(/media//images/icons/social/tt.svg?v=2);
    --kw: url(/media//images/icons/social/kw.svg?v=2);
    --tch: url(/media//images/icons/social/tch.svg?v=2);
    --linkedin: url(/media//images/icons/social/ln.svg?v=1);
    --whatsapp: url(/media//images/icons/social/wa.svg?v=1);
    /* </editor-fold>*/

    /***************************
 -- MOBILE ICONS / @mobicons
***************************/
    /* <editor-fold desc="MOBILE ICONS/ @mobicons">*/
    --top_menu_sports: url(/media/brands/87/mobile/images/menu_icons/sports.svg?v=2);
    --top_menu_sports_live: url(/media/brands/87/mobile/images/menu_icons/live_sports.svg?v=2);
    --top_menu_casino: url(/media/brands/87/mobile/images/menu_icons/video_slot.svg?v=2);
    --top_menu_crashgames: url(/media/brands/87/mobile/images/menu_icons/crashgames.svg?v=2);
    --top_menu_casino_live: url(/media/brands/87/mobile/images/menu_icons/live_casino.svg?v=2);
    --top_menu_esports: url(/media/brands/87/mobile/images/menu_icons/esports.svg?v=2);
    --top_menu_virtuals: url(/media/brands/87/mobile/images/menu_icons/virtuals.svg?v=2);
    --top_menu_promotions: url(/media/brands/87/mobile/images/menu_icons/promotions.svg?v=2);
    /* </editor-fold>*/

    --icon_calendar: url(/images/calendar.png?v=4);
    --tick_icon: url(/images/tick.png?v=2);


    --side_menu_txt: var(--primary_txt);
    --side_menu_border_bottom: 1px solid var(--quaternary_border);
    --bonus_info_bg: var(--tertiary);
    --bonus_info_radius: 20px;
    --bonus_info_txt: var(--secondary_txt);
    --bonus_item_info_bg: var(--accent_bg);
    /***************************
     - OTHER ASSETS @other
    ***************************/
    /* </editor-fold>*/
}