/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.r8m {
	font-size: 0.9rem;
}

.glow-link:hover {
	text-shadow: 0 0 8px #78ecff;
	color: #76a5ff !important;
}

.dropdown-empresas {
	background-color: #283d70 !important;
	max-height: 250px;
	overflow-y: auto;
	/*width: 100%;*/
	padding: 6px;
	border: 1px solid #aaa !important;
	border-radius: 0 0 4px 4px;
}

.dropdown-menu label {
	color: #475F7B;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 0.2rem;
	cursor: pointer;
}

.dropdown-empresas-button::after {
	position: absolute !important; /* Override relative */
	top: 50% !important;
	transform: translateY(-50%) !important; /* vertical centering */
	left: auto !important;
	right: 12px !important; /* Adjust for spacing */
}

.k-0pn {
	width: 110%;
	display: flex !important;
	justify-content: normal;
}
	.k-0pn:hover {
		background-color: #5a8dee;
	}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #455885;
}

/*table-striped tbody tr:nth-of-type(even) {
	background-color: #455885;
}*/

.table.tablePeriodos th, .table.tablePeriodos td {
	padding: 0.5rem 1rem;
}

body.dark-layout {
	background-color: #0d1f4d;
}

body.dark-layout .card {
	border: solid 1px #8a99b5;
	background-color: #1d3162;
}

body.dark-layout .card .card-header, body.dark-layout .card .card-footer {
	/* color : #8A99B5; */
	background-color: #1d316200;
	/*border-color : #464D5C !important; */
}


body.dark-layout .card .card-body {
	color: #ffffff;
	background-color: #1d316200;
	border-color: #464D5C !important;
}

body.dark-layout .list-group .list-group-item:not([class*='list-group-item-']), body.dark-layout .list-group .list-group-item.list-group-item-action {
	background-color: #1d3162;
}

body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
	background-color: #0d1f4d;
}

body.dark-layout input.form-control, body.dark-layout .custom-file-label, body.dark-layout textarea.form-control {
	background-color: #e0e3e9;
	color: #071341;
}

body.dark-layout select.form-control, body.dark-layout .custom-select {
	background-color: #e0e3e9;
	color: #071341;
}

body.dark-layout .select2-container .select2-selection {
	background: #e0e3e9;
}

	body.dark-layout .select2-container .select2-selection .select2-selection__rendered {
		color: #071341;
	}

body.dark-layout .table thead th {
	color: #d4e3ff;
}

body.dark-layout .table tbody td, body.dark-layout .table tbody th {
	color: #bbbfc5;
}

	body.dark-layout .table tbody td .badge-circle-light-secondary, body.dark-layout .table tbody th .badge-circle-light-secondary {
		background-color: #6b88d3;
		color: #ffffff;
	}

	.badge-circle-light-secondary {
		background-color: #6b88d3;
		color: #ffffff;
	}

	body.dark-layout .table tbody td a i, body.dark-layout .table tbody th a i {
		color: #ffffff !important;
	}

body.dark-layout p, body.dark-layout small, body.dark-layout span:not(.badge):not(.token), body.dark-layout label {
	color: #d7e5ff;
}

body.dark-layout .cardGeneral {
	background-color: #13255B;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
}

