/* =========================================================
   Theme
========================================================= */
:root {
	--bg-color: #F2F2F2;
	--text-color: #111111;
	--primary-color: #000000;
	--primary-color-hover: #4e4e4e;
	--required-color: #d00000;
	--link-color: #0a7a3b;
}

/* =========================================================
   Base
========================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background: var(--bg-color);
	color: var(--text-color);
	padding: 20px;
}

label {
	display: block;
	font-weight: 600;
}

p {
	font-size: 16px;
}

a {
	color: var(--link-color);
}

/* =========================================================
   Layout / Utilities
========================================================= */
.center {
	text-align: center;
}

.logo {
	margin-bottom: 10px;
}

/* =========================================================
   Components
========================================================= */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	display: block;
	width: 100%;
}

.btn-dark {
	background: var(--primary-color);
	color: #fff;
	padding: 15px;
	width: 100%;
}

.btn-dark:hover {
	background: var(--primary-color-hover);
	color: #fff;
}

.status {
	margin: 10px 0 15px;
	font-size: 14px;
}

.status--info {
	color: #444;
}

.status--success {
	color: #0a7a3b;
}

.status--error {
	color: #b00020;
}

/* =========================================================
   Form validation
========================================================= */
.requerido {
	color: var(--required-color);
}

.val {
	color: var(--required-color);
	font-size: 14px;
	font-weight: 400;
}

/* =========================================================
   Bootstrap adjustments
========================================================= */
.modal.in .modal-dialog {
	z-index: 999999;
}