.Blink {
	animation: blinker .4s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes shake {
    0% { transform: translateX(0px); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(2px); }
}
@keyframes blinker {
	from { 
		opacity:1;	
	}

	to {
		opacity: 0;
	}
}
body{
	overflow-x: hidden;
}
html, body {
	min-height: 100% !important;
	height: 100%;
}

.tituloModulo {
	font-size: 1.5rem;
}

.form-control {
	height: calc(1.5em + 0.5rem + 2px) !important;
	padding: 0.25rem 0.5rem !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}

.bodyIndex {
	background-image: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.bodyIndexListas {
	background-image: url("../img/fondoListas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.bodyHomePelicano {
	background-image: url("../img/fondoPelicano.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 65% 100%;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	top: 40%;
	left: 48%;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #F44336;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #F44336 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring { 
	0% {
		transform: rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.header {
	height: 81px;
	background: #31353d;
	color: #FFFFFF;
	padding: 0px !Important;
}

.fa-bars {
	cursor: pointer;
}

.contenedor {
	width: 100%;
}

.btnHeader, .btnOrange {
	color: white !important;
	background: #fe5000 !Important;
	font-size: 13px !Important;
	border: none !Important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #FFF !Important;
	background-color: #7fbc03 !Important;
}

.nav-link {
	padding: 5px !Important;
	height: 30px;
}

.table {
	font-size: 12px;
}

.table-thead {
	background: #fe5000;
	color: white;
}

.iconEdit {
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	color: #8fd500 !important;
}

.iconDeleteTop {
	cursor: pointer;
	font-size: 1.1em;
	color: white;
}

.iconDelete, .iconDeleteRel {
	cursor: pointer;
	font-size: 1.1em;
	color: red;
}

.iconHeader {
	cursor: pointer;
	font-size: 1.5em;
	color: white;
}

.iconHeaderMobil {
	cursor: pointer;
	color: #fe5000;
}

.iconOnMouse {
	cursor: pointer;
}

.inputLista {
	border: none;
	border-bottom: 1.5px solid #fe5000;
	width: 100%;
	background: transparent;
}

.btnLista {
	color: white;
	background-color: #fe5000;
	height: 25px;
	padding: 0px;
	width: 65px;
}

.inputTextForm {
	border: none;
	border-bottom: 1.5px solid #fe5000;
}

fieldset.scheduler-border {
	min-height: 75vh;
	border-radius: 5px;
	border: 1px groove #fe5000 !important;
	padding: 0 1.4em 2.4em 1.4em !important;
	margin-top: 15px;
	-webkit-box-shadow: 0px 3px 0px 0px #fe5000;
	box-shadow: 0px 3px 0px 0px #fe5000;
	overflow-x: hidden;
	overflow-y: auto;
}

fieldset.scheduler-border-auto {
	min-height: auto;
	border-radius: 5px;
	border: 1px groove #fe5000 !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin-top: 15px;
	-webkit-box-shadow: 0px 3px 0px 0px #fe5000;
	box-shadow: 0px 3px 0px 0px #fe5000;
	overflow-x: hidden;
	overflow-y: auto;
}

legend.scheduler-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}

.div-height {
	min-height: 75vh;
	max-height: 75vh;
	overflow: auto;
}

#btnsHeader {
	display: initial;
	position: absolute;
	right: 15px;
	top: -10px;
}

#btnsHeaderMobil {
	display: none;
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	/*   	#btnsHeaderMobil{ */
	/* 		display:initial; */
	/* 	} */
	#btnsHeader {
		position: initial;
		margin-right: 15px;
		text-align: right;
		width: 100%;
		margin-bottom: 15px;
	}
	.btnHeader {
		font-size: 10px !important;
	}
	.navHeader {
		height: 25px !important;
		padding: 5px !important;
	}
	.div-height {
		min-height: 55vh;
		max-height: 55vh;
		overflow-y: auto;
	}
	.tituloModulo {
		font-size: 1rem;
	}
	.iconHeaderMobil {
		margin-right: 5px;
	}
	/* 	.table-responsive { */
	/* 		height: 70vh; */
	/* 	} */
	fieldset.scheduler-border {
		min-height: 65vh;
	}
	.lds-ring {
		left: 40%;
	}
	.table {
		font-size: 11px;
	}
	.fc-scroller {
		height: auto !Important;
	}
	.fc-left {
		font-size: .8em;
	}
	.fc-right {
		font-size: .8em;
	}
	.fc-center {
		width: 100% !Important;
		text-align: center !Important;
		display: flex !Important;
	}
	.fc-center h2 {
		font-size: 1em !Important;
		margin-top: 10px !Important;
		margin: 0 auto !Important;
		padding-top: 15px !Important;
	}
}

@media ( min-width : 1024px) {
	.div-height, fieldset.scheduler-border {
		min-height: 65vh;
		max-height: 65vh;
	}
	.height-reduccion {
		min-height: 75vh !Important;
		max-height: 75vh !Important;
	}
}

@media ( min-width : 1440px) {
	.div-height, fieldset.scheduler-border {
		min-height: 69vh;
		max-height: 69vh;
	}
	.height-reduccion {
		min-height: 75vh !Important;
		max-height: 75vh !Important;
	}
}

@media ( min-width : 1680px) {
	.div-height, fieldset.scheduler-border {
		min-height: 68vh;
		max-height: 68vh;
	}
	.height-reduccion {
		min-height: 75vh !Important;
		max-height: 75vh !Important;
	}
}

@media ( min-width : 3840px) {
	.div-height, fieldset.scheduler-border {
		min-height: 85vh;
		max-height: 85vh;
	}
	.height-reduccion {
		min-height: 80vh !Important;
		max-height: 80vh !Important;
	}
}

tbody td {
	padding: 30px;
}

tbody tr:nth-child(odd) {
	/*background-color: #e0e3e7;*/
	background-color: #ededed38;
}

.page-link {
	cursor: pointer;
	padding: 10px !important;
	font-size: 12px !important;
	line-height: 0.25 !important;
	font-weight: 600;
	color: #31353d !important;
}

.page-item.active .page-link {
	background-color: #7fbc03 !important;
	border-color: #7fbb03 !important;
	color: white !important;
}

.page-item.disabled .page-link {
	color: #bdbdbd !Important;
}

.table th, .table td {
	padding: 0.30rem !important;
}

.supAsignados {
	background: #d7d7d717;
	width: 270px;
	height: 320px;
	display: inline-block;
	border: 1px solid #7fbc03;
	border-radius: 5px;
}

.supDisponibles {
	background: #d7d7d717;
	width: 270px;
	height: 320px;
	display: inline-block;
	border-radius: 5px;
	border: 2px solid #fe5000;
}

.registrosPagina {
	height: 25px;
	padding: 0px;
	font-size: 12px;
	width: 80px;
	margin: 0px 0px 0px;
	position: absolute;
	right: 0px;
}

.custom-header {
	background: #fe5000 !important;
	color: white !important;
}

.search-input {
	width: 100%;
	background: #ffffff;
	border: none;
	border-bottom: 2px solid #fe5000;
	margin-bottom: 5px;
}

.search-input:focus {
	outline: none !important;
}

.navHeader {
	width: 100px;
	display: inline-block;
	height: 29px;
	padding: 3px;
	border-radius: 3px;
	top: 4px;
}

.navHeader a {
	color: white !important;
}

.menuNavHeader a {
	font-size: 13px;
	font-weight: 600;
}

.menuNavHeader {
	border-radius: 3px !important;
	border: transparent;
	position: absolute !important;
	background: #fe5000;
	margin-top: 4px;
	left: -99% !important;
	border-radius: 0px;
	padding: 8px;
	text-align: center;
}

.selecEmpleado {
	cursor: pointer;
}

.navHeaderDisabled {
	opacity: 0.65;
}

.iconAsignacion {
	cursor: pointer !important;
	font-size: 1.3em !important;
}

.iconVerInmuebles {
	cursor: pointer !important;
	font-size: 1.3em !important;
}

.iconAsignacionSub {
	cursor: pointer !important;
	font-size: 1.3em !important;
}

.tdTitulo {
	background: #959595;
	color: white;
	font-weight: 600;
}

.bgOrange {
	background: #fe5000 !Important;
}

.diaSemana {
	background: #7fbc03;
	color: white;
	font-weight: 700;
	font-size: 1.2em;
}

.diaEjecucion, .fechaUnicaOcasion {
	display: none;
}

.iconEvidencia {
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	color: #8fd500 !important;
}

.iconIncidencia {
	cursor: pointer;
	font-size: 1.1em;
	color: red;
}

.planVencido>td {
	background: #c60000a3;
	color: white;
}

.cursorPointer {
	cursor: pointer !important;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer;
}

.progress-bar {
	background-color: #4CAF50;
}
/* Fixes for IE < 8 */
@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity = 0);
		font-size: 100%;
		height: 100%;
	}
}

