.bcss	{

	display: flex;

	flex-wrap: wrap;

  	border: 0px solid #000;	}



.bbox	{

	display: flex;

	margin: 5px;

	padding: 5px;

	border: 1px dashed #629460;

	width: 100px; height: 50px;	}
	
.bboxf	{	display: flex;



			margin: 5px;

			padding: 5px;

			border: 1px dashed #629460;

			width: 100px; height: 50px;	}
			
    .uablue { background-color: #0057b8;	}

    .uayellow { background-color: #ffd700;	}

    

    .plred { background-color: #D4213D; }

    .plwhite { background-color: #E9E8E7; }
    
.lp1	{ background-color: #384552;}
.lp2 	{ background-color: #92C7F1;}
.lp3	{ background-color:	#D1E4F1;}
.lp4	{ background-color: #73ACE3;}
.lp5	{ background-color: #8B8689;}

.en1	{ background-color: #1A2B25;}
.en2 	{ background-color: #587B5A;}
.en3	{ background-color:	#B4C3A1;}
.en4	{ background-color: #819F79;}
.en5	{ background-color: #889494;}



.tr1	{ background-color: #CBCEBC;}
.tr2 	{ background-color: #223534;}
.tr3	{ background-color:	#91ADAD;}
.tr4	{ background-color: #76897D;}
.tr5	{ background-color: #7C9BA6;}
	
.b1l1 { background-color:  #BEB8B7;}

.b2l2 { background-color:  #232323;}

.b3l3 { background-color:  #803B26;}

.b4l4 { background-color:  #8B8C8C;}

.b5l5 { background-color:  #8C9490;}
	

.bbl1 { background-color:  #324354;}

.bbl2 { background-color:  #DCCBC4;}

.bbl3 { background-color:  #33B089;}

.bbl4 { background-color:  #2074E1;}

.bbl5 { background-color:  #4C6C86;}	
	
	

   

.fro1 { background-color:  #244C37;}

.fro2 { background-color:  #00571C;}

.fro3 { background-color:  #6B9778;}

.fro4 { background-color:  #BF0000;}

.fro5 { background-color:  #C8D2D5;}





.ho1 { background-color:  #1D3A49;}

.ho2 { background-color:  #00412F;}

.ho3 { background-color:  #8E203D;}

.ho4 { background-color:  #FF0035;}

.ho5 { background-color:  #C4C1D0;}



.co1 { background-color:  #4E96A6;}

.co2 { background-color:  #F2C12E;}

.co3 { background-color:  #F2AE30;}

.co4 { background-color:  #F2E9D8;}

.co5 { background-color:  #D93B3B;}



.ch1 { background-color:  #3C3D58;}

.ch2 { background-color:  #d08770;}

.ch3 { background-color:  #9796C4;}

.ch4 { background-color:  #2A2B3D;}

.ch5 { background-color:  #EDEEFF;}

.bl1 { background-color:  #3E3E48;}
.bl2 { background-color:  #DBD9D8;}
.bl3 { background-color:  #787882;}
.bl4 { background-color:  #8379DF;}
.bl5 { background-color:  #89A287;}


   .red { background-color:  #bf616a;}

   .orange { background-color:  #d08770;}

   .yellow-light { background-color:  #ebcb8b;}

   .yellow-dark { background-color:  #e4b860;}

   .green { background-color: #a3be8c;}

   .purple { background-color: #b48ead;}

   .sea-green { background-color:  #8fbcbb;}

   .cyan { background-color: #88c0d0;}

   .frost { background-color:  #81a1c1;}

   .blue { background-color:  #5e81ac;}

   .salmon  { background-color:  #FC6E68;}