/***************/
/*** COLORS ****/
/***************/
.white{
	color: white !important;	
}

.black{
	color: black !important;	
}

.gray{
	color: #A3A3A3 !important;	
}

.gray2{
	color: #ACACAC !important;
}

.green{
	color: #04FF00 !important;
}

.green1{
	color: /*#00D800*/ #04ff00 !important;
}

.green2{
	color: /*#01680D*/ #04ff00 !important;	
}

.green3{
	color: #024C04 !important;	
}

.green4{
	color: #02a802 !important;
}

.orange{
	color: #FF6D00 !important;
}

.red{
	color: #F12A3A !important;
}

.yellow{
	color: #FFF815 !important;
}

.blue1{
	color: #5073af !important;	
}

.blue2{
	color: #388088 !important;
}

.teal{
	color: #00D8F0 !important;
}

.glow-red{
	color: #F12A3A !important;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0.5px 0.5px #fff, -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff;
}

.glow-red2{
	color: #FFD !important;
	text-shadow: 0.25px 0 0 #F12A3A, -0.25px 0 0 #F12A3A, 0 0.25px 0 #F12A3A, 0 -0.25px 0 #F12A3A, 0.25px 0.25px #F12A3A, -0.25px -0.25px 0 #F12A3A, 0.25px -0.5px 0 #F12A3A, -0.25px 0.25px 0 #F12A3A;
}

.glow-orange{
	color: #FF6D00 !important;
	/*text-shadow: 1px 0 2px #00D800, -1px 0 2px #00D800, 0 1px 2px #00D800, 0 -1px 2px #00D800, 0.5px 0.5px 2px #00D800, -0.5px -0.5px 2px #00D800, 0.5px -0.5px 2px #00D800, -0.5px 0.5px 2px #00D800;*/
	text-shadow: 0px 0px 13px rgba(255, 109, 0, 0.99);
}

.glow-green{
	color: #00D800 !important;
	/*text-shadow: 1px 0 2px #00D800, -1px 0 2px #00D800, 0 1px 2px #00D800, 0 -1px 2px #00D800, 0.5px 0.5px 2px #00D800, -0.5px -0.5px 2px #00D800, 0.5px -0.5px 2px #00D800, -0.5px 0.5px 2px #00D800;*/
	text-shadow: 0px 0px 13px rgba(0, 216, 0, 0.99);
}

.bgglow-green{
	outline: none;
    border-color: #00D800;
    box-shadow: 0 0 25px #00D800;
	background-color: #2bff2b !important;	
}

.glow-green1{
	text-shadow: 1px 0 0 rgba(0, 216, 0, 0.99), -1px 0 0 rgba(0, 216, 0, 0.99), 0 1px 0 rgba(0, 216, 0, 0.99), 0 -1px 0 rgba(0, 216, 0, 0.99), 0.5px 0.5px rgba(0, 216, 0, 0.99), -0.5px -0.5px 0 rgba(0, 216, 0, 0.99), 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 rgba(0, 216, 0, 0.99);
}

.glow-green2{
	color: #00D800 !important;
	/*text-shadow: 1px 0 2px #00D800, -1px 0 2px #00D800, 0 1px 2px #00D800, 0 -1px 2px #00D800, 0.5px 0.5px 2px #00D800, -0.5px -0.5px 2px #00D800, 0.5px -0.5px 2px #00D800, -0.5px 0.5px 2px #00D800;*/
	text-shadow: 0px 5px 15px rgba(0, 216, 0, 0.99);
}

.glow-yellow{
	color: #FFF815 !important;
	/*text-shadow: 1px 0 2px #00D800, -1px 0 2px #00D800, 0 1px 2px #00D800, 0 -1px 2px #00D800, 0.5px 0.5px 2px #00D800, -0.5px -0.5px 2px #00D800, 0.5px -0.5px 2px #00D800, -0.5px 0.5px 2px #00D800;*/
	text-shadow: 0px 5px 15px rgba(255, 248, 21, 0.99);
}

.glow-teal{
	text-shadow: 1px 1px 20px rgba(0, 216, 240, 1);
}

.bgglow-orange{
	outline: none;
    border-color: #FF6D00;
    box-shadow: 0 0 25px #FF6D00;
	background-color: #FF6D00 !important;	
}

.bg-white{
	background-color: white !important;	
}

.bg-white.disabled{
    background-color: #CCCCCC !important;
    cursor: not-allowed;
}

.bg-white.hover:hover{
	background-color: #ccc !important;	
}

