body {
  margin: 0;
}

/*

NOTE: by editing this file you will change all the themes and clients that are using this formula!
Please verify that your changes do not break themes that are using this formula.

NOTE: this file is processed by the custom team colors subsystem to assemble a
JavaScript function that recomputes colors based on custom $home and $away
team colors. Currently only colors specified with #rgb, #rgba, #rrggbb,
#rrggbbaa, rgb(), rgba(), and mix() are recognized. To use other SCSS functions
they must first be implemented in /src/utils/scssCompiler/functions.js (compile-time
support) and /src/utils/teamColors/utils.js (run-time support).

#TABLE OF CONTENTS:

1 1st level variables

2 middle level variables

3 low level variables
    3.1 common variables
    3.2 chart / svg variables
    3.3 sport specific variables
        3.3.1 soccer variables
    3.4 image variables
*/
/*
=================================================================
1. VARIABLES
=================================================================

-----------------------------------------------------------------
1 1st level VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
2 MIDDLE LEVEl VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3 LOW LEVEl VARIABLES
- one on one mapping between these variables and properties
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.1 COMMON VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.2 SPORT SPECIFIC VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.2.1 SOCCER VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.2.2 NFL VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.2.3 MLB VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.3 CHART / SVG VARIABLES
-----------------------------------------------------------------
*/
/*
-----------------------------------------------------------------
3.4 IMG VARIABLES
-----------------------------------------------------------------
*/
/*

THEMING
=================================================================

IMPORTANT: DO NOT MODIFY THIS FILE WITHOUT CONSULTING WITH OTHER DEVELOPERS!!!

NOTE: this file is processed by the custom team colors subsystem to assemble a
JavaScript function that recomputes colors based on custom $home and $away
team colors. Currently only colors specified with #rgb, #rgba, #rrggbb,
#rrggbbaa, rgb(), rgba(), and mix() are recognized.
To use other SCSS functions they must first be implemented in
/src/utils/scssCompiler/functions.js (compile-time support) and
/src/utils/teamColors/utils.js (run-time support).
Currently only the @if SCSS conditional is supported. To support other
SCSS statements, such as @else, @for, etc., the SCSS parser and interpreter
in /src/utils/scssCompiler/statements.js and /src/utils/scssCompiler/parser.js
must first be made to support it.
SCSS value interpolation is currently not supported.
Currently only a preset set of selectors is processed for home and away color
variations based on custom team colors. If the names or number of such selectors
changes, then homeAwayClassPairs list in /src/utils/teamColors/scssHandling.js
must be fixed accordingly.

Resources:
- which class you need to use? check building block "collage"
- theory? SCSS-README.md

#TABLE OF CONTENTS:
1 common theming classes
2 sport specific classes
    2.1 soccer classes
    2. NFL classes
3 chart / svg classes
4 image classes
*/
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext");
/*
    =================================================================
    2. CLASSES
    =================================================================

    -----------------------------------------------------------------
    1 COMMON THEMING CLASSES
    -----------------------------------------------------------------
    */
