.table-extra-condensed>thead>tr>th,
.table-extra-condensed>tbody>tr>th,
.table-extra-condensed>tfoot>tr>th,
.table-extra-condensed>thead>tr>td,
.table-extra-condensed>tbody>tr>td,
.table-extra-condensed>tfoot>tr>td{ padding: 2px; }

.wide-spacing{
	letter-spacing:0.1em;
}

/* Multi-step progress bar */

$brand-primary: tomato;
$white: #fff;
$grey-light: #ededed;
%remain-steps{
	&:before {
		content: counter(stepNum);
		font-family: inherit;
		font-weight: 700;
	}
	&:after{
		background-color: $grey-light;
	}
}
.multi-steps{
	display: table;
	table-layout: fixed;
	width: 100%;
	> li{
		counter-increment: stepNum;
		text-align: center;
		display: table-cell;
		position: relative;
		color: $brand-primary;

		&:before{
			content: '\f00c';
			content: '\2713;';
			content: '\10003';
			content: '\10004';
			content: '\2713';
			display: block;
			margin: 0 auto 4px;
			background-color: $white;
			width: 36px;
			height: 36px;
			line-height: 32px;
			text-align: center;
			font-weight: bold;
			border:{
				width: 2px;
				style: solid;
				color: $brand-primary;
				radius: 50%;
			}
		}
		&:after{
			content: '';
			height: 2px;
			width: 100%;
			background-color: $brand-primary;
			position: absolute;
			top: 16px;
			left: 50%;
			z-index: -1;
		}
		&:last-child{
			&:after{
				display: none;
			}
		}

		&.is-active{
			@extend %remain-steps;
			&:before{
				background-color: $white;
				border-color: $brand-primary;
			}

			~ li{
				color: #808080;
				@extend %remain-steps;
				&:before{
					background-color: $grey-light;
					border-color: $grey-light;
				}
			}
		}
	}
}

/* Button Default */

.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}

/* underscore link */

a.link-underscore{text-decoration:underline;}
a.link-underscore:hover {text-decoration:none;}

.map-responsive iframe{
    left:0;
    top:0;
    width:100%;
				margin: 0;
}

# 0 border
.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

input:invalid {
  border: 2px solid red;
}

textarea:invalid {
  border: 2px solid red;
}

.c2 {
  word-wrap: break-word;
}

.c2 a{
    border-bottom: 1px dashed #454F7F;
}

.image-fit {
	max-width: 100%;
	max-height: 100vh;
	width: auto;
	height: auto;

	margin: auto;
}