.asTire {
    /* color: #0d4326; */
    color: inherit;
}

.summerTire {
    /* color: #6b182b; */
    color: inherit;
}

.tierCL {
   background-color: #44444450;
   color: #DEE;
   outline: 2px solid #f0f0f090;
   outline-offset: -2px;   
}

.tierSD {
   background-color: #BBBBBB80;
   color: #DEE;
}

.tierS {
   background-color: #BBBBBB80;
   color: #DEE;
}

.tierSK_ST {
   background-color: #FFFBF580;
   color: #DEE;
}

.tierOTR {
   background-color: #FFFBF580;
   color: #DEE;
}

.tierAT {
   background-color: #FFFBF580;
   color: #DEE;
}

.tierSST {
   background-color: #28A72980;
   color: #EDD;
}

.tierLTT {
   background-color: #28A72980;
   color: #EDD;
}

.tierEV_SM {
   background-color: #DBDB0080;
   color: #555562;
}

.tierEV_AS {
   background-color: #DBDB0080;
   color: #555562;
}

.tierT {
   background-color: #DBDB0080;
   color: #DEE;
}

.tierRV {
   background-color: #DBDB0080;
   color: #DEE;
}

.tierPT_SM {
   background-color: #6E9CF480;
   color: #EDD;
   outline: 2px solid #f0f0f080;
   outline-offset: -2px;
}

.tierPT_AS {
   background-color: #6E9CF480;
   color: #EDD;
}

.tierHP_SM {
   background-color: #9702FE80;
   color: #EDD;
   outline: 2px solid #f0f0f080;
   outline-offset: -2px;
}

.tierHP_AS {
   background-color: #9702FE80;
   color: #EDD;
}

.tierUHP_SM {
   background-color: #DF933D90;
   color: #DEE;
   outline: 2px solid #f0f0f090;
   outline-offset: -2px;
}

.tierUHP_AS {
   background-color: #DF933D90;
   color: #DEE;
}

.tierMAX {
   background-color: #E9332B80;
   color: #EDD;
}


/* Tire Brands */
   
.brandWATERFALL {
   background-color: #53C3BC;
   color: #EEF;
}

.brandGT_RADIAL {
   /*background-image: linear-gradient(to right, #ed1b2f 50%, #0c4da2 55%); */
   background-color: #ed1b2f;
   color: #EEF;
   outline: 2px solid #0c4da2aa;
   outline-offset: -2px;
}

.brandOTANI {
   /*background-image: linear-gradient(to right, #005baa 50%, #f60400 55%); */
   background-color: #005baa;
   color: #EEF;
   outline: 2px solid #f60400aa;
   outline-offset: -2px;
}

.brandGOODYEAR {
   background-color: #004ea8;
   color: #fedb00;

}

.brandFALKEN {
   background-color: #1a60ab;
   color: #EEF;
   outline: 2px solid #e20057aa;
   outline-offset: -2px;
}

.brandLEXANI {
   background-color: #322f2d;
   color: #EEF;
   outline: 2px solid #fcb426aa;
   outline-offset: -2px;
}

.brandKUMHO {
   background-color: #e4060f;
   color: #001;
}

.brandMICHELIN {
   background-color: #01009a;
   color: #EEF;
   outline: 2px solid #ffff00aa;
   outline-offset: -2px;
}

.brandNEXEN {
   background-color: #882185;
   color: #EEF;
}

.brandFORTUNE {
   background-color: #0054b0;
   color: #EEF;
}

.brandWESTLAKE {
   /*background-image: linear-gradient(to right, #39834e 50%, #fad701 55%); */
   background-color: #39834e;
   color: #fad701;
}

.brandYOKOHAMA {
   /*background-image: linear-gradient(to right, #fad701 50%, #b51112 55%); */
   background-color: #001;
   color: #EEF;
   outline: 2px solid #b51112aa;
   outline-offset: -2px;
}

.brandELDORADO {
   /*background-image: linear-gradient(to right, #eef 50%, #fac825 55%); */
   background-color: #fac825;
   color: #001;
}

.brandSUMITOMO {
   background-color: #006ab1;
   color: #EEF;
}

.brandNITTO {
   background-color: #EEF;
   color: #001;
}

.brandDORAL {
   background-color: #f8c726;
   color: #3a3a3f;
}


/* Pirelli – text is red, background often yellow */
.brandPIRELLI {
  background-color: #FED100;  /* yellow background */
  color: #D52B1E;             /* red logo text */
}

/* Toyo Tires – text is blue, background is white */
.brandTOYO {
  background-color: #FFF;     /* white backdrop */
  color: #1969BC;             /* blue logo text */
}

/* Cooper – text is blue, often on white */
.brandCOOPER {
  background-color: #FFF;
  color: #002F6C;             /* Cooper logo blue */
}

/* General Tire – red text, white background */
.brandGENERAL {
  background-color: #FFF;
  color: #ED1C24;             /* red logo text */
}

/* Carlisle – text is blue on white */
.brandCARLISLE {
  background-color: #FFF;
  color: #003DA5;             /* Carlisle blue */
}

/* Mastercraft – red text, white background */
.brandMASTERCRAFT {
  background-color: #FFF;
  color: #D71920;             /* deep red */
}

/* BFGoodrich – blue text with red accent */
.brandBFGOODRICH {
  background-color: #FFF;
  color: #004B93;             /* primary blue logo text */
  outline: 2px solid #ED1C24AA; /* red accent */
  outline-offset: -2px;
}

/* Firestone – red text, white background */
.brandFIRESTONE {
  background-color: #FFF;
  color: #ED1C24;             /* Firestone red text */
}

/* Nokian – green text, white background */
.brandNOKIAN {
  background-color: #FFF;
  color: #007A33;             /* green logo text */
}

/* Bridgestone – black text with red accent */
.brandBRIDGESTONE {
  background-color: #FFF;
  color: #000;                /* black logo text */
  outline: 2px solid #E60012AA; /* red accent */
  outline-offset: -2px;
}


/* Chain Cats */

.tierL {
   background-color: #44444450;
   color: #DEE;
   outline: 2px solid #f0f0f090;
   outline-offset: -2px;   
}

.tierC {
   background-color: #BBBBBB80;
   color: #334; 
}

.tierF {
   background-color: #E9332B80;
   color: #EDD;  
}


/* Chain Brands */

.brandSCC {
   background-color: #0054b0;
   color: #EEF;
}

.brandPEERLESS {
   background-color: #005baa;
   color: #EEF;
   outline: 2px solid #f60400aa;
   outline-offset: -2px;
}

.brandKONIG {
   background-color: #001;
   color: #EEF;
   outline: 2px solid #f0f0f090;
   outline-offset: -2px;
}

.brandTHULE {
   background-color: #001;
   color: #EEF;
}