html {
	background-color: #f0ece3;
}

body {
	margin: 0;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #f0ece3;
	font-family: Lato;
	font-weight: 400;
	/*background-image: url('./pinetrees_800.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-size: 100%;*/
}

.btn {
	padding: 10px;
	border: solid 1px;
	font-size: 14px;
	border-radius: 10px;
	color: royalblue;
	background-color: transparent;
	margin-top: 10px;
	cursor: pointer;
}
.btn:hover { opacity: 0.8; }

.btn-filled {
	color: white;
	background-color: royalblue;
}

.btn-filled-green {
	color: white;
	background-color: #28A745;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-weight: 400;
	line-height: 1.2;
	font-family: Lato;
}

h1 {
	font-size: 2em;
}

a {
	color: inherit;
}

code {
	font-family: menlo, inconsolata, monospace;
	font-size: calc(1em - 2px);
	color: #555;
	background-color: #f0f0f0;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

@media (min-width: 400px) {
	body {
		font-size: 16px;
	}
}

.button[disabled].bg-color-campeagle {
	background-color: #617A98 !important;
	/* background-color: #aab3be; */
}
.button[disabled].bg-color-glorieta {
	background-color: #51723B !important;
}
.button[disabled].bg-color-blackdiamond {
	background-color: #3F7C7F !important;
}

.font-color-campeagle {
	color: #617A98;
}
.outline-color-campeagle {
	color: #617A98;
	border-color: #617A98;
	background-color: transparent;
}
.bg-color-campeagle {
	background-color: #617A98 !important;
	color: white;
}
.bg-color-campeagle.button:hover, .bg-color-campeagle.button:focus {
	background-color: #192030;
	color: white;
}
.font-color-glorieta {
	color: #51723B;
}
.outline-color-glorieta {
	color: #51723B;
	border-color: #51723B;
	background-color: transparent;
}
.bg-beige {
	background-color: #f0ece3;
	border-color: gray;
}
.bg-color-glorieta {
	background-color: #51723B !important;
	color: white;
}
.bg-color-glorieta.button:hover, .bg-color-glorieta.button:focus {
	background-color: #0F2D11;
	color: white;
}
.font-color-blackdiamond {
	color: #3F7C7F;
}
.outline-color-blackdiamond {
	color: #3F7C7F;
	border-color: #3F7C7F;
	background-color: transparent;
}
.bg-color-blackdiamond {
	background-color: #3F7C7F !important;
	color: white;
}
.bg-color-blackdiamond.button:hover, .bg-color-blackdiamond.button:focus {
	background-color: #192030;
	color: white;
}

.link:hover {
	cursor: pointer;
	text-decoration: underline;
}

button.button:disabled {
	box-shadow: 1px 1px 1px 1px;
}

hr {
	background-color: lightgray;
}