.adjuntos {
	font-size: 1.2em !important;
	color: #7fbc03 !important;
}

.eviCompletado>td {
	background: #81bf47;
	opacity: 1.1;
	color: white;
}

.eviPendiente>td {
	background: #c60000a3;
	opacity: 1.1;
	color: white;
}

.display-none {
	display: none !important;
}

.iconPdf {
	font-size: 3.5em;
	color: red;
}

.iconFile {
	font-size: 3.5em;
	color: #6b6b6b;
}

.evidencia-req {
	background: #F44336 !important;
	border-color: #F44336 !important;
}

.divCheckList {
	height: 50vh;
}

.btnBuscaCheck {
	padding-top: 0%;
}

@media ( min-width : 576px) {
	.divCheckList {
		height: 90vh;
	}
	.btnBuscaCheck {
		padding-top: 6%;
	}
}

@media ( min-width : 768px) {
	.divCheckList {
		height: 90vh;
	}
	.btnBuscaCheck {
		padding-top: 6%;
	}
}

@media ( min-width : 992px) {
	.btnBuscaCheck {
		padding-top: 0%;
	}
	.divCheckList {
		height: 50vh;
	}
}

.greenBg {
	background: #7fbc03;
}

.redBg {
	background: #ff0000;
}

.yellowBg {
	background: #ffcc00;
}

