:root {
	--theme-primary: #e42535;
	--theme-primary-light: #f54a58;
	--theme-primary-hover: #cc1727;
	--theme-primary-transparent: rgba(204, 23, 39, 0.15);
	--theme-secondary-transparent: rgba(0, 95, 114, 0.15);
	--theme-secondary: #005f72;
	--theme-secondary-hover: #014b5a;
	--theme-pantone-2607: #694994;
	--theme-pantone-2607-hover: #523579;
	--theme-pantone-293: #00519c;
	--theme-pantone-293-hover: #03417c;
	--theme-pantone-430: #778792;
	--theme-pantone-430-hover: #586872;
	--theme-info: #01c0c8;
	--theme-info-hover: #138496;
	--theme-success: #367b2a;
	--theme-success-hover: #88b917;
	--theme-danger: #e42535;
	--theme-danger-hover: #cc1727;
	--theme-warning: #ffbc34;
	--theme-warning-hover: #e0a800;
	--theme-white: #f9fafc;
	--theme-black: #222222;
	--theme-grey: #235543;
}

/* Login page background */
/* body.login-page, .register-page {
	background: linear-gradient(90deg, var(--theme-info) 0%, var(--theme-primary) 100%);
} */

/* --- Main header --- */

.main-header {
	background: var(--theme-primary);
	/* background: linear-gradient(to right, var(--theme-primary) 0%, var(--theme-info) 50%, var(--theme-primary) 100%); */
	border-image: var(--theme-primary);
}

.main-header .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.9);
}

/* --- Content Header --- */
.content-header {
	padding: 15px 1rem;
}

.content-header .container-fluid .row {
	background-color: #fff;
	background-clip: border-box;
	border: 0 solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.1);
	padding: 10px;
}

.content-header .breadcrumb {
	line-height: 2rem;
}

/* --- Backgrounds --- */

.bg-primary {
	background-color: var(--theme-primary) !important;
}

.ajax-widget .bg-primary {
	background-color: var(--theme-secondary) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: var(--theme-primary-hover) !important;
}

.bg-secondary {
	background-color: var(--theme-secondary) !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
	background-color: var(--theme-secondary-hover) !important;
}

.bg-success {
	background-color: var(--theme-success) !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
	background-color: var(--theme-success-hover) !important;
}

.bg-info {
	background-color: var(--theme-info) !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
	background-color: var(--theme-info-hover) !important;
}

.bg-warning {
	background-color: var(--theme-warning) !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
	background-color: var(--theme-warning-hover) !important;
}

.bg-danger {
	background-color: var(--theme-danger) !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
	background-color: var(--theme-danger-hover) !important;
}

.bg-white {
	background-color: #fff !important;
}

/* --- Buttons --- */
tbody .btn {
	background-color: #fff;
	border: 1px solid var(--theme-secondary-transparent);
	color: var(--theme-secondary);
}
tbody .btn:hover {
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
	color: #fff;
}
tbody .btn.btn-danger {
	background-color: #fff;
	border: 1px solid var(--theme-primary-transparent);
	color: var(--theme-primary);
}
tbody .btn.btn-danger:hover {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
	color: #fff;
}

.dt-buttons .btn-primary {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
.dt-buttons .btn-primary:hover {
	background-color: var(--theme-primary-hover);
	border-color: var(--theme-primary-hover);
}

.btn-primary {
	color: #fff;
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
	box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: var(--theme-secondary-hover);
	border-color: var(--theme-secondary-hover);
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
	opacity: 0.8;
}

.btn-secondary {
	color: #fff;
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
	box-shadow: none;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
	color: #fff;
	background-color: var(--theme-secondary-hover);
	border-color: var(--theme-secondary-hover);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #fff;
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
	opacity: 0.8;
}

.btn-info {
	color: #000;
	background-color: var(--theme-info);
	border-color: var(--theme-info);
	box-shadow: none;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
	color: #fff;
	background-color: var(--theme-info-hover);
	border-color: var(--theme-info-hover);
}

.btn-info.disabled,
.btn-info:disabled {
	color: #000;
	background-color: var(--theme-info);
	border-color: var(--theme-info);
	opacity: 0.8;
}

.btn-success {
	color: #fff;
	background-color: var(--theme-success);
	border-color: var(--theme-success);
	box-shadow: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: var(--theme-success-hover);
	border-color: var(--theme-success-hover);
}

.btn-success.disabled,
.btn-success:disabled {
	color: #000;
	background-color: var(--theme-success);
	border-color: var(--theme-success);
	opacity: 0.8;
}

.btn-warning {
	color: #000;
	background-color: var(--theme-warning);
	border-color: var(--theme-warning);
	box-shadow: none;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
	color: #000;
	background-color: var(--theme-warning-hover);
	border-color: var(--theme-warning-hover);
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: #000;
	background-color: var(--theme-warning);
	border-color: var(--theme-warning);
	opacity: 0.8;
}

.btn-danger {
	color: #fff;
	background-color: var(--theme-danger);
	border-color: var(--theme-danger);
	box-shadow: none;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
	color: #fff;
	background-color: var(--theme-danger-hover);
	border-color: var(--theme-danger-hover);
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: #fff;
	background-color: var(--theme-danger);
	border-color: var(--theme-danger);
	opacity: 0.8;
}
.btn-candidate {
	color: #fff;
	background-color: var(--theme-pantone-293);
	border-color: var(--theme-pantone-293);
	box-shadow: none;
}
.btn-candidate:hover,
.btn-candidate:focus,
.btn-candidate.focus {
	color: #fff;
	background-color: var(--theme-pantone-293-hover);
	border-color: var(--theme-pantone-293-hover);
}
.btn-candidate.disabled,
.btn-candidate:disabled {
	color: #fff;
	background-color: var(--theme-pantone-293);
	border-color: var(--theme-pantone-293);
	opacity: 0.8;
}

/* --- Link --- */
a {
	color: var(--theme-primary);
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: var(--theme-primary-hover);
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}

/* Overwrite AdminLTE CSS */
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
	background-color: var(--theme-secondary-transparent);
	color: var(--theme-secondary-hover);
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
	background-color: var(--theme-secondary-transparent);
	color: var(--theme-secondary-hover);
}