.bg-white2{
	background-color: rgba(124,124,124,0.15) !important;	
}

.bg-white3{
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-white4{
    background-color: rgba(124, 124, 124, 0.5) !important;
}

.bg-green{
	background-color: #04FF00;
}

.bg-green.disabled{
	background-color: #CCCCCC !important;
	cursor: not-allowed;	
}

.bg-green1{
	background-color: #033510 !important;
}

.bg-green1:not(.no-hover):hover{
	background-color: #01230a !important;	
}

.bg-green2{
	background-color: /*#0EDD30*/ #04ff00 !important;
}

.bg-green2.disabled{
	background-color: #CCCCCC !important;
	cursor: not-allowed;	
}

.bg-green2:not(.no-hover):not(.disabled):hover{
	background-color: #0aa824 !important;	
}

.bg-green3{
	background-color: #388088 !important;
}

.bg-green3:not(.no-hover):hover{
	background-color: #2f7077 !important;	
}

.bg-green4{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7afc53+0,27892c+100 */
	background: #04FF00; /* Old browsers */
	background: -moz-linear-gradient(left, #04FF00 0%, #04FF00 50%, #27892c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #04FF00 0%, #04FF00 50%,#27892c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #04FF00 0%, #04FF00 50%,#27892c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04FF00', endColorstr='#27892c',GradientType=1 ); /* IE6-9 */
}

.bg-green4:not(.no-hover):hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54e827+0,1d8723+100 */
	background: #54e827; /* Old browsers */
	background: -moz-linear-gradient(left, #54e827 0%, #035B0D 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #54e827 0%,#035B0D 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #54e827 0%,#035B0D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54e827', endColorstr='#035B0D',GradientType=1 ); /* IE6-9 */
}

.bg-green5.active, .bg-green5:hover{
	background-color: #0EDD30 !important;
}

.bg-green5{
	background-color: #CCCCCC !important;	
}

.bg-green5.disabled{
	cursor: not-allowed;
	background-color: #999999 !important;	
}

.bg-green6{
	background-color: rgba(14, 221, 48, 0.7) !important;
}

.bg-green7{
	background-color: #024C04 !important;	
}

.bg-green7:not(.disabled):hover{
	background-color: #013302 !important;
}

.bg-green7.disabled{
	cursor: not-allowed;
	background-color: #999999 !important;	
}

.bg-green8{
	background-color: #28352B	;
}

.bg-green9{
	background-color: #0A8925;	
}

.bg-green9:hover{
	background-color: #07681b;	
}

.bg-orange1{
	background-color: #c15809 !important;
}

.bg-orange2{
	background-color: #FF6D00 !important;
}

.bg-red1{
	background-color: #F12A3A !important;
}

.bg-red1:not(.no-hover):hover{
	background-color: #bc1e2a !important;	
}

.bg-red1.disabled{
	background-color: #CCCCCC !important;
	cursor: not-allowed;	
}

.bg-yellow{
	background-color: #FFF815  !important;
}

.bg-yellow.disabled{
	background-color: #CCCCCC !important;
	cursor: not-allowed;	
}

.bg-yellow:not(.no-hover):not(.disabled):hover{
	background-color: #e0da04  !important;	
}

.bg-yellow2:not(.no-hover):hover{
	background-color: #b5ce14  !important;	
}

.bg-yellow2{
	background-color: #d6f700  !important;
}

.bg-yellow3{
	background-color: #fff715;
}

.bg-yellow-stripes{
	background: repeating-linear-gradient(
		45deg,
		#FFF815,
		#FFF815 10px,
		#fffc9e 10px,
		#fffc9e 20px
	);
}

.border-yellow{
	border-color: #FFF815;
}

.bg-navy{
	background-color: #1A2935 !important;
}

.bg-navy:not(.no-hover):hover{
	background-color: #284760 !important;	
}

.bg-blue2{
	background-color: #388088 !important;
}

.bg-blue2.disabled{
	background-color: #CCCCCC !important;
    cursor: not-allowed;
}

.bg-gray1{
	background-color: #333333 !important;
}

.bg-gray2{
	background-color: rgba(30,30,30,0.75) !important;
}

.bg-gray3{
	background-color: #CCCCCC !important;
}

.bg-gray3.hover:hover{
	background-color: #AAAAAA !important;
}

.bg-gray3_2{
	background-color: #AAA !important;
}

.bg-gray4{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100 */
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(left, #383838 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #383838 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #383838 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 */
}

.bg-gray4:not(.no-hover):not(.active):not(.disabled):hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100;Black+3D */
	background: #0e0e0e; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0e0e0e 0%, #252525 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0e0e0e 0%,#252525 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0e0e0e 0%,#252525 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#252525',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}

.bg-gray4.active{
	background: #111;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
	-moz-box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
	box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
}

.bg-gray4_2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100 */
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(left, #0e0e0e 0%, #383838 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0e0e0e 0%,#383838 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0e0e0e 0%,#383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#383838',GradientType=1 ); /* IE6-9 */
}

.bg-gray4_2:not(.no-hover):not(.active):not(.disabled):hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100;Black+3D */
	background: #0e0e0e; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0e0e0e 0%, #252525 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0e0e0e 0%,#252525 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0e0e0e 0%,#252525 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#252525',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}

.bg-gray4_2.active{
	background: #111;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
	-moz-box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
	box-shadow: 0px 0px 5px 1px rgba(4,255,0,0.71);
}

.bg-gray4_3{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100 */
	background: #383838; /* Old browsers */
}

.bg-gray4_3:not(.no-hover):not(.active):not(.disabled):hover,.bg-gray4_3.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100;Black+3D */
	background: #0e0e0e; /* Old browsers */
}

.multiplayer .bg-gray4.active{
	background: #111;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255,248,21,0.71);
	-moz-box-shadow: 0px 0px 5px 1px rgba(255,248,21,0.71);
	box-shadow: 0px 0px 5px 1px rgba(255,248,21,0.71);
}

.bg-gray5{
	background-color: rgba(30,30,30,0.85) !important;
}

.bg-gray6{
	background-color: #2B2B2B;	
}

.bg-gray7{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,0e0e0e+100 */
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(top, #383838 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #383838 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #383838 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 */
}

.bg-gray8{
	background-color: #3B3B3B;	
}

.bg-gray8.hover:hover{
	background-color: #222222;	
}

.bg-gray9{
	background-color: #D4D6D4;	
}

.bg-gray10{
	background-color: black;	
}

.bg-gray10:not(.active):not(.no-hover):hover{
	background-color: #303030;	
}

.bg-gray10.active{
	background-color: #04FF00;
	color: black;	
}

.bg-gray11{
	background-color: #191919;	
}

.bg-gray12{
	background-color: #B7B7B7;	
}

.bg-gray12:hover{
	background-color: #DDDDDD !important;	
}

.bg-gray13{
	background-color: rgba(0,0,0,0.75) !important;
}

.bg-gray14{
    background-color: #3b3b3b;
}

.bg-gray14.not-active{
    background-color: #bcbcbc;
}

.bg-gray15{
    background-color: #eaeaea;
}

.bg-black{
	background-color: black !important;	
}

.bg-black.hover:hover{
	background-color: #737373 !important;	
}

.bg-black2{
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-blackboard{
	background: url(../images/blackboard.png) no-repeat;
	background-size: 100% 100%;	
}

.bg-chess{
	background-color: black;
	background-image: linear-gradient(45deg, #222 25%, transparent 25%), linear-gradient(-45deg, #222 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #222 75%), linear-gradient(-45deg, transparent 75%, #222 75%);
  	background-size: 80px 80px;
  	background-position: 0 0, 0 40px, 40px -40px, -40px 0px;
}

.bg-modal1{
	background-color: black;
	background-image: url("../images/background_modal.jpg");
	background-size: 120% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.border-white{
	border-color: white;
	border-width: 1px;
	border-style: solid;
}

.border-red{
	border-color: #F12A3A;
	border-width: 1px;
	border-style: solid;
}

.border-green{
	border-color: #04ff00;
	border-width: 1px;
	border-style: solid;
}

.border-orange{
	border-color: #FF6D00;
	border-width: 1px;
	border-style: solid;
}

.border-gray{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

.border-black{
	border-color: black;
	border-width: 1px;
	border-style: solid;	
}

.border-thick{
	border-width: 4px;	
}

.border-outset{
	border-style: outset;	
}

.brown1{
	color: #aa8a0c; 
}

.bg-block-stripes{
	background: repeating-linear-gradient(
		45deg,
		rgba(0, 0, 0, 0.1),
		rgba(0, 0, 0, 0.1) 10px,
		rgba(0, 0, 0, 0.5) 10px,
		rgba(0, 0, 0, 0.5) 20px
	);
}

.bg-brown2{
    background-color: burlywood;
}
/**** END COLORS **/
/*