.noBorder {
	border: none;
	outline: none;
	text-color: #c0c0c0;
}

.img-visor {
	width: 100%;
	margin: auto;
	display: block;
}

.filename_visor {
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.nuevaInc {
	color: #4CAF50;
}

.td-v-align {
	vertical-align: middle;
}

.overflow-auto {
	overflow: auto;
}

.txt-orange {
	color: #fe5000 !important
}

.font-bold {
	font-weight: 600;
}

#img-viewer {
	width: fit-content;
}

.liPendiente {
	font-size: 13px;
	border: 1px solid #31353d33;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px #ff9800;
}

.liEjecutada {
	font-size: 13px;
	border: 1px solid #31353d33;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px #7fbc03;
}

.liVencido {
	font-size: 13px;
	border: 1px solid #31353d33;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px #FF5722;
}

.liPendiente:hover, .liEjecutada:hover, .liVencido:hover {
	cursor: pointer;
	background: #fe5000;
	color: white;
}

.liAreas {
	font-size: 13px;
	border: 1px solid #31353d33;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px #fe5000;
	background: #80808014;
	height: 70px;
	max-height: 70px;
	overflow: auto;
	text-align: center;
	font-weight: 700;
}

.liAreas:hover {
	cursor: pointer;
	background: #fe5000;
	color: white;
}

.txt-verde {
	font-size: 1.2em;
	color: #4aab00;
	border-radius: 5px;
	padding: 2px;
}

.txt-rojo {
	font-size: 1.2em;
	color: red;
	border-radius: 5px;
	padding: 2px;
}

.ms-options {
	position: absolute !important;
}

.deptosResLista {
	border: 2px solid #f44336;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
	color: #7a7a7a;
}

.deptosResListaSel {
	border: 2px solid #28a745;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
	color: white;
	background: #28a745c9;
}

.deptosResLista:hover, .deptosResListaSel:hover {
	opacity: .5;
	cursor: pointer;
}

.ver-evi-link {
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	color: #28a745 !important;
}

