:root {
  --blue: #20a8d8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #f86c6b;
  --orange: #f8cb00;
  --yellow: #ffc107;
  --green: #4dbd74;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #73818f;
  --gray-dark: #2f353a;
  --light-blue: #63c2de;
  --primary: #20a8d8;
  --secondary: #c8ced3;
  --success: #4dbd74;
  --info: #63c2de;
  --warning: #ffc107;
  --danger: #f86c6b;
  --light: #f0f3f5;
  --dark: #2f353a;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --topHeaderColor: linear-gradient(-180deg, #315195 0%, #14213d 100%);
  --loginButtonColor: linear-gradient(-180deg, #f72424 0%, #bb1c00 100%);
  --menuColor: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --sportMenuHead: linear-gradient(-180deg, #315195 0%, #14213d 100%);
  --sportHeadColor: #a4dc60;
  --highlistFirstBG: linear-gradient(#4f9f21 0, #a4dc60 80%);
  --highlistSecondBG: linear-gradient(#a4dc60 0, #4f9f21 100%);
  --highlistTextColor: #000000;
  --tabColor: linear-gradient(180deg, #2a3a43 27%, #1c282d 83%);
  --openBetBG: linear-gradient(-180deg, #17141a 0%, #243a48 82%);
  --highlightMobileBG: linear-gradient(-180deg, #17141a 0%, #243a48 82%);
  --btnColor: linear-gradient(-180deg, #315195 0%, #14213d 100%);
  --loginBGColor: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --outerMenuColor: #000000;
  --outerMenuActiveColor: #ffffff;
  --newsColor: linear-gradient(180deg, #2a3a43 27%, #1c282d 83%);
  --headRefreshPS: -80px -1825px;
  --headAccountPS: 0 -825px;
  --openBetTextColor: #003b03;
  --warning: #2f353a;
  --primary: #315195;
  --errorcolor: #ffffff;
  --settingtopCloseColor: #000000;
  --logoHeadMargin: -20px;
  --horse-tabcolor: #a4dc60;
  --kvWidth: 250px;
  --gamblingbg: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --mblMenuActiveBg: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --mblMenuAvtiveColor: #ffffff;
  --loginPopupcolor: #000000;
  --mrLogoMbl: -42.53333vw;
  /* --loginSideImg: #ffffff url(loginside.0a6108e….jpeg) no-repeat;
    --loginCurveImg: url(login-bg.dcd010a….png); */
  --menuColormbl: var(--menuColor);
  --outerMenuColorMbl: var(--outerMenuColor);
  --myAccountcolor: #ffffff;
  --primary-bg: #315195;
  --primary-bg-image: linear-gradient(#315195, #315195);
  --primary-border: #315195;
  --primary-btn-image: linear-gradient(-180deg, #315195 0%, #14213d 100%);

  --loader-bg: #444;

  --tab-bg: #045662;
  --black-text: #fff;
  --filter-bg: #03334a;

  --lp-primary: #333;
  --lp-btn-img: linear-gradient(-180deg, #000, #232323);
  --lp-gradient: #444;
  --lp-box: #fff;
  --header-bg: #18b0c8;
  --lp-checked: #045662;

  --black-text-login: #000;
  --primary-bg-subheader: #18b0c8;
  --login-btn-color: #fff;
  --login-cross-bg: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --login-cross-color: black;
  --mbl-filter-tab-text: #ffffff;
  --mbl-filter-tab-border: #000000;
  --mbl-filter-tab-active-bg: linear-gradient(#a4dc60 0%, #4f9f21 100%);
  --mbl-filter-tab-active-text: #000000;
  --mbl-filter-tab-active-border: #000000;
  --nav-link-item-color: #ffffff;
  --menu-right-text: #ffb80c;
  --login-box-body-background: linear-gradient(#362f3d, #000 80%);
  --header-bets-btn-background: #233a6b;
  --bottom-nav-bg: #243a48;
  --cashout-icon-bg: #4f9f21;
  --cashout-icon-text: #fff;
   --create-btn-bg: #00bcd4;
  --create-btn-text: #fff;
}