@charset "utf-8";
/* Following are styles for Asset preview of a valid color */
.darkTheme {
	margin: 0;
	padding: 4px;
	background-color: rgb(240, 240, 240);
	border: 1px solid rgb(197,197,197);
	font-family:'source_sans_proregular' !important;
	color: #605F5F;
	font-size: 12px;
}

.lightTheme {
	margin: 0;
	padding: 4px;
	background-color: rgb(75, 75, 75);
	border: 1px solid rgb(54,54,54);
	font-family:'source_sans_proregular' !important;
	color: #FFFFFF;
	font-size: 12px;
}

@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;

}

.errorIconDiv {
	background-image: -webkit-image-set(url("ErrorIcon.png") 1x, url("ErrorIcon@2x.png") 2x);
	background-position:center;
	width :12px;
	height :12px;
	float:left;
	background-repeat:no-repeat;
	position:relative;
	padding-top:4px;
	padding-right:6px;
    margin : 0;
}
.warningIconDiv {
	background-image: -webkit-image-set(url("WarningIcon.png") 1x, url("WarningIcon@2x.png") 2x);
	background-position:center;
	width :12px;
	height :12px;
	float:left;
	background-repeat:no-repeat;
	position:relative;
	padding-top:4px;
	padding-right:6px;
    margin : 0;
}