.del-evi-link {
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	color: #E91E63 !important;
}

.trActive {
	background: #80808073 !important;
}

.currentDate {
	
}

.cell-totales {
	background: #fe5000;
	color: white;
	font-weight: bold;
}

.cell-hide {
	visibility: hidden;
}

.cell-bajo {
	background: #FA443E;
	color: white;
	font-weight: bold;
}

.cell-regular {
	background: #FCE849;
	color: white;
	font-weight: bold;
}

.cell-bueno {
	background: #49FC4A;
	color: white;
	font-weight: bold;
}

.cell-excelente {
	background: #4986FC;
	color: white;
	font-weight: bold;
}

.totales-a {
	float: rigth;
	background-color: #8080ff;
}

.totales-b {
	float: rigth;
	background-color: #b3d9ff;
	color: white;
}

.totales-c {
	float: rigth;
	background-color: #80bfff;
}

.totales-d {
	float: rigth;
	background-color: #0059b3;
	color: white;
}

.text-bold {
	font-weight: bold;
}

.sucursalesUsuario {
	background: #616977;
	max-height: 105px;
	overflow: auto;
}

.rowTotal {
	background: #9e9e9e !important;
	color: white !important;
	font-weight: 700 !important;
}

.infoToolTip {
	margin: 0px !Important;
	font-size: 1.2em !Important;
}

.seleccionPadre {
	cursor: pointer;
	border: 1px solid;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 3px;
}

.seleccionPadre:hover {
	background: #80808026;
}

.iconAsign {
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	color: #8fd500 !important;
}

.seleccionAsigna {
	cursor: pointer;
	border: 1px solid;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 3px;
}

.seleccionAsigna:hover {
	background: #80808026;
}

.iconClosePlan {
	cursor: pointer;
	font-size: 1.1em;
	color: #007bff;
}

.iconVerProveedores {
	cursor: pointer !important;
	font-size: 1.3em !important;
}

.iconClosePlanCerrado {
	cursor: pointer;
	font-size: 1.1em;
	color: red;
}

.iconHasIncidencias {
	cursor: pointer;
	font-size: 1.1em;
	color: #FFC300;
}

.porcentaje-input {
	background-color: #fe5000 !Important;
	border: none;
	text-align: right;
	font-weight: bold;
	color: aliceblue;
}

.fc-button {
	background: #ff5000 !Important;
	color: #FFF !Important;
}

.fc-unthemed .fc-today {
	background: #ff8e5a !Important;
}

.evento {
	cursor: pointer !important;
}

.fc-center h2 {
	text-transform: capitalize;
}

.ds-filter-container {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12px;
	width: 30%;
}

.ds-filter {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12px;
	width: 20%;
}

.ds-table {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12px;
}

.ds-select {
	width: 100%;
}

.ds-table-thead {
	background: #fe5000;
	color: white;
	width: 50%;
}

.ds-table-td {
	background-color: #ffffff;
	color: black;
	font-weight: bold;
	border: solid 1px black;
}

.text-center {
	text-align: center !Important;
}

.btnVideo {
	display: none;
}

.btnFoto {
	display: none;
}

.btnSubirEv, .btnFoto, .btnVideo {
	width: 100px;
}

@media only screen and (max-width: 600px) {
	.fas {
		font-size: 1.5em;
	}
	.fa {
		font-size: 1.5em;
	}
	.nav-tabs {
		font-size: 0.8em;
	}
	.btnSubirEv, .btnFoto, .btnVideo {
		min-width: 76px !Important;
		max-width: 76px !Important;
	}
}

/* styling of start and stop buttons */
#video_st, #video_en, #aud_st, #aud_en {
	margin-top: 10px;
	border-radius: 100%;
	cursor: pointer;
}

#video_st:focus, #video_en:focus {
	outline: none !Important;
}

#vidBox {
	background-color: #e7e7e7;
	width: 100%;
	height: 450px;
}
/*video box styling*/
.videoDiv {
	background-color: #e7e7e7;
	display: block;
	margin: 6px auto;
	width: 100%;
	height: 450px;
}