.sr-bb {
  font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial",
    sans-serif;
  background: none;
}
.sr-bb .sr-bb {
  background: none;
}
.sr-bb .srt-base-1 {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-2 {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-primary {
  background-color: #ffffff;
  color: #af8827;
  border-color: #a78025;
}
.sr-bb .srt-base-1-home-1 {
  background-color: #ffffff;
  color: #e7ab23;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-away-1 {
  background-color: #ffffff;
  color: #503f32;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-home-2 {
  background-color: #ffffff;
  color: #e7ab23;
  border-color: #885d11;
}
.sr-bb .srt-base-1-away-2 {
  background-color: #ffffff;
  color: #503f32;
  border-color: #885d11;
}
.sr-bb .srt-base-1-home-3 {
  background-color: #ffffff;
  color: #e7ab23;
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-away-3 {
  background-color: #ffffff;
  color: #503f32;
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-home-4 {
  background-color: #ffffff;
  color: #e7ab23;
  border-color: #f1bd62;
}
.sr-bb .srt-base-1-away-4 {
  background-color: #ffffff;
  color: #503f32;
  border-color: #f6d499;
}
.sr-bb .srt-base-1-home-5 {
  background-color: #ffffff;
  color: #e7ab23;
  border-color: #996814;
}
.sr-bb .srt-base-1-away-5 {
  background-color: #ffffff;
  color: #503f32;
  border-color: #9d7d47;
}
.sr-bb .srt-base-1-background {
  background-color: white;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2 {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-active {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3 {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-active {
  background-color: #fcf0db;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #fcf0db;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-background {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-4 {
  background-color: #fefaf4;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-active {
  background-color: #fae6c5;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #fae6c5;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-1 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-1-is-active {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-1-is-disabled {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-2 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-3 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-4 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-5 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-6 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-7 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-8 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-8-is-active-1 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-8-is-active-2 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-9 {
  background-color: #af8827;
  color: #fff;
  /* color: rgba(0, 0, 0, 0.82); */
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-10 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-11 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-12 {
  background-color: #af8827;
  color: #ffffff;
  border-color: #a5a5a5;
}
.sr-bb .srt-primary-13 {
  background-color: #af8827;
  color: rgba(0, 0, 0, 0.82);
  border-color: #a5a5a5;
}
.sr-bb .srt-base-1-primary-1 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-primary-2 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-primary-3 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #a57015;
}
.sr-bb .srt-base-1-primary-4 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #a57015;
}
.sr-bb .srt-base-1-primary-5 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-primary-6 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-primary-7 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #503f32;
}
.sr-bb .srt-base-1-primary-8 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-primary-9 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #f9e3bc;
}
.sr-bb .srt-base-1-primary-10 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #efb34b;
}
.sr-bb .srt-base-1-primary-11 {
  background-color: #ffffff;
  color: #af8827;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-neutral-1 {
  background-color: #ffffff;
  color: #cccccc;
  border-color: #cccccc;
}
.sr-bb .srt-base-1-neutral-2 {
  background-color: #ffffff;
  color: #1b1b1b;
  border-color: #1b1b1b;
}
.sr-bb .srt-base-1-neutral-3 {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
  background-color: #ffffff;
  color: #595959;
  border-color: #595959;
}
.sr-bb .srt-base-1-neutral-5 {
  background-color: #ffffff;
  color: #404040;
  border-color: #404040;
}
.sr-bb .srt-base-1-neutral-6 {
  background-color: #ffffff;
  color: #c2c2c2;
  border-color: #c2c2c2;
}
.sr-bb .srt-base-1-neutral-7 {
  background-color: #ffffff;
  color: #595959;
  border-color: #595959;
}
.sr-bb .srt-base-1-neutral-8 {
  background-color: #ffffff;
  color: #dedede;
  border-color: #dedede;
}
.sr-bb .srt-base-1-neutral-9 {
  background-color: #ffffff;
  color: whitesmoke;
  border-color: whitesmoke;
}
.sr-bb .srt-base-1-neutral-10 {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-11 {
  background-color: #ffffff;
  color: #999999;
  border-color: #999999;
}
.sr-bb .srt-base-1-neutral-12 {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #4d4d4d;
}
.sr-bb .srt-base-1-neutral-13 {
  background-color: #ffffff;
  color: #e6e6e6;
  border-color: #e6e6e6;
}
.sr-bb .srt-base-1-is-active-primary {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-home-1 {
  background-color: #fdf4e4;
  color: #e7ab23;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-away-1 {
  background-color: #fdf4e4;
  color: #503f32;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-is-active-home-2 {
  background-color: #fdf4e4;
  color: #e7ab23;
  border-color: #885d11;
}
.sr-bb .srt-base-1-is-active-away-2 {
  background-color: #fdf4e4;
  color: #503f32;
  border-color: #885d11;
}
.sr-bb .srt-base-1-is-active-home-3 {
  background-color: #fdf4e4;
  color: #e7ab23;
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-away-3 {
  background-color: #fdf4e4;
  color: #503f32;
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-home-4 {
  background-color: #fdf4e4;
  color: #e7ab23;
  border-color: #f1bd62;
}
.sr-bb .srt-base-1-is-active-away-4 {
  background-color: #fdf4e4;
  color: #503f32;
  border-color: #f6d499;
}
.sr-bb .srt-base-1-is-active-home-5 {
  background-color: #fdf4e4;
  color: #e7ab23;
  border-color: #996814;
}
.sr-bb .srt-base-1-is-active-away-5 {
  background-color: #fdf4e4;
  color: #503f32;
  border-color: #9d7d47;
}
.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #a57015;
}
.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #a57015;
}
.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #eba01e;
}
.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #f9e3bc;
}
.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #efb34b;
}
.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: #fdf4e4;
  color: #af8827;
  border-color: #f2c16d;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: #fdf4e4;
  color: #cccccc;
  border-color: #cccccc;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: #fdf4e4;
  color: #1b1b1b;
  border-color: #1b1b1b;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: #fdf4e4;
  color: #595959;
  border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: #fdf4e4;
  color: #404040;
  border-color: #404040;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: #fdf4e4;
  color: #c2c2c2;
  border-color: #c2c2c2;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: #fdf4e4;
  color: #595959;
  border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: #fdf4e4;
  color: #dedede;
  border-color: #dedede;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: #fdf4e4;
  color: whitesmoke;
  border-color: whitesmoke;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: #fdf4e4;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: #fdf4e4;
  color: #999999;
  border-color: #999999;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: #fdf4e4;
  color: #4d4d4d;
  border-color: #4d4d4d;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: #fdf4e4;
  color: #e6e6e6;
  border-color: #e6e6e6;
}
.sr-bb .srt-home-1 {
  background-color: #e7ab23;
  color: #ffffff;
  border-color: #e7ab23;
}
.sr-bb .srt-away-1 {
  background-color: #503f32;
  color: #ffffff;
  border-color: #503f32;
}
.sr-bb .srt-home-2 {
  background-color: #e7ab23;
  color: #ffffff;
  border-color: #885d11;
}
.sr-bb .srt-away-2 {
  background-color: #503f32;
  color: #ffffff;
  border-color: #885d11;
}
.sr-bb .srt-home-3 {
  background-color: #e7ab23;
  color: #ffffff;
  border-color: #ffffff;
}
.sr-bb .srt-away-3 {
  background-color: #503f32;
  color: #ffffff;
  border-color: #ffffff;
}
.sr-bb .srt-home-4 {
  background-color: #e7ab23;
  color: #ffffff;
  border-color: #f1bd62;
}
.sr-bb .srt-away-4 {
  background-color: #503f32;
  color: #ffffff;
  border-color: #f6d499;
}
.sr-bb .srt-home-5 {
  background-color: #e7ab23;
  color: #ffffff;
  border-color: #996814;
}
.sr-bb .srt-away-5 {
  background-color: #503f32;
  color: #ffffff;
  border-color: #9d7d47;
}
.sr-bb .srt-neutral-1 {
  background-color: #cccccc;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-2 {
  background-color: #1b1b1b;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-3 {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-4 {
  background-color: #595959;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-5 {
  background-color: #404040;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-6 {
  background-color: #c2c2c2;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-7 {
  background-color: #595959;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-8 {
  background-color: #dedede;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-9 {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-10 {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-11 {
  background-color: #999999;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-12 {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-13 {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-win {
  background-color: #a57015;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-draw {
  background-color: #eba01e;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-lose {
  background-color: #f6d295;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-text-secondary {
  opacity: 0.7;
}
.sr-bb .srt-text-disabled {
  opacity: 0.35;
}
.sr-bb .srt-text-tertiary {
  opacity: 0.54;
}
.sr-bb .srt-icon {
  opacity: 0.33;
}
.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}
.sr-bb .srt-elevation-1 {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23),
    0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26),
    0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}

