@textcolor: rgba(0, 0, 0, 0.8);
/* Palette generated by Material Palette - materialpalette.com/blue-grey/light-blue */

.ts-bg-dark-primary-color{
	background-color: @darkPrimaryColor; 
}
.ts-bg-primary-color{
	background-color: @primaryColor; 
}
.ts-bg-light-primary-color{
	background-color: @lightPrimaryColor; 
}
.ts-bg-text-primary-color{
	background-color: @textPrimaryColor; 
}
.ts-bg-accent-color{
	background-color: @accentColor; 
}
.ts-bg-primary-text-color{
	background-color: @primaryTextColor; 
}
.ts-bg-secondary-text-color{
	background-color: @secondaryTextColor; 
}
.ts-bg-divider-text-color{
	background-color: @dividerColor; 
}
.ts-bg-dark-error-color{
	background-color: @darkErrorColor; 
}
.ts-bg-error-color{
	background-color: @errorColor; 
}
.ts-bg-light-error-color{
	background-color: @lightErrorColor; 
}

.ts-text-dark-primary-color{
	color: @darkPrimaryColor; 
}
.ts-text-primary-color{
	color: @primaryColor; 
}
.ts-text-light-primary-color{
	color: @lightPrimaryColor; 
}
.ts-text-text-primary-color{
	color: @textPrimaryColor; 
}
.ts-text-accent-color{
	color: @accentColor; 
}
.ts-text-primary-text-color{
	color: @primaryTextColor; 
}
.ts-text-secondary-text-color{
	color: @secondaryTextColor; 
}
.ts-text-divider-text-color{
	color: @dividerColor; 
}
.ts-text-dark-error-color{
	color: @darkErrorColor; 
}
.ts-text-error-color{
	color: @errorColor; 
}
.ts-text-light-error-color{
	color: @lightErrorColor; 
}

.ts-border-dark-primary-color{
	border-color: @darkPrimaryColor; 
}
.ts-border-primary-color{
	border-color: @primaryColor; 
}
.ts-border-light-primary-color{
	border-color: @lightPrimaryColor; 
}
.ts-border-text-primary-color{
	border-color: @textPrimaryColor; 
}
.ts-border-accent-color{
	border-color: @accentColor; 
}
.ts-border-primary-text-color{
	border-color: @primaryTextColor; 
}
.ts-border-secondary-text-color{
	border-color: @secondaryTextColor; 
}
.ts-border-divider-text-color{
	border-color: @dividerColor; 
}
.ts-border-dark-error-color{
	border-color: @darkErrorColor; 
}
.ts-border-error-color{
	border-color: @errorColor; 
}
.ts-border-light-error-color{
	border-color: @lightErrorColor; 
}

.ts-shadow {
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
    box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);
}