@charset "utf-8";
/* Following are styles for Asset preview of a valid color */
.lightTheme {
	margin: 0;
	padding: 4px;
	background-color: rgb(240, 240, 240);
	border: 1px solid rgb(197,197,197);
}

.darkTheme {
	margin: 0;
	padding: 4px;
	background-color: rgb(75, 75, 75);
	border: 1px solid rgb(54,54,54);
}

div {			
	height: 80px;
	width: 80px;
}

canvas {
	height: 80px;
	width: 80px;
}

/* Following are styles for Asset preview when the color code is not valid */
.bodyBglightThemeInvalidColor {
	padding: 0; 
	margin: 0;
	width: 170px; 
	height: 18px;
	background-color: rgb(240, 240, 240);
}

.bodyBgdarkThemeInvalidColor {
	padding: 0; 
	margin: 0;
	width: 170px; 
	height: 18px;
	background-color: rgb(75, 75, 75); 
}

.msglightThemeInvalidColor { 
	padding: 2px; 	
	margin: 0;
	font: 12px 'source_sans_proregular';
	text-align: center;
	width : 170px;
	height: 18px;
	color: #7D7C7C;
	background-color: rgb(240, 240, 240); 	
	border: 1px solid rgb(197,197,197);			
}

.msgdarkThemeInvalidColor { 
	padding: 2px; 		
	margin: 0;			
	font: 12px 'source_sans_proregular';
	text-align: center;
	width : 170px;
	height: 18px;
	color: #FFFFFF;	
	background-color: rgb(75, 75, 75); 
	border: 1px solid rgb(54,54,54);			
} 

@font-face {
  font-family: 'source_sans_proregular';
  src: url('../../Fonts/sourcesanspro-regular-webfont.eot');
  src: url('../../Fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../Fonts/sourcesanspro-regular-webfont.woff') format('woff'),
       url('../../Fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
       url('../../Fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
  font-weight: normal;
  font-style: normal;

}