body.dark-layout .layoutDropdown {
	background-color: #13255B;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
body.dark-layout .cardDashboard {
	background-color: #163f7d !important;
	padding-bottom: 1px;
	border-left-width: thick;
}


.cardDashboardTarea {
	background-color: #2559a8 !important;
}

.col {
	border-right: 1px solid grey;
}

body.dark-layout .tituloCard {
	color: white !important;
}

body.dark-layout .fondo {
	background-color: #0d1f4d !important;
}

body.dark-layout .selectForm {
	background-color: #e0e3e9 !important;
	border-top: 1px solid grey !important;
	border-bottom: 1px solid grey !important;
	border-left: 1px solid grey !important;
	border-right: 1px solid grey !important;
	color: #071341 !important;
}

.card-header
{
	padding-top:10px
}

.subtituloFechaCumplimiento {
	margin-top: 7px;
	margin-left: 16px;
	margin-right: 30px;
}

body.dark-layout .btnDashboard {
	color: white;
	background-color: darkseagreen;
	transition-duration: 0.4s;
	cursor: pointer;
}
	body.dark-layout .btnDashboard:hover {
		background-color: #6483a9 !important;
	}

.btn-secondary:hover, .btn-secondary.hover {
	background-color: #6483a9 !important;
	color: #FFFFFF;
}

.table.dataTable thead .sorting:before, .table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc_disabled:before, .table.dataTable thead .sorting_desc_disabled:after {
	font-family: 'boxicons';
	color: #ffffff;
}

body.dark-layout .table.table-hover tbody tr:hover {
	background-color: #385677;
}

body.dark-layout select.form-control option:checked, body.dark-layout .custom-select option:checked {
	background-color: #6a9be5;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
	margin-right: 0.1rem;
}

.main-menu.menu-light .navigation > li ul li > a {
	padding: 9px 5px !important;
	margin: 0 0px;
}

/*========================|
|   Menu title scroll	  |
=========================*/
.scroll-wrap-hover {
	position: relative;
	display: inline-block;
	width: 200px; /* Adjust to your layout */
	overflow: hidden;
	white-space: nowrap;
}

/* Scrolling track (2x content) */
.scroll-track {
	display: inline-block;
	white-space: nowrap;
	transform: translateX(0);
	will-change: transform;
}
	.scroll-track span {
		display: inline-block; /* Spans scroll together */
		padding: 0 115px 0 20px; /* spacing between repeats */
	}

/* On hover, animate the track */
.scroll-wrap-hover:hover .scroll-track {
	animation: scroll-loop 5s ease-in-out infinite;
}

/* Keyframes: move width of one text span + spacing */
@keyframes scroll-loop {
	0% {
		transform: translateX(0);
	}
	
	100% {
		transform: translateX(-50%);
	}
	/* Only scroll halfway both spans */
}

/* Fade effect with a gradient mask */
.scroll-wrap-hover::before,
.scroll-wrap-hover::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	z-index: 2;
	pointer-events: none;
}
	.scroll-wrap-hover::before {
		left: 0;
		background: linear-gradient(to right, #0d1f4d, transparent);
	}
	.scroll-wrap-hover::after {
		right: 0;
		background: linear-gradient(to left, #0d1f4d, transparent);
	}

/*========================|
|   Horizontal Timeline	  |
=========================*/
.timeline-h {
	display: flex;
	list-style-type: none;
	padding: 1rem 0 0 1rem;
	overflow-x: auto;
}

	.timeline-h li {
		margin: 0 20px;
		position: relative;
		width: 16rem;
	}

	.timeline-h li.timeline-item:before {
		position: absolute;
		content: '';
		left: -20px;
		top: -15px;
		border: 3px solid #FFFFFF;
		box-shadow: 1px 2px 6px 0 rgba(25, 42, 70, 0.3);
		border-radius: 50%;
		background: #5A8DEE;
		height: 13px;
		width: 13px;
		z-index: 2;
	}

	.timeline-h li.timeline-item.active:not(:last-child):after {
		position: absolute;
		content: '';
		width: 115%;
		background: #DFE3E7;
		left: -7px;
		top: -9px;
		height: 2px;
		z-index: 1;
	}

	.timeline-h li.timeline-item .timeline-content {
		padding: 0.5rem 1rem;
		border-radius: 0.267rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.timeline-h li .timeline-time {
		/*float: right;*/
		color: #828D99;
		font-size: 0.8rem;
		padding-bottom: 1rem;
	}

	.timeline-h li .timeline-title {
		margin-bottom: 0.25rem;
	}

	.timeline-h li .timeline-text {
		margin-bottom: 0.5rem;
		font-size: 0.8rem;
	}