// Flatly 3.1.1
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");

// Navbar =====================================================================

.navbar {
	border-width: 0;

	&-default {

		.badge {
			background-color: #fff;
			color: @navbar-default-bg;
		}
	}

	&-inverse {

		.badge {
			background-color: #fff;
			color: @navbar-inverse-bg;
		}
	}

	&-brand {
		padding: 18.5px 15px 20.5px;
	}
}

// Buttons ====================================================================

.btn:active {
	.box-shadow(none);
}

.btn-group.open .dropdown-toggle {
	.box-shadow(none);
}

// Typography =================================================================

.text-primary,
.text-primary:hover {
	color: @brand-primary;
}

.text-success,
.text-success:hover {
	color: @brand-success;
}

.text-danger,
.text-danger:hover {
	color: @brand-danger;
}

.text-warning,
.text-warning:hover {
	color: @brand-warning;
}

.text-info,
.text-info:hover {
	color: @brand-info;
}

// Tables =====================================================================

table,
.table {

	a {
		text-decoration: underline;
	}

	.success,
	.warning,
	.danger,
	.info {
		color: #fff;

		a {
			color: #fff;
		}
	}

	> thead > tr > th,
	> tbody > tr > th,
	> tfoot > tr > th,
	> thead > tr > td,
	> tbody > tr > td,
	> tfoot > tr > td {
		border: none;
	}

	&-bordered > thead > tr > th,
	&-bordered > tbody > tr > th,
	&-bordered > tfoot > tr > th,
	&-bordered > thead > tr > td,
	&-bordered > tbody > tr > td,
	&-bordered > tfoot > tr > td {
		border: 1px solid @table-border-color;
	}
}

// Forms ======================================================================

.form-control,
input, {
	border-width: 2px;
	.box-shadow(none);

	&:focus {
		.box-shadow(none);
	}
}

.has-warning {
	.help-block,
	.control-label,
	.radio,
	.checkbox,
	.radio-inline,
	.checkbox-inline,
	.form-control-feedback {
		color: @brand-warning;
	}

	.form-control,
	.form-control:focus {
		border: 2px solid @brand-warning;
	}

	.input-group-addon {
		border-color: @brand-warning;
	}
}

.has-error {
	.help-block,
	.control-label,
	.radio,
	.checkbox,
	.radio-inline,
	.checkbox-inline,
	.form-control-feedback {
		color: @brand-danger;
	}

	.form-control,
	.form-control:focus {
		border: 2px solid @brand-danger;
	}

	.input-group-addon {
		border-color: @brand-danger;
	}
}

.has-success {
	.help-block,
	.control-label,
	.radio,
	.checkbox,
	.radio-inline,
	.checkbox-inline,
	.form-control-feedback {
		color: @brand-success;
	}

	.form-control,
	.form-control:focus {
		border: 2px solid @brand-success;
	}

	.input-group-addon {
		border-color: @brand-success;
	}
}

// Navs =======================================================================

.nav {
	.open > a,
	.open > a:hover,
	.open > a:focus {
		border-color: transparent;
	}
}

.pager {
	a,
	a:hover {
		color: #fff;
	}

	.disabled {
		& > a,
		& > a:hover,
		& > a:focus,
		& > span {
			background-color: @pagination-disabled-bg;
		}
	}
}

// Indicators =================================================================

.alert {

	a,
	.alert-link {
		color: #fff;
		text-decoration: underline;
	}

	.close {
		color: #fff;
		text-decoration: none;
		opacity: 0.4;

		&:hover,
		&:focus {
			color: #fff;
			opacity: 1;
		}
	}
}

// Progress bars ==============================================================

.progress {
	height: 10px;
	.box-shadow(none);
	.progress-bar {
		font-size: 10px;
		line-height: 10px;
	}
}

// Containers =================================================================

.well {
	.box-shadow(none);
}
