/* BUSINESS LOGIC CLASSES */

.logo {
    background-color: white;
    background-image: url('img/logo.jpg') !important;
    background-size: cover !important;
	background-position: center !important; 
	background-repeat: no-repeat !important;
}

#COLOR_DOT {
    background-image: url('img/COLOR_DOT.jpg') !important;
}

.DOT_1 {
    background-image: url('img/dot_1.png') !important;
}

.DOT_2 {
    background-image: url('img/dot_2.png') !important;
}

.DOT_3 {
    background-image: url('img/dot_3.png') !important;
}

.COLOR_BROWN {
    background-color: chocolate !important;
}

.COLOR_GREEN {
    background-color: forestgreen !important;
}

.COLOR_BLUE {
    background-color: dodgerblue !important;
}



#COLOR_SHAPE {
    background-image: url('img/COLOR_SHAPE.jpg') !important;
}

.SHAPE_TRIANGLE {
    background-image: url('img/triangle.png') !important;
}

.SHAPE_HEXAGON {
    background-image: url('img/hexagon.png') !important;
}

.SHAPE_CIRCLE {
    background-image: url('img/circle.png') !important;
}

.COLOR_OLIVE {
    background-color: olive !important;
}

.COLOR_ORANGE {
    background-color: darkorange !important;
}

.COLOR_AQUA {
    background-color: aqua !important;
}



#COLOR_TETRIS {
    background-image: url('img/COLOR_TETRIS.jpg') !important;
}

.TETRIS_1 {
    background-image: url('img/tetris_1.png') !important;
}

.TETRIS_2 {
    background-image: url('img/tetris_2.png') !important;
}

.TETRIS_3 {
    background-image: url('img/tetris_3.png') !important;
}

.COLOR_VIOLET {
    background-color: mediumvioletred !important;
}

.COLOR_LIME {
    background-color: lime !important;
}

.COLOR_ROD {
    background-color: goldenrod !important;
}

#COLOR_VIOLET-TETRIS_1 {
	background-color: lavender !important;
    background-image: url('img/tetris_11.png') !important;
}

#COLOR_VIOLET-TETRIS_2 {
	background-color: lavender !important;
    background-image: url('img/tetris_12.png') !important;
}

#COLOR_VIOLET-TETRIS_3 {
	background-color: lavender !important;
    background-image: url('img/tetris_13.png') !important;
}

#COLOR_LIME-TETRIS_1 {
	background-color: lavender !important;
    background-image: url('img/tetris_21.png') !important;
}

#COLOR_LIME-TETRIS_2 {
	background-color: lavender !important;
    background-image: url('img/tetris_22.png') !important;
}

#COLOR_LIME-TETRIS_3 {
	background-color: lavender !important;
    background-image: url('img/tetris_23.png') !important;
}

#COLOR_ROD-TETRIS_1 {
	background-color: lavender !important;
    background-image: url('img/tetris_31.png') !important;
}

#COLOR_ROD-TETRIS_2 {
	background-color: lavender !important;
    background-image: url('img/tetris_32.png') !important;
}

#COLOR_ROD-TETRIS_3 {
	background-color: lavender !important;
    background-image: url('img/tetris_33.png') !important;
}



#FRENCH_CARD {
    background-image: url('img/FRENCH_CARD.jpg') !important;
}

.TILES {
    background-image: url('img/tiles.png') !important;
}

.HEARTS {
    background-image: url('img/hearts.png') !important;
}

.PIKES {
    background-image: url('img/pikes.png') !important;
}

.JACK {
    background-image: url('img/jack.png') !important;
}

.KING {
    background-image: url('img/king.png') !important;
}

.QUEEN {
    background-image: url('img/queen.png') !important;
}

#TILES-JACK {
	background-color: lavender !important;
    background-image: url('img/tiles_jack.png') !important;
}

#TILES-KING {
	background-color: lavender !important;
    background-image: url('img/tiles_king.png') !important;
}

#TILES-QUEEN {
	background-color: lavender !important;
    background-image: url('img/tiles_queen.png') !important;
}

#HEARTS-JACK {
	background-color: lavender !important;
    background-image: url('img/hearts_jack.png') !important;
}

#HEARTS-KING {
	background-color: lavender !important;
    background-image: url('img/hearts_king.png') !important;
}

#HEARTS-QUEEN {
	background-color: lavender !important;
    background-image: url('img/hearts_queen.png') !important;
}

#PIKES-JACK {
	background-color: lavender !important;
    background-image: url('img/pikes_jack.png') !important;
}

#PIKES-KING {
	background-color: lavender !important;
    background-image: url('img/pikes_king.png') !important;
}

#PIKES-QUEEN {
	background-color: lavender !important;
    background-image: url('img/pikes_queen.png') !important;
}



#AD_CLOCK {
    background-image: url('img/AD_CLOCK.jpg') !important;
}