/*
    -----------------------------------------------------------------
    2 SPORT SPECIFIC CLASSES
    -----------------------------------------------------------------
    */
/*
    -----------------------------------------------------------------
    2.1 SOCCER CLASSES
    -----------------------------------------------------------------
    */
.sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00;
}

.sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00;
}

.sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b;
}

.sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b;
}

.sr-bb .srt-stroke-soccer-substitution-in {
  stroke: #4fbe30;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30;
}

.sr-bb .srt-stroke-soccer-substitution-out {
  stroke: #e43b3b;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b;
}

.sr-bb .srt-stroke-soccer-own-goal {
  stroke: #e43b3b;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b;
}

.sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835;
}

.sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835;
}

.sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848;
}

.sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848;
}

.sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00;
}

.sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00;
}

.sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34;
}

.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34;
}

.sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d;
}

.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #941d1d;
}

.sr-bb .srt-fill-soccer-promotion-1 {
  fill: #005100;
}

.sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #005100;
}

.sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b;
}

.sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b;
}

.sr-bb .srt-fill-soccer-promotion-3 {
  fill: #51d151;
}

.sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #51d151;
}

.sr-bb .srt-fill-soccer-promotion-4 {
  fill: #1976d2;
}

.sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #1976d2;
}

.sr-bb .srt-fill-soccer-promotion-5 {
  fill: #64b5f6;
}

.sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #64b5f6;
}

/*
    -----------------------------------------------------------------
    2.2 NFL CLASSES
    -----------------------------------------------------------------
    */
.sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  color: #ffffff;
  border-color: #f4a621;
}

.sr-bb .srt-nfl-negative-yards-1 {
  background-color: #ac182e;
  color: #ffffff;
  border-color: #ac182e;
}

.sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  color: #ffffff;
  border-color: #ac182e;
}

.sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  color: #ffffff;
  border-color: #4b90de;
}

.sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  color: #ffffff;
  border-color: #f5a623;
}

.sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621;
}

.sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621;
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e;
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e;
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e;
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e;
}

.sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de;
}

.sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de;
}

.sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623;
}

.sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623;
}

/*
    -----------------------------------------------------------------
    2.3 MLB CLASSES
    -----------------------------------------------------------------
    */
.sr-bb .srt-mlb-run-1 {
  background-color: #009900;
  color: #ffffff;
  border-color: #009900;
}

.sr-bb .srt-mlb-run-2 {
  background-color: #ffffff;
  color: #009900;
  border-color: #009900;
}

.sr-bb .srt-mlb-hit-1 {
  background-color: #f7ab11;
  color: rgba(0, 0, 0, 0.82);
  border-color: #f7ab11;
}

.sr-bb .srt-mlb-hit-2 {
  background-color: #ffffff;
  color: #f7ab11;
  border-color: #f7ab11;
}

.sr-bb .srt-mlb-error-1 {
  background-color: #d0021b;
  color: #ffffff;
  border-color: #d0021b;
}

.sr-bb .srt-mlb-error-2 {
  background-color: #ffffff;
  color: #d0021b;
  border-color: #d0021b;
}

/*
    -----------------------------------------------------------------
    3 CHART / SVG CLASSES
    -----------------------------------------------------------------
    */
.sr-bb .srt-fill-change-increase {
  fill: #4fbe30;
}

.sr-bb .srt-stroke-change-increase {
  stroke: #4fbe30;
}

.sr-bb .srt-fill-change-decrease {
  fill: #e43b3b;
}

.sr-bb .srt-stroke-change-decrease {
  stroke: #e43b3b;
}

.sr-bb .srt-fill-text {
  fill: rgba(0, 0, 0, 0.82);
}

.sr-bb .srt-fill-text-invert {
  fill: #ffffff;
}

.sr-bb .srt-fill-text-secondary {
  fill-opacity: 0.7;
}

.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.35;
}

.sr-bb .srt-fill-base-1 {
  fill: #ffffff;
}

.sr-bb .srt-stroke-base-1 {
  stroke: #ffffff;
}

.sr-bb .srt-fill-base-1-active {
  fill: #fdf4e4;
}

.sr-bb .srt-stroke-base-1-active {
  stroke: #fdf4e4;
}