.btn-default:focus {
	background-color: #e9ecef;
	color: #2b2b2b;
}

.sidebar .form-inline .input-group {
	flex-wrap: wrap;
}

.actions {
	display: flex;
}
.actions a,
.actions button {
	margin-left: 0.3rem;
}

.app-logo {
	padding: 0 0.5rem;
}

#module-zone {
	margin-top: 1rem;
}

.badge-warning {
	background-color: #fff;
	color: var(--theme-primary);
}

.navbar-dark {
	border: none;
}

@font-face {
	font-family: "Lucida Bright";
	src: url("../../font/LucidaBrightRegular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Lucida Bright";
	src: url("../../font/LucidaBrightRegularItalic.ttf");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Lucida Bright";
	src: url("../../font/LucidaBrightDemiBold.ttf");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Lucida Bright";
	src: url("../../font/LucidaBrightDemiBoldItalic.ttf");
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: "Lucida Sans";
	src: url("../../font/LucidaSansRegular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Lucida Sans";
	src: url("../../font/LucidaSansRegularItalic.ttf");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Lucida Sans";
	src: url("../../font/LucidaSansDemiBold.ttf");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Lucida Sans";
	src: url("../../font/LucidaSansDemiBoldItalic.ttf");
	font-weight: 600;
	font-style: italic;
}

body {
	font-family: "Lucida Sans";
	font-weight: 400;
	font-style: normal;
}

.navbar-nav > .user-menu > .dropdown-menu {
	width: 300px;
}

.nav-tabs a.nav-link {
	color: var(--theme-secondary);
	border: 1px solid var(--theme-secondary-transparent);
	border-radius: 0.5rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--theme-primary);
	border: 1px solid var(--theme-secondary-transparent);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	background-color: var(--theme-secondary-transparent);
	border: 1px solid var(--theme-secondary-transparent);
}

.nav-tabs-custom .nav-item {
	border: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
	color: var(--theme-secondary);
	background-color: var(--theme-secondary-transparent);
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	color: var(--theme-primary);
	background-color: #fff;
}

td form,
td a {
	float: none !important;
	display: block;
}
.table td {
	vertical-align: middle;
}

.nav-sidebar > .nav-item .nav-icon {
	margin-right: 0.4rem;
	color: var(--theme-primary);
}

a.status.btn {
	background-color: var(--theme-pantone-2607);
	border: none;
	color: #fff;
}
a.status.btn:hover {
	background-color: var(--theme-pantone-2607-hover);
}

body.login-page,
.register-page {
	background: none;
	background-color: #fff;
}

.login-box .card {
	border: 1px solid var(--theme-secondary-transparent);
	box-shadow: none;
}

.login-box .card-header {
	padding: 1rem;
	border: none;
	border-bottom: 1px solid var(--theme-secondary-transparent);
}

.login-box .card-primary.card-outline {
	border: 1px solid var(--theme-secondary-transparent);
}
.login-box a {
	color: var(--theme-secondary);
}
.login-box a i {
	color: var(--theme-primary);
	margin-right: 0.3rem;
}
p.login-box-msg {
	color: var(--theme-primary);
	font-size: 1.3rem;
}

.text-danger {
	color: var(--theme-primary);
	background-color: var(--theme-primary-transparent);
	padding: 0.8rem;
	border: 1px solid var(--theme-primary);
	border-radius: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
}

.text-success {
	color: var(--theme-secondary);
	background-color: rgba(10, 168, 134, 0.1);
	padding: 0.8rem;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
}

.text-info {
	color: var(--theme-secondary) !important;
	background-color: var(--theme-secondary-transparent);
	padding: 0.8rem;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
}

div.dataTables_wrapper.dt-bootstrap4 {
	position: unset;
}

#notification-total {
	background-color: #eeff00;
	color: var(--theme-primary);
	width: 30px;
	height: 30px;
	top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-tabs .nav-link.colored {
	color: white;
	background-color: var(--theme-primary-light);
}
.nav-tabs .nav-link.colored.active {
	background-color: var(--theme-primary-hover);
}
.nav-tabs .nav-link.colored:hover {
	background-color: var(--theme-primary-hover);
}