.M00 {
    background-image: url('img/00m.png') !important;
}

.M30 {
    background-image: url('img/30m.png') !important;
}

.M49 {
    background-image: url('img/49m.png') !important;
}

.H03 {
    background-image: url('img/03h.png') !important;
}

.H12 {
    background-image: url('img/12h.png') !important;
}

.H18 {
    background-image: url('img/18h.png') !important;
}

#M00-H03 {
	background-color: lavender !important;
    background-image: url('img/03-00.png') !important;
}

#M30-H03 {
	background-color: lavender !important;
    background-image: url('img/03-30.png') !important;
}

#M49-H03 {
	background-color: lavender !important;
    background-image: url('img/03-49.png') !important;
}

#M00-H12 {
	background-color: lavender !important;
    background-image: url('img/12-00.png') !important;
}

#M30-H12 {
	background-color: lavender !important;
    background-image: url('img/12-30.png') !important;
}

#M49-H12 {
	background-color: lavender !important;
    background-image: url('img/12-49.png') !important;
}

#M00-H18 {
	background-color: lavender !important;
    background-image: url('img/18-00.png') !important;
}

#M30-H18 {
	background-color: lavender !important;
    background-image: url('img/18-30.png') !important;
}

#M49-H18 {
	background-color: lavender !important;
    background-image: url('img/18-49.png') !important;
}



#SMILEY_DIR {
    background-image: url('img/SMILEY_DIR.jpg') !important;
}

.DIR_T {
    background-image: url('img/DIR_T.png') !important;
}

.DIR_M {
    background-image: url('img/DIR_M.png') !important;
}

.DIR_B {
    background-image: url('img/DIR_B.png') !important;
}

.DIR_L {
    background-image: url('img/DIR_L.png') !important;
}

.DIR_C {
    background-image: url('img/DIR_C.png') !important;
}

.DIR_R {
    background-image: url('img/DIR_R.png') !important;
}

#DIR_T-DIR_L {
	background-color: lavender !important;
    background-image: url('img/DIR_TL.png') !important;
}

#DIR_T-DIR_C {
	background-color: lavender !important;
    background-image: url('img/DIR_TC.png') !important;
}

#DIR_T-DIR_R {
	background-color: lavender !important;
    background-image: url('img/DIR_TR.png') !important;
}

#DIR_M-DIR_L {
	background-color: lavender !important;
    background-image: url('img/DIR_ML.png') !important;
}

#DIR_M-DIR_C {
	background-color: lavender !important;
    background-image: url('img/DIR_MC.png') !important;
}

#DIR_M-DIR_R {
	background-color: lavender !important;
    background-image: url('img/DIR_MR.png') !important;
}

#DIR_B-DIR_L {
	background-color: lavender !important;
    background-image: url('img/DIR_BL.png') !important;
}

#DIR_B-DIR_C {
	background-color: lavender !important;
    background-image: url('img/DIR_BC.png') !important;
}

#DIR_B-DIR_R {
	background-color: lavender !important;
    background-image: url('img/DIR_BR.png') !important;
}



#COLOR_FLAG {
    background-image: url('img/COLOR_FLAG.jpg') !important;
}

.COLOR_BRW {
    background-image: url('img/BRW.png') !important;
}

.COLOR_GRW {
    background-image: url('img/GRW.png') !important;
}

.COLOR_GRY {
    background-image: url('img/GRY.png') !important;
}

.FLAG1 {
    background-image: url('img/flag1.png') !important;
}

.FLAG2 {
    background-image: url('img/flag2.png') !important;
}

.FLAG3 {
    background-image: url('img/flag3.png') !important;
}

#COLOR_BRW-FLAG1 {
	background-color: lavender !important;
    background-image: url('img/flag1_BRW.png') !important;
}

#COLOR_BRW-FLAG2 {
	background-color: lavender !important;
    background-image: url('img/flag2_BRW.png') !important;
}

#COLOR_BRW-FLAG3 {
	background-color: lavender !important;
    background-image: url('img/flag3_BRW.png') !important;
}

#COLOR_GRW-FLAG1 {
	background-color: lavender !important;
    background-image: url('img/flag1_GRW.png') !important;
}

#COLOR_GRW-FLAG2 {
	background-color: lavender !important;
    background-image: url('img/flag2_GRW.png') !important;
}

#COLOR_GRW-FLAG3 {
	background-color: lavender !important;
    background-image: url('img/flag3_GRW.png') !important;
}

#COLOR_GRY-FLAG1 {
	background-color: lavender !important;
    background-image: url('img/flag1_GRY.png') !important;
}

#COLOR_GRY-FLAG2 {
	background-color: lavender !important;
    background-image: url('img/flag2_GRY.png') !important;
}

#COLOR_GRY-FLAG3 {
	background-color: lavender !important;
    background-image: url('img/flag3_GRY.png') !important;
}