$gray-100: lighten($col_main_1, 80%);
$gray-200: lighten($col_main_1, 65%);	
$gray-300: lighten($col_main_1, 50%);
$gray-400: lighten($col_main_1, 35%);
$gray-500: lighten($col_main_1, 20%);
$gray-600: lighten($col_main_1, 10%);
$gray-700: $col_main_1;
$gray-800: darken($col_main_1, 10%);
$gray-900: darken($col_main_1, 20%);

$theme-colors: (
  "primary": $col_main_1,
  "secondary": $col_main_2
);

$theme-colors: map-remove($theme-colors, "light", "dark");

$font-family-base: $font_para;

@import 'bootstrap/bootstrap';

.alert-error {
	@extend .alert-danger;
}

.btn.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
			
	.btn-label {
		position: relative;
		left: -12px;
		display: inline-block;
		padding: 6px 12px;
		background: rgba(0, 0, 0, 0.15);
		border-radius: 3px 0 0 3px;
	}
}

.form-control:focus {
	box-shadow: none;
}