.sr-bb .srt-fill-base-1-active-2 {
  fill: #e6e6e6;
}

.sr-bb .srt-stroke-base-1-active-2 {
  stroke: #e6e6e6;
}

.sr-bb .srt-fill-base-1-primary {
  fill: #af8827;
}

.sr-bb .srt-stroke-base-1-primary {
  stroke: #af8827;
}

.sr-bb .srt-fill-base-1-home {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-base-1-home {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-base-1-away {
  fill: #503f32;
}

.sr-bb .srt-stroke-base-1-away {
  stroke: #503f32;
}

.sr-bb .srt-fill-base-2 {
  fill: #ffffff;
}

.sr-bb .srt-stroke-base-2 {
  stroke: #ffffff;
}

.sr-bb .srt-fill-base-2-active {
  fill: #fdf4e4;
}

.sr-bb .srt-stroke-base-2-active {
  stroke: #fdf4e4;
}

.sr-bb .srt-fill-base-2-hover {
  fill: #fdf4e4;
}

.sr-bb .srt-stroke-base-2-hover {
  stroke: #fdf4e4;
}

.sr-bb .srt-fill-base-3 {
  fill: #fdf4e4;
}

.sr-bb .srt-stroke-base-3 {
  stroke: #fdf4e4;
}

.sr-bb .srt-fill-base-3-active {
  fill: #fcf0db;
}

.sr-bb .srt-stroke-base-3-active {
  stroke: #fcf0db;
}

.sr-bb .srt-fill-base-3-hover {
  fill: #fcf0db;
}

.sr-bb .srt-stroke-base-3-hover {
  stroke: #fcf0db;
}

.sr-bb .srt-fill-primary-1 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-1 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-2 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-2 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-3 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-3 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-4 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-4 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-5 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-5 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-6 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-6 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-7 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-7 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-8 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-8 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-9 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-9 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-10 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-10 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-11 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-11 {
  stroke: #af8827;
}

.sr-bb .srt-fill-primary-12 {
  fill: #af8827;
}

.sr-bb .srt-stroke-primary-12 {
  stroke: #af8827;
}

.sr-bb .srt-fill-home-1 {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-home-1 {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-home-2 {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-home-2 {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-home-3 {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-home-3 {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-home-4 {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-home-4 {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-home-5 {
  fill: #e7ab23;
}

.sr-bb .srt-stroke-home-5 {
  stroke: #e7ab23;
}

.sr-bb .srt-fill-away-1 {
  fill: #503f32;
}

.sr-bb .srt-stroke-away-1 {
  stroke: #503f32;
}

.sr-bb .srt-fill-away-2 {
  fill: #503f32;
}

.sr-bb .srt-stroke-away-2 {
  stroke: #503f32;
}

.sr-bb .srt-fill-away-3 {
  fill: #503f32;
}

.sr-bb .srt-stroke-away-3 {
  stroke: #503f32;
}

.sr-bb .srt-fill-away-4 {
  fill: #503f32;
}

.sr-bb .srt-stroke-away-4 {
  stroke: #503f32;
}

.sr-bb .srt-fill-away-5 {
  fill: #503f32;
}

.sr-bb .srt-stroke-away-5 {
  stroke: #503f32;
}

.sr-bb .srt-fill-neutral-1 {
  fill: #cccccc;
}

.sr-bb .srt-stroke-neutral-1 {
  stroke: #cccccc;
}

.sr-bb .srt-fill-neutral-2 {
  fill: #1b1b1b;
}

.sr-bb .srt-stroke-neutral-2 {
  stroke: #1b1b1b;
}

.sr-bb .srt-fill-neutral-3 {
  fill: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-fill-neutral-4 {
  fill: #595959;
}

.sr-bb .srt-stroke-neutral-4 {
  stroke: #595959;
}

.sr-bb .srt-fill-neutral-5 {
  fill: #404040;
}

.sr-bb .srt-stroke-neutral-5 {
  stroke: #404040;
}

.sr-bb .srt-fill-neutral-6 {
  fill: #c2c2c2;
}

.sr-bb .srt-stroke-neutral-6 {
  stroke: #c2c2c2;
}

.sr-bb .srt-fill-neutral-7 {
  fill: #595959;
}

.sr-bb .srt-stroke-neutral-7 {
  stroke: #595959;
}

.sr-bb .srt-fill-neutral-8 {
  fill: #dedede;
}

.sr-bb .srt-stroke-neutral-8 {
  stroke: #dedede;
}

.sr-bb .srt-fill-neutral-9 {
  fill: whitesmoke;
}

.sr-bb .srt-stroke-neutral-9 {
  stroke: whitesmoke;
}

.sr-bb .srt-fill-neutral-10 {
  fill: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-stroke-neutral-10 {
  stroke: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-fill-neutral-11 {
  fill: #999999;
}

.sr-bb .srt-stroke-neutral-11 {
  stroke: #999999;
}

.sr-bb .srt-fill-neutral-12 {
  fill: #4d4d4d;
}

.sr-bb .srt-stroke-neutral-12 {
  stroke: #4d4d4d;
}

.sr-bb .srt-fill-neutral-13 {
  fill: #e6e6e6;
}

.sr-bb .srt-stroke-neutral-13 {
  stroke: #e6e6e6;
}

.sr-bb .srt-fill-win {
  fill: #a57015;
}

.sr-bb .srt-stroke-win {
  stroke: #a57015;
}

.sr-bb .srt-fill-draw {
  fill: #eba01e;
}

.sr-bb .srt-stroke-draw {
  stroke: #eba01e;
}

.sr-bb .srt-fill-lose {
  fill: #f6d295;
}

.sr-bb .srt-stroke-lose {
  stroke: #f6d295;
}

.sr-bb .srt-stop-base-1 {
  stop-color: #ffffff;
}

.sr-bb .srt-stop-primary-1 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-2 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-3 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-4 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-5 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-6 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-7 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-8 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-9 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-10 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-11 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-primary-12 {
  stop-color: #af8827;
}

.sr-bb .srt-stop-home-1 {
  stop-color: #e7ab23;
}

.sr-bb .srt-stop-away-1 {
  stop-color: #503f32;
}

.sr-bb .srt-fill-neutral-14 {
  fill: white;
}

.sr-bb .srt-stroke-neutral-14 {
  stroke: white;
}

/*
    -----------------------------------------------------------------
    4 IMAGE CLASSES
    -----------------------------------------------------------------
    */
.sr-bb .srt-logo-powered-by-light {
  display: none;
}

.sr-bb .srt-logo-powered-by-dark {
  display: none;
}




/* 自訂新增部分 */
#main_div{
  background: transparent;
}

.sr-bb .sr-header__wrapper{
  align-items: center!important;
  line-height: 100%;
}

.sr-bb .sr-header__label{
  align-items: center!important;
  font-size: 11px;
  line-height: 11px;
}

.sr-statistics__card-holder>.sr-bb.srt-base-1{
    width: 60px!important;
}
@media only screen and (max-width: 321px){
  .sr-matchcommentary__wrapper>.sr-scrollbars__container>div{
    padding: 0 0 40px 0;
  }
}
@media only screen and (max-width: 569px) and (orientation: landscape){
  .sr-matchcommentary__wrapper>.sr-scrollbars__container>div{
    padding: 0 0 40px 0;
  }
}

.sr-bb .sr-soccer-lmtcustom__momentum-wrap{
  z-index: 2!important
}

#main_div.pop_div{
  height: 100%;
  overflow-y: auto;
}
#main_div.pop_div>div{
  height: 100%;
}

.right_MT#main_div[data-sr-widget="match.commentary"] .sr-bb.sr-matchcommentary>.sr-loader__container,
.right_MT#main_div[data-sr-widget="match.commentary"] .sr-bb.sr-matchcommentary,
.right_MT#main_div.pop_div>div,
.right_MT#main_div[data-sr-widget="match.commentary"] .sr-bb .sr-matchcommentary__content,
.right_MT#main_div[data-sr-widget="match.commentary"]{
  height:auto!important;
}