.filtroActivo {
	background: #31353d !Important;
	color: white !Important;
	font-weight: bold !Important;
	border-radius: 3px !Important;
}

.accordeonAnio {
	color: #000;
	font-weight: bold;
}

.anioSelected {
	text-decoration: underline !Important;
	color: #3F51B5 !Important;
}

.icon-button {
	position: relative;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	color: #333333;
	background: #dddddd;
	border: none;
	outline: none;
	border-radius: 50%;
}

.icon-button:hover {
	cursor: pointer;
}

.icon-button:active {
	background: #cccccc;
}

.icon-button__badge {
font-size: .9rem;
    position: absolute;
    top: -10px;
    right: -12px;
    width: 25px;
    height: 25px;
    background: red;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
}

.fa-bars{
	font-size:1em !important;	
}

.sidenav {
    height: 91.5vh;
    width: 0px;
    position: absolute;
    z-index: 9999;
    top: 80px;
    right: 0;
    background-color: #31353d;
    overflow-x: auto;
    transition: 0.5s;
    padding-top: 10px;
    border-top: 1px solid #ffffff4a;
    overflow-x: hidden;
}

.sidenav a {
    padding: 10px 15px 10px 30px;
    text-decoration: none;
    font-size: 25px;
    color: white;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: -20px;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
}


.notificacion{
	border: 1px solid white;
	background: #f5f3f3;
	border-radius: 3px;
  	font-size: 11px;
	cursor: pointer;
	color: #00364f;
   	font-weight: bold;  
   	position:relative; 	
} 
.notificacion:hover{
	box-shadow: 2px 5px #FF5722;
    opacity: .9;
}

@keyframes fadeOutRed {
    0% { background: #8BC34A; }
    35% { background: #8BC34A; }
    100% { background: transparent; }
}

.new-ver-mas {
    animation: fadeOutRed 7s forwards; /* La animación terminará en el estado final y se mantendrá allí */
}


.notificacionAlert{
/* 	background: #ff1a09 !Important; */
/* 	color: white !important; */
	border: 2px solid red;
	border-radius: 3px;
}
.notificacionAlert .fa-exclamation-triangle {
    color: #ffffff !important;
}
 
.tooltip {
	opacity: 1;
    font-weight: bold;
    position: absolute;
    top: 51px;
    right: 3px;
    padding: 10px;
    background-color: #FF5722;
    color: #fff;
    border-radius: 5px;
    transition: opacity 0.3s;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 4px 4px 4px 4px #272727;
    display: none;
    animation: shake 3s infinite;
}

.tooltip::before {
      content: "";
    position: absolute;
    top: -10px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FF5722;
}

.divPrioridad{
	background: #FF5722;	 
	padding-left: 5px;
	padding-right: 5px; 
	border-radius: 3px;
	color: white;
	width: 70px;
	text-align: center;
}

.cantPrioridad{
	background: #31353d;
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    color: white;
    text-align: center;
}
.notificacionRow:hover{
    opacity: .8;
    background: #0b162d;
    color: white;
    text-decoration: underline;
}
.incidenciasNA{
	color: #ff1a09;
}

.incidenciasNV{
	color: white;
}

.pl-1-9{
	padding-left:1.9rem !important;
}

.pr-1-9{
	padding-right:1.9rem !important;
}

.ver-mas, .ver-menos { 
	display:none;
	font-size:12px;
	cursor:pointer;
}

.ver-mas:hover, .ver-menos:hover{
	text-decoration: underline;
}

.incPasadasCard, .incNuevasCard{
	display:none;
} 
.mb-2-5{
	margin-bottom: 0.7rem !important;
} 

.btnAyuda{
    background: #31353d !important;
    border: none;	
}

.fz-1-5em{
	font-size: 1.5em !Important;
}
.selectArea{
	background: #31353d;
    cursor: pointer;
    color: white;
    font-weight: 600;
}
.selectArea:hover{
	opacity: .8;
}
#chatbot-btn:hover{
	cursor: pointer;
	opacity: .8;
}

.fix-head{
	position: sticky;
    top: -2px;
    background-color: #fe5000;
    z-index: 1;
}