/*
 * Globals
 */

@font-face {
	font-family: Nexa;
	src: url(fonts/Nexa/Nexa-Light.woff2) format("woff2"),
		url(fonts/Nexa/Nexa-Light.woff) format("woff"),
		url(fonts/Nexa/Nexa-Light.otf) format("opentype");
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: Nexa;
	src: url(fonts/Nexa/Nexa-Bold.woff2) format("woff2"),
		url(fonts/Nexa/Nexa-Bold.woff) format("woff"),
		url(fonts/Nexa/Nexa-Bold.otf) format("opentype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: Circe-Bold;
	src: url(fonts/Circe/Circe-Bold.woff2) format("woff2"),
		url(fonts/Circe/Circe-Bold.woff) format("woff"),
		url(fonts/Circe/Circe-Bold.otf) format("opentype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: Circe-Extra-Bold;
	src: url(fonts/Circe/Circe-ExtraBold.woff2) format("woff2"),
		url(fonts/Circe/Circe-ExtraBold.woff) format("woff"),
		url(fonts/Circe/Circe-ExtraBold.otf) format("ttf");
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: Circe-Extra-Light;
	src: url(fonts/Circe/Circe-ExtraLight.woff2) format("woff2"),
		url(fonts/Circe/Circe-ExtraLight.woff) format("woff"),
		url(fonts/Circe/Circe-ExtraLight.otf) format("ttf");
	font-style: normal;
	font-weight: 100;
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #333;
	text-shadow: none; /* Prevent inheritance from `body` */
	background-color: #fff;
	border: 0.05rem solid #fff;
}

/*
 * Base structure
 */

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body {
  width: 100%;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem !important;
  min-height: 100%;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
  background-color: #b79b3a;
  background: url(../images/homepage-cover.jpg);
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(34,30,31,.5))), url(../images/homepage-cover.jpg);
  background: linear-gradient(rgba(34,30,31,.5)), url(../images/homepage-cover.jpg);
	background-repeat: no-repeat;
	overflow-y: auto;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50%;
  font-family: Nexa;
}

.cover-container {
	/* max-width: 42em; */
}

/*
 * Header
 */
.masthead {
	margin-bottom: 2rem;
}

.masthead-brand {
	margin-bottom: 0;
}

.nav-masthead .nav-link {
	padding: 0.25rem 0;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	background-color: transparent;
	border-bottom: 0.25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
	border-bottom-color: rgba(255, 255, 255, 0.25);
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: #fff;
	border-bottom-color: #fff;
}

@media (min-width: 48em) {
	.masthead-brand {
		float: left;
	}
	.nav-masthead {
		float: right;
	}
}

/*
 * Cover
 */
.cover {
	padding: 0 1.5rem;
}
.cover .btn-lg {
	padding: 0.75rem 1.25rem;
	font-weight: 700;
}

/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

.question {
	min-height: 40px;
	color: #000;
	font-size: 18px;
}

.form-signin {
	width: 100%;
	max-width: 420px;
	padding: 15px;
	margin: auto;
}

.export {
	overflow: auto;
	height: 500px;
}

.form-check-input {
	margin-right: -1.25rem !important;
}

/*--switch--*/

.switch {
	font-size: 1rem;
	position: relative;
}
.switch input {
	position: absolute;
	height: 1px;
	width: 1px;
	background: none;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	padding: 0;
}
.switch input + label {
	position: relative;
	min-width: calc(calc(2.375rem * 0.8) * 2);
	border-radius: calc(2.375rem * 0.8);
	height: calc(2.375rem * 0.8);
	line-height: calc(2.375rem * 0.8);
	display: inline-block;
	cursor: pointer;
	outline: none;
	user-select: none;
	vertical-align: middle;
	text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(calc(2.375rem * 0.8) * 2);
	bottom: 0;
	display: block;
}
.switch input + label::before {
	right: 0;
	background-color: #dee2e6;
	border-radius: calc(2.375rem * 0.8);
	transition: 0.2s all;
}
.switch input + label::after {
	top: 2px;
	left: 2px;
	width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
	height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
	border-radius: 50%;
	background-color: white;
	transition: 0.2s all;
}
.switch input:checked + label::before {
	background-color: #08d;
}
.switch input:checked + label::after {
	margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
	color: #868e96;
	cursor: not-allowed;
}
.switch input:disabled + label::before {
	background-color: #e9ecef;
}
.switch.switch-sm {
	font-size: 0.875rem;
}
.switch.switch-sm input + label {
	min-width: calc(calc(1.9375rem * 0.8) * 2);
	height: calc(1.9375rem * 0.8);
	line-height: calc(1.9375rem * 0.8);
	text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
	width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
	width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
	height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
	margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
	font-size: 1.25rem;
}
.switch.switch-lg input + label {
	min-width: calc(calc(3rem * 0.8) * 2);
	height: calc(3rem * 0.8);
	line-height: calc(3rem * 0.8);
	text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
	width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
	width: calc(calc(3rem * 0.8) - calc(2px * 2));
	height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
	margin-left: calc(3rem * 0.8);
}
.switch + .switch {
	margin-left: 1rem;
}

body {
	padding: 1rem;
}

.dropdown-menu {
	margin-top: 0.75rem;
}

.ui-datepicker-inline {
	margin: 0 auto;
}

div.ui-datepicker {
	font-size: 14px;
}

.bg1 {
	background-color: #b79b3a;
	border: none;
}

.bg1:hover {
	background-color: #9e852d;
}