.separator {
	border-top: 1px solid #d8d8d8;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center !important;
}

.divcopyright {
	text-align: center !important;
}

#divcopyright {
	color: #181717;
}

/***START AUTOCOMPLETE***/
.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	@import "CustomAyB.css";
	list-style: none;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.ui-autocomplete > li > div {
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
	text-decoration: none;
	color: #262626;
	background-color: #f2f4f8;
	cursor: pointer;
	font-weight: bold;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/***END AUTOCOMPLETE***/

/***START DATEPICKER***/
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: #669c0a !important;
	color: #fff !important;
	cursor: pointer;
}

.datepicker table tr td.active.active {
	background: #669c0a !important;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
	background: #669c0a !important;
	color: #ffffff;
}

.datepicker table tr td span:hover {
	background: #669c0a !important;
	color: #ffffff;
}

.datepicker table tr td.today {
	background: #1e88e5 !important;
	color: #ffffff;
}
/***END DATEPICKER***/

/*Cambio Color por Rojo*/

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
	background-image: linear-gradient(#669c0a, #669c0a), linear-gradient(#d9d9d9, #d9d9d9);
}

.swal2-popup .swal2-styled.swal2-confirm {
	background-color: #669c0a !important;
}

.text-themecolor {
	color: #669c0a !important;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
	color: #669c0a !important;
}

.sidebar-nav > ul > li > a.active i,
.sidebar-nav > ul > li > a:hover i {
	color: #669c0a !important;
}

.sidebar-nav > ul > li:hover > a,
.sidebar-nav > ul > li:hover > a i {
	color: #ffffff !important;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
	color: #ffffff;
	background: #669c0a;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
	color: #ffffff;
	background: #669c0a;
}

.btn-info.disabled:hover,
.btn-info:hover {
	background: #669c0a;
	border: 1px solid #669c0a;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(23, 105, 255, 0.2);
	box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info,
.btn-info.disabled {
	background: #669c0a;
	border: 1px solid #669c0a;
	-webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2),
		0 1px 5px 0 rgba(66, 165, 245, 0.12);
	box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2),
		0 1px 5px 0 rgba(66, 165, 245, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #669c0a !important;
	border-color: #669c0a !important;
}

.btn-info:hover {
	background: #547718;
	border: 1px solid #547718;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(23, 105, 255, 0.2);
	box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info:focus {
	background: #547718;
	border: 1px solid #547718;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
	color: #ffffff !important;
	background: #669c0a;
}

.sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li.active:hover > a i {
	color: #ffffff !important;
}

.btn-success.disabled,
.btn-success {
	background: #669c0a;
	border: 1px solid #669c0a;
}

.btn-success.disabled:hover,
.btn-success:hover {
	background: #547718;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(40, 190, 189, 0.2);
	box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(40, 190, 189, 0.2);
	border: 1px solid #547718;
}

.topbar ul.dropdown-user li a:hover {
	background: #f2f4f8;
	color: #669c0a;
	text-decoration: none;
}

.dt-buttons .dt-button {
	background: #3ca23c;
}

.dt-buttonCambioFecha {
	background: #26c6da;
	color: #fff;
}

.dt-buttonCambioFecha:hover {
	background: #167b88 !important;
	border: 1px solid #167b88 !important;
	color: #fff !important;
	font: bold !important;
}

a {
	color: #669c0a;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #547718;
	text-decoration: underline;
}
/*Fin Cambio Color por Rojo*/

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
	color: #ffffff !important;
	background: #669c0a !important;
}

@media (max-width: 767px) {
	.login-register {
		position: fixed;
		padding: 50% 0;
	}
}

.navbar-nav {
	align-content: center;
}

.btn-circle.btn-ssm {
	width: 5px;
	height: 5px;
	padding: 5px 5px;
	font-size: 14px;
}

.btn-teal,
.btn-teal.disabled {
	background: #20c997;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	border: 1px solid #20c997;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-teal.disabled:hover,
.btn-teal:hover {
	background: #20c997;
	color: #ffffff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	border: 1px solid #20c997;
}
.btn-teal.active,
.btn-teal.disabled.active,
.btn-teal.disabled:focus,
.btn-teal:focus {
	background: #20c997;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-customblue,
.btn-customblue.disabled {
	background: #1e88e5;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	border: 1px solid #1e88e5;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-customblue.disabled:hover,
.btn-customblue:hover {
	background: #1e88e5;
	color: #ffffff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	border: 1px solid #1e88e5;
}
.btn-customblue.active,
.btn-customblue.disabled.active,
.btn-customblue.disabled:focus,
.btn-customblue:focus {
	background: #1e88e5;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-customred,
.btn-customred.disabled {
	background: #d80f5d;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2),
		0 1px 5px 0 rgba(248, 194, 0, 0.12);
	border: 1px solid #d80f5d;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-customred.disabled:hover,
.btn-customred:hover {
	background: #d80f5d;
	color: #ffffff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	border: 1px solid #d80f5d;
}
.btn-customred.active,
.btn-customred.disabled.active,
.btn-customred.disabled:focus,
.btn-customred:focus {
	background: #d80f5d;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
	box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.c3-chart-arc text {
	font-size: 0.6rem !important;
}