/* DS 25/06/21 */

:root {
    /*global font*/
    --c-font:Asty;
    --c-global-icon-spritesheet: url(/v1.063/r/images/in2bet/icons/v3/spritesheet_test.svg);
    --c-global-sports-spritesheet:url(/v1.050/r/images/in2bet/icons/v3/sports_spritesheet.svg);
    /*Logo*/
    --c-logo-size: 120px;
    --c-logo-size-mobile: 108px;
    --c-mobile-padding:10px;
    /*Header size*/
    --c-header-top: 66px;
    --c-header-bottom:30px;
    --c-header-mobile:calc(66px + var(--c-mobile-padding));
    --c-botton-nav-height:70px;
    --c-odd-width:48px;
    --c-odd-gutter: 4px;
    --c-market-gutter:1vw;

    /*Sidebars */
    --c-l-sidebar-min:180px;
    --c-l-sidebar-max: 180px;
    --c-l-collapsed-sidebar-min:50px;
    --c-l-collapsed-sidebar-max:50px;
    --c-r-sidebar-min:390px;
    --c-r-sidebar-max:400px;
    --c-l-sidebar-match-min:320px;
    /*Icons*/
    --c-icon-width: 20px;
    /*Odds*/
    --c-primary: #3c3c3c; /**/
    --c-primary-b: #333333; /**/
    --c-primary-c: #2e2e2e; /**/
    --c-primary-d: #262626; /**/
    --c-emphasis: #EF7622; /**/
    --c-emphasis-b:#d66f00; /**/
    --c-emphasis-c:#ad5a00; /**/
    --c-paper: #D0DAE2; /**/
    --c-background: #1d1d1d; /**/
    --c-shade: rgba(0, 0, 0, 0.16); /**/
    --c-shade-b: rgba(0, 0, 0, 0.24); /**/
    --c-tint: rgba(255, 255, 255, 0.08); /**/
    --c-tint-b: rgba(255, 255, 255, 0.24); /**/
    /* Helper Colors */
    --c-black: magenta;
    --c-black-e: magenta; /**/
    --c-white: magenta; /**/
    --c-white-e: magenta; /**/
    --c-text-dark-5: rgba(0, 0, 0, 0.5);
    --c-text-dark: rgba(0, 0, 0, 0.75); /**/
    --c-text-dark-e: #000000; /**/
    --c-text-light: rgba(255, 255, 255, 0.7); /**/
    --c-text-light-e: #ffffff; /**/
    --c-yellow: #f8ed6f; /**/
    --c-green: #18A460; /**/
    --c-green-b: rgba(24, 164, 96, .3); /**/
    --c-red: #ff0b24; /**/
    --c-red-b: rgba(255, 11, 36, .3); /**/
    --ds-1p: 0 1px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-2p: 0 2px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-2p-top: 0 -1px rgba(8, 14, 22, 0.08), 0 2px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-button: inset 0 1px rgba(255, 255, 255, 0.04), 0 1px rgba(8, 14, 22, 0.08), 0 1px 4px rgba(8, 14, 22, 0.08); /* Button Shine and Shadow */
    --b-border: solid 1px var(--c-tint); /**/
    --b-border-b: solid 1px var(--c-tint-b); /**/
    --r: 5px; /**/
    --r-top: 4px 4px 0 0; /**/
    --r-bottom: 0 0 4px 4px; /**/
    --r-b: 4px; /**/
    --r-c: 8px; /**/
    --scrollbar-thumb-active: var(--c-emphasis);
    --scrollbar-thumb: var(--c-primary-c);
    --scrollbar-track: var(--c-background);
    --c-background: rgba(1, 37, 62, 1);
    --c-coupon-background:#031725;
    --c-background-table:#031E31;
    --c-site-shade-1:rgb(13 153 255 / 10%);
    --c-site-shade-2:rgb(13 153 255 / 30%);
    --c-site-shade-3:rgb(13 153 255 / 20%);
    --c-site-shade-5:rgb(13 153 255 / 50%);
    --c-section-buttons:#04243B;
    --c-buttons-price:#042F4E;
    --c-header-background:#063E66;
    --c-help-icons:#0962A2;
    --c-action:#0D99FF;
    --c-text:#D9D9D9;
    --c-light-color:#C5D4DF;
    --c-betslip-tabs: #031D2F;
    /* WHAT IS THE OTHER BORDER COLOUR??? */
    /* --c-betslip-border:#BBC8D1; */
    --c-betslip-background:#D0DAE2;
    --c-betslip-color:#F2F2F2;
    --c-betslip-border:#A0D2F6;
    --c-betslip-font:#1D1D1B;
    --c-betslip-btns-background: #0D99FF;
    --c-linear-gradient-1: linear-gradient(90deg, #0962A2 0%, #063E66 100%);
    --c-linear-gradient-2: linear-gradient(180deg, #0962A2 0%, #03243C 100%);
    --c-linear-gradient-3: linear-gradient(90deg, rgba(6, 62, 102, 0.9) 0%, rgba(13, 153, 255, 0.9) 100%);
    --c-linear-gradient-4:linear-gradient(90deg, #0962A2 0%, #0D99FF 100%);
    --c-accent-color: rgba(239, 118, 34, 1);
    --c-brand-color-20: rgba(239, 118, 34, 0.2);
    --c-off-white:#F4F4F4;
    --c-background-white: rgba(255, 255, 255, 1);
    --c-background-dark-blue: rgba(6, 62, 102, 0.1);
    --c-background-white-80:rgba(255, 255, 255, 0.8);
    --c-background-white-50:rgba(255, 255, 255, 0.5);
    --c-background-white-30:rgba(255, 255, 255, 0.3);
    --c-background-white-20:rgba(255, 255, 255, 0.2);
    --c-background-white-10:rgba(255, 255, 255, 0.1);
    --c-background-white-05:rgba(255, 255, 255, 0.05);
    --c-brand-color: rgba(9, 98, 162, 1);
    --c-text-dark-blue: rgba(6, 62, 102, 1);
    --c-background-extra-dark-blue: rgba(1, 37, 62, 1);
    --c-dark-blue: rgba(6, 62, 102, 1);
    --c-dark-blue-05:rgba(6, 62, 102, 0.05);
    --c-dark-blue-10:rgba(6, 62, 102, 0.1);
    --c-dark-blue-20:rgba(6, 62, 102, 0.2);
    --bg-match-image:var(--c-linear-gradient-2);
    --r-5:5px;
    --r-10:10px;
    --r-20:20px;
    --r-50:50px;
    --t-small-text-bold: 700 12px / 15px var(--c-font), sans-serif;
    --t-small-text-normal: 400 12px / 15px var(--c-font), sans-serif;
    --t-body-bold:700 16px / 19px var(--c-font), sans-serif;
    --t-body-text:400 16px / 19px var(--c-font), sans-serif;
    --t-h3:400 20px / 23px var(--c-font), sans-serif;
    --t-h1:400 32px / 37px var(--c-font), sans-serif;
    --t-h2:400 24px / 29px var(--c-font), sans-serif;
    --t-tiny-text:400 10px / 11px var(--c-font), sans-serif;
     --t-tiny-text-bold:700 10px / 11px var(--c-font), sans-serif;
}