/*COLORS*/
.white{
  background-color:var(--white) !important;
  border-color: var(--border-bright) !important;
  color:black !important;
  /*border-color:#c1c1c1 !important;*/
}
.white2{
  background-color:#ded7cd;
}
.red{
  background-color:var(--red) !important;
  /*border-color:var(--border-bright) !important;*/
  border-color:var(--border-dark) !important;
  color:white !important;
}
.green{
  background-color:var(--green);
  /*border-color:var(--border-bright) !important;*/
  border-color:var(--border-dark) !important;
  color:white;
}
.green2{
  background-color:var(--green2);
  border-color:var(--border-bright) !important;
  color:white;
}
.blue{
  background-color:var(--blue);
  color:white;
  border-color: var(--border-dark) !important;
}
.blue2{
  background-color:var(--blue2);
  color:white;
  border-color:var(--border-dark) !important;
}

.yellow{
  background-color:var(--yellow);
  border-color:var(--border-bright) !important;
  color:black;
}
.black{
  background-color:black;
  font-weight:500;
  color:white;
  border-color:var(--border-dark) !important;
}
.lblack{
  background-color:#131313;
  /*background-color:#232323;*/
  font-weight:500;
  color:white;
  border-color:var(--border-dark) !important;
}
.grey{
  background-color:var(--grey) !important;
  border-color: var(--border-bright) !important;
}
.lgrey{
  background-color:var(--lgrey) !important;
  border-color: var(--border-bright) !important;
}
.dark{
  background-color:var(--dark);
  border-color:var(--border-dark) !important;
  font-weight:500;
  color:white;
}
.darker{
  background-color:#0c0c0c;
  border-color:var(--border-dark) !important;
  color:white;
}
/**EXTRAS**/
.pink{
    background-color:#FFBBFF;
}
.sand{
  background-color:#B48455;
}
/*.orange{background-color:rgb(233, 111, 20);}*/
.lorange{
  background-color:#F3CF9B;
}
.bluff{
  background-color:#DEC69C;
}
.brown {
  background-color:#582A12;
}
.dbrown{
  --dbrown:#874e21;
  background-color:#7C503A;
  border-color:var(--border-bright) !important;
}
.dbrown2{
  color:white !important;
  --dbrown2:#874e21;
  /*background-color:#804c25;*/
  background-color:#874e21;
}
.dbrown3{
  background-color:#352100;
}
.lyellow{
  /*background-color:#FFF03A;*/
  /*background-color:#FBE696;*/
  background-color:#FFE371;
}
/*transparents*/
.transparent{
  border-color:var(--border-dark) !important;
}
.dark-orange{
	background:rgb(233, 111, 20) !important;
	color:black !important;
}