.arrow-right-white{
  background-image: url(/assets/svg/not-scaled/arrow-right-white.svg) !important;
}

.arrow-right-black{
  background-image: url(/assets/svg/not-scaled/arrow-right-black.svg) !important;
}

.tile1x2.black.arrow-left{
  background-image:url(/assets/svg/1x2/arrow/left/black.svg);
}

.arrow-down-bold-black{
  background-image:url(/assets/svg/not-scaled/arrow-down-bold-black.svg);
  background-size:72%;
  background-position:center;
}
.arrow-down-bold-white{
  background-image:url(/assets/svg/not-scaled/arrow-down-bold-white.svg);
  background-size:72%;
  background-position:center;
}

.arrow-right-bold-white{
  background-image:url(/assets/svg/not-scaled/arrow-right-white.svg);
  background-size:72%;
  background-position:center;
}

.tile1x2.vertical.black.arrow-down{
  background-image:url(/assets/svg/1x2/arrow/down-white.svg);
}
.tile1x2.vertical.dark.arrow-down{
  background-image:url(/assets/svg/1x2/arrow/down-white.svg);
}
.tile1x1.vertical.yellow.arrow-down{
  background-image:url(/assets/svg/not-scaled/arrow-down-bold-black.svg);
  background-size:88%;
  background-position:center;
}
.tile1x2.vertical.yellow.arrow-down{
  background-image:url(/assets/svg/not-scaled/arrow-down-bold-black.svg);
}
.tile1x1.vertical.grey.arrow-down{
  background-image:url(/assets/svg/1x2/arrow/down-white.svg);
}
.tile1x2.vertical.grey.arrow-down{
  background-image:url(/assets/svg/1x2/arrow/down-white.svg);
}


.tile1x2.black.arrow-rightk{
  background-image:url(/assets/svg/1x2/arrow/left/black.svg);
}

.arrow-up-black{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url(/assets/svg/not-scaled/arrow-up-bold-black.svg);
}

/*.tile2x1.yellow.arrow-left-png{*/
    /*background-image:url(/assets/arrow-left.png);*/
/*}*/
.arrow-down-black{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url(/assets/svg/not-scaled/arrow-down-bold-black.svg);
}
.tile2x1.black.arrow-down{
    background-image:url(/assets/svg/2x1/arrow/down/black.svg);
}
.tile2x1.yellow.arrow-left{
    background-image:url(/assets/svg/2x1/arrow/left/yellow.svg);
    background-size:84%;
}
.tile2x1.yellow.arrow-right{
    background-image:url(/assets/svg/2x1/arrow/right/yellow.svg);
    background-size:84%;
}
.tile2x1.dark.arrow-left{
    background-image:url(/assets/svg/2x1/arrow/left/dark.svg);
}
.tile2x1.dark.arrow-right{
    background-image:url(/assets/svg/2x1/arrow/right/dark.svg);
}
.tile2x1.blue.arrow-left{
    background-image:url(/assets/svg/2x1/arrow/left/blue.svg);
}
.tile2x1.blue.arrow-right{
    background-image:url(/assets/svg/2x1/arrow/right/blue.svg);
}
.red{
  
}
.tile2x1.red.arrow-down{
    background-image:url(/assets/svg/2x1/arrow/down/red.svg);
}

/*2x2*/

.tile2x2.black.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/black.svg);
}
.tile2x2.black.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/black.svg);
}
.tile2x2.white{
  background-color:white;
}
.tile2x2.white.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/white.svg);
}
.tile2x2.white.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/white.svg);
}

/*2x2 - thick*/

.tile2x2.thick.lgrey.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/l-grey.svg);
}
.tile2x2.thick.lgrey.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/l-grey.svg);
}
.tile2x2.thick.black.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/dark.svg);
}
.tile2x2.thick.black.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/dark.svg);
}  
.tile2x2.thick.red.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/red.svg);
}
.tile2x2.thick.red.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/red.svg);
}  
.tile2x2.thick.blue.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/blue.svg);
}
.tile2x2.thick.blue.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/blue.svg);
}     
.tile2x2.thick.blue2.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/blue2.svg);
}
.tile2x2.thick.blue2.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/blue2.svg);
}  
.tile2x2.thick.yellow.arrow-left{
  background-image:url(/assets/svg/2x2/arrow/left/thick/yellow.svg);
}
.tile2x2.thick.yellow.arrow-right{
  background-image:url(/assets/svg/2x2/arrow/right/thick/yellow.svg);
}