@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

body
{
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content
{
	padding-left: 15px;
	padding-right: 15px;
}

/* styles for validation helpers */
.field-validation-error
{
	color: #b94a48;
}

.field-validation-valid
{
	display: none;
}

input.input-validation-error
{
	border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error
{
	border: 0 none;
}

.validation-summary-errors
{
	color: #b94a48;
}

.validation-summary-valid
{
	display: none;
}

.markup__button[data-markup-tag="region"],
.markup__button[data-markup-tag="region"]:active,
.markup__button[data-markup-tag="region"]:focus,
.markup__button[data-markup-tag="region"]:hover,
.article-markup region
{
	background-color: lightblue !important;
}

.markup__button[data-markup-tag="date"],
.markup__button[data-markup-tag="date"]:active,
.markup__button[data-markup-tag="date"]:focus,
.markup__button[data-markup-tag="date"]:hover,
.article-markup date
{
	background-color: lightgreen !important;
}

.markup__button[data-markup-tag="indicator"],
.markup__button[data-markup-tag="indicator"]:active,
.markup__button[data-markup-tag="indicator"]:focus,
.markup__button[data-markup-tag="indicator"]:hover,
.article-markup indicator
{
	background-color: yellow !important;
}

.markup__button[data-markup-tag="value"],
.markup__button[data-markup-tag="value"]:active,
.markup__button[data-markup-tag="value"]:focus,
.markup__button[data-markup-tag="value"]:hover,
.article-markup value
{
	background-color: lightpink !important;
}

.markup__button[data-markup-tag="unit"],
.markup__button[data-markup-tag="unit"]:active,
.markup__button[data-markup-tag="unit"]:focus,
.markup__button[data-markup-tag="unit"]:hover,
.article-markup unit
{
	background-color: lightgray !important;
}

.markup__button[data-markup-tag="direction"],
.markup__button[data-markup-tag="direction"]:active,
.markup__button[data-markup-tag="direction"]:focus,
.markup__button[data-markup-tag="direction"]:hover,
.article-markup direction
{
	background-color: #0ff !important;
}

.article-markup region,
.article-markup date,
.article-markup indicator,
.article-markup unit,
.article-markup value,
.article-markup direction
{
	cursor: pointer;
}

.container
{
	max-width: 100% !important;
	width: 100% !important;
}

#discoveredFacts
{
	margin-top: 30px;
}

.fact
{
	cursor: pointer;
	width: 100%;
	margin-bottom: 20px;

	span.text
	{
		font: 11.5pt @title-font;
		text-transform: capitalize;

		&.number
		{
			font-weight: bold;
			color: #0077ca;
			font-size: large;
		}
	}
}

.btn
{
	&.btn-danger, &.btn-primary
	{
		color: #fff;
	}
}

.community-name
{
	font-weight: bold;
}