:root{
    /*quickdeposit variables*/
    --mainRed: #F9453D;
    --selection-color: #28364b;
    --selection-hover: #202b3b;
    --selection-inactive: #121820;
    --quickdeposit-button-font-color:white;
    --text-shadow:#00000075;
    --quickdeposit-background:#0e131a;
    --quickdeposit-selected-color: #0D0A00;
    --small-text:#848484;
    --deposit-button-color: #008000;
    --font-size-button:1.5em;
    --top-margin-button:2em;
    --border-radius-button:0px;
    --cashier-mobile-top-gap:0 auto;
    --cashier-desktop-top-gap: 0 auto;
    --line-space-color:#8484847e;
    --background-quickdeposit:#2D2D2D;
    --border-radius: 5px;

    /* popups variables */  
    --close-bg: #000000;
    --contentBox-bg: #000000;
    --counter-num-bg: #000000;
    --mainContent-bg: linear-gradient(180deg,#000000,#3F3F3F);
    --button-bg: #ffbe31;
    --button-color: rgb(7,16,25);
    --button-hover-bg: #ffffff;
    --button-hover-color: rgb(7,16,25);
    --font-family: "Roboto", sans-serif !important;
    --border-btn: none;
    --border-radius-btn: 0px;

    /*tournament variables*/
    --tournament-theme-back-color: #ffbe31;
    --tournament-theme-back-gradient: #ffbe31;
    --tournament-theme-front-color: #fff;
    --tournament-dark-color: #000;
    --tournament-light-color: #fff;
    --tournament-highlight-color: #ffbe31;
    --tournament-active-color: #000;
    --tournament-back-color:#0e131a;
    --tournament-back-color-lighter:#142433;

    /*unsubscribe form variables*/
    --unsubscribe-title-margin: 20px 0;
    --unsubscribe-input-back-color: rgba(7, 16, 25, 0.9);
    --unsubscribe-input-border-bottom: 2px solid #fff;
    --unsubscribe-input-text-color: #fff;
    --unsubscribe-form-padding: 20px 10px;
    /* custom pages variables */
    --heading: #ffbe31;
    --terms-color: #ffbe31;

    /* myaccount variables */
    --font-family-my: "Roboto", sans-serif !important;
    --h1-font-family-my: sans-serif !important;
    --h1-font-size-my: 24px;
    --h1-line-height-my: 28px;
    --h1-text-transform-my: none;
    --bg-color-my: #02080D;
    --h1-color-my: #ffffff;
    --button-hover-bg-my: #ffffff;
    --border-radius-my: 4px;
    --back-btn-my: #ffbe31;
    --border-btn-my: none;
    --input-bg-my: #172232;
    --label-color-my: #738FAA;
    --input-color-my: #ececec;
    --label-bg-my: #848484;
    --phone-error-my: #452f2f;
    --input-opacity-my: 0.3;
    --input-opacity-color-my: #222528;
    --gender-after-my: #ffffff;
    --country-bg-my: #222528;
    --country-color-my: #ececec;
    --country-option-my: #ffffff;
    --filled-color-my: #ececec;
    --select-bg-my: #F5F5F5;
    --select-color-my: #738FAA; 
    --input-color-my: #F5F5F5;
    --input-colorfilled-my: #F5F5F5;
    --input-link-my: #FFBE31;
    --input-font-family-my: "Roboto",sans-serif!important;
    --input-border-radius-my: 6px;
    --input-border-my: 1px solid #42576C;
    --input-error-border-my: 1px solid #EE544E;
    --input-padding: 12px 10px;
    --section-divider-bg-my: #25313D;
    --block-bg-my: #0C1926;
    --block-blur-my: blur(16px);
    --option-color-my: #F5F5F5;
    --placeholder-my: #738FAA;
    --tab-btn-bg-my: #07101A;
    --tab-btn-color-my: #42576C;
    --popup-transactions-bg-my: #0C1926;
    --transaction-btn-bg-my: #172232;;
    --transaction-btn-border-my: #42576C;
    --loader-balance-bg-my: #0C1926;
    --row-transactions-bg-my: #09141F;
    --scrollbar-track-my: #09141F;
    --scrollbar-thumb-my: #42576C;
    --upload-pic-btn-bg-my: #172232;
    --upload-pic-btn-border-my:#42576C;
    --upload-btn-span-my:#f5f5f5;
    --popup-bg-my: rgba(10, 2, 5, 0.60);
    --border-predefined-img-my: #598EC4;
    --border-predefined-img-shadow-my: rgba(89, 142, 196, 0.50);
    --avatar-pencil-bg-my: #09141F;
    --btn-transactions-color-my: #F5F5F5;
    --button-my: #FFBE31;
    --btn-color-my: #071019;
    --btn-color-hover-my: #071019;
    --submit-info-my: #F5F5F5;
    --checkbox-checked-color-my: #FFBE31;
    --row-info-span-color-my: #FFBE31;
    --transactions-title-color-my: #F5F5F5;
    --transactions-text-color-my: #42576C;
    --contact-support-link: #FFBE31;
    --select-color-checked-my: #F5F5F5;
    --input-border-active-my: 1px solid #738FAA;

    /* draw tournaments variables */
    --draw-tournament-bg: linear-gradient(180deg, #0e131a 0%, #111 22.5%, #1A1A1A 34%, #262626 50.5%, #1C1C1C 63.5%, #111 77.5%, #0e131a 100%);
    --draw-tournament-separator-color: linear-gradient(180deg, rgba(236, 25, 25, 0.00) 0%, #FFD300 50.5%, rgba(236, 25, 25, 0.00) 100%);
    --tour-color-1: #F2B01F;
    --tour-color-2: #FFBE31;
    --tour-color-3: #EDAF27;
    --tour-color-4: #E4A519;
    --tour-color-5: #C28B0F;
    --tour-color-6: #A87910;
    --tour-color-7: #372B1A;
    --tour-color-border: #FFD300;

    /* modal variables */
    --modal-border: 1px solid #425468;
    --modal-border-radius: 4px;
    --modal-background: #07101A;
    --modal-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.08);
    --modal-overlay-color: rgba(6, 21, 33, 0.60);
    --modal-circle-background: #25313D;
    --modal-active-dot: #738FAA;
    --modal-dot-color: #25313D;

    --modal-line-color: #BCC3CA;
    --modal-title-color: #F5F5F5;
    --modal-description-color: #BCC3CA;
    --modal-description-highlight-color: #FFBE31;
    --modal-link-color: #FFBE31;
    --modal-title-font: "Roboto", sans-serif;
    --modal-description-font: "Roboto", sans-serif;
    --modal-text-underline-color: #F5F5F5;

    --modal-primary-button-color: #0F1013;
    --modal-primary-button-background-color: #FFBE31;

    --modal-secondary-button-color: #F5F5F5;
    --modal-secondary-button-background-color: #0C1926;
    --modal-secondary-button-border: 1px solid #697787;

    --modal-button-font: "Roboto", sans-serif;
    --modal-button-border-radius: 4px;
    
    --modal-counter-color: #FFBE31;
    --modal-counter-background-color: #172232;
    --modal-counter-font: "Roboto",sans-serif;
    --modal-counter-font-size: 16px;

    --modal-outlined-button-color: #F5F5F5;
    --modal-outlined-button-background-color: #0C1926;
    --modal-outlined-button-border: 1px solid #697787;

    --modal-terms-separator-color: #25313D;
    --modal-scrollbar-thumb-color: #25313D;
    --modal-scrollbar-background-color: transparent;

    --notification-banner-background-color: #07101A;
    --notification-banner-text-color: #F5F5F5;
    --notification-banner-button-color: #F5F5F5;
    --top-position-desk: 71px;
    --top-position-mob: 59px;
    --border-color-notice: #25313D;
    
    /* Page loader variables */

    --page-loader-bg: #FFBE31;
}