.cont-vertical-menu {
	background: #073c5e;
	border: 4px solid;
	border-color: white
}

/*--Diseño Boton Inicio*/
/*.BotIni {
	text-decoration: none;
	padding-left: 15px;
	font-size: 26px;
	color: white;
}

	.BotIni:active {
		text-decoration: none;
		color: white;
	}

	.BotIni:hover {
		text-decoration: none;
		color: white;
	}

	.BotIni:before {
		text-decoration: none;
		color: #073c5e;
	}*/
	/*--FIN Diseño Boton Inicio*/
	/*--Diseño de los botones defs Nuevo Guardar Actualiza Volver*/
	.BottSup {
		padding: 4px;
		text-align: center;
		display: block;
		height: 32px;
		font-weight: 700;
		cursor: pointer;
		border: 1px solid #a3a2a1 !important;
		border-radius: 4px;
		background-color: #073c5e;
		color: #fff;
		font-size: 14px;
		text-shadow: 0 -1px 0 rgb(0 0 0 / 50%);
		box-shadow: 1.5px 1.5px 0 rgb(255 255 255 / 50%) inset, 0 1px 3px rgb(0 0 0 / 20%);
	}

.BottSup:active {
	background-color: #cf6a00;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%) inset;
}

.BottSup:hover {
	box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(198 198 198 / 20%), 0 1px 10px 0 rgb(198 198 198 / 20%);
}

.BottSup::before {
	content: "";
	text-align: center;
	color: white;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	background-color: black;
	/*background-color: #073c5e;*/
	transition: all 500ms ease;
	z-index: -1;
}

a:hover{
	color: #fff;
}

/*.BottSup3:hover {
	animation: shadow-pulse 1000ms 1;
	background-color: #073c5e;
	color: white;
}*/

@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(32, 226, 215, 0.6);
	}

	100% {
		box-shadow: 0 0 8px 16px rgba(32, 226, 215, 0);
	}
}

/*--Fin del Diseño de los botones defs Nuevo Guardar Actualiza Volver*/

/*--Menu superior que lleva los titulos de las paginas*/
.MenSup {
	/*background: #d35400;*/
	background: #feae19;
	color: #073c5e;
	
}
/*--FIN Menu superior que lleva los titulos de las paginas*/

/*--Barra superior que lleva los titulos de las paginas y los botons Guardar Actualizar Volver*/
.BarSup {
	/*border: 3px solid #073c5e;*/
	background: #073c5e;
	color: white;
	height: 50px;
	display: flex;
	align-items: center;
	border-start-start-radius: 0.25rem;
	border-start-end-radius: 0.25rem;
	/*color: #073c5e;*/
}

.BarSup ul li{
	margin-left: 11px;
}

.dropdown-menu .btn {
	width: 100%;
}

.est-menuImprimir {
	overflow: auto;
	height: 300px;
}

.aling-derecha{
	text-align:right;
}

.dropdown-menu .btn:hover {
	background-color: #d2eaff
}

.dropdown-menu a {
	white-space: nowrap;
}

/*--FIN Barra superior que lleva los titulos de las paginas*/
/*--Contenedor de Formularios*/
.ContenedorCard {
	border: 1px solid #073c5e;
	background: rgb(150, 161, 161, 0.4);
	box-shadow: 0 0 0 0 rgba( 214, 219, 223, 0.8);
	border-start-start-radius: 0;
	border-start-end-radius: 0;
}
/*--FIN Contenedor de Formularios*/

/*--Contenedor del Area de trabajo*/
.Contenedor {
	background: rgba( 214, 219, 223, 0.8)
	/*background: #aed6f1;*/
}
/*--FIN Contenedor del Area de trabajo*/

/*--Diseño de los botones del Menu opciones Hijos Vertical */
.BottMenH {
	position: relative;
	padding-left:60px;
	/*text-align: center;*/
	display: block;
	height: auto;
	width: 100%;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	background-color: transparent;
	/*color: black;*/
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	/*border: 1px solid #073c5e;*/
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

	.BottMenH::before {
		content: "";
		/*text-align: center;*/
		color: white;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
		background-color: #073c5e;
		transition: all 500ms ease;
		z-index: -1;
	}

.BottMenH3:hover {
	animation: shadow-pulse 1000ms 1;
	background-color: rgba(254, 174, 25, 0.9);
	color: white;
}

@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(254, 174, 25, 0.7);
	}

	100% {
		box-shadow: 0 0 8px 16px rgba(197, 49, 18, 0);
	}
}
/*--Fin del Diseño de los botones defs Nuevo Guardar Actualiza Volver*/

/*--Diseño Iconos de la Grilla*/
.Ic {
	text-decoration: none;
	color: #073c5e;
	font-size:18px;
}

.Ic2 {
	text-decoration: none;
	color: #073c5e;
	font-size: 18px;
}

.Ig {
	text-decoration: none;
	color: #073c5e;
	/*color: #f17d0f;*/
	font-size: 30px;
}

	.Ig:hover {
		animation: shadow-pulse 1000ms 1;
		/*background-color: rgba(254, 174, 25, 0.9);*/
		color: white;
	}

.bpc {
	border:1px;
	text-align: center;
	text-decoration: none;
	color: #073c5e;
	font-size: 18px;
	/*border-radius: 50px 50px;*/
	/*background-color: #ff8337;*/
	border: 1px solid;
}

/*--FIN Diseño Iconos de la Grilla*/

/*--Diseño de lo label Formulario*/
.Cl {
	color: #073c5e;
}
/*--FIN Diseño de lo label*/

/*--Diseño del color Blanco del texto del label Formulario*/
.Cw {
	color: #073c5e;
	text-align: center;
}
/*--FIN Diseño del color del texto del label Formulario*/

/*--Diseño de los botones del menu de Documentacion*/
.BottSubMen {
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	min-height: 30px;
	min-width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: #073c5e;
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

.BottSubMen3 {
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	min-height: 30px;
	min-width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: #51b900;
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

.BottSubMen1 {
	position: relative;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	height: 30px;
	width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: #51b900;
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

.BottSubMen2 {
	position: relative;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	height: 30px;
	width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: #b71616;
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

.BottSubMen4 {
	position: relative;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	height: 30px;
	width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: rgb(150, 161, 161, 1);
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}


.BottSubMen5 {
	position: relative;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	display: block;
	height: 30px;
	width: 100px;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	background-color: rgb(255, 126, 0, 1);
	color: white;
	font-size: 12px;
	overflow: hidden;
	transition: all 500ms ease;
	border: 1px solid white;
	margin-bottom: auto;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
}

/* Estilo boton tipo tarjeta */
.botonTarjeta {
	border: 1px solid #f1f5f7;
	background-color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.botonTarjetaActivo {
	color: black; 
	background: #7CB342;
}

/*--Diseño de la Informacion de las entradas de PQR en Documanetal*/
.Inf {
	color: #073c5e;
	text-align: left;
	font-size: 14px;
}
/*--FIN Diseño de la Informacion de las entradas de PQR en Documanetal*/

/*--Diseño de los contenedores del campo de los formularios*/
.ccf {
	text-align: center;
	border: 1px solid #073c5e;
	/*background: #073c5e;*/
}
/*--Diseño de los contenedores del campo de los formularios*/


/* Estilos Grilla */
.estilos-grilla {
	background-color: #e3e4e8;
	border: 1px solid #eff2f7;
	width: 100% !important;
	text-align: left;
}

.estilos-grilla thead tr th {
	background-color: #073c5e;
	color: #fff;
}
 
.estilos-grilla td, th {
	border: 1px solid #eff2f7;
	padding: 8px;
}

.estilos-grilla tr:nth-child(odd) {
	background-color: #dddddd;
}

/* Estilo para el overlay Loading*/
.overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #a2a2a27a;
	z-index: 999;
}

.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}

/*.alinear-imprimir {
	left: -77px !important;
}*/

.select-buscar, .select-multiple {
	display: block;
	/*width: 100% !important;*/
	padding: 0.47rem 0.75rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #505d69;
	background-color: #fff;
	background-clip: padding-box;
}

.select2-container {
	width: 100% !important;
}


.boton-cargar {
	background: #fff;
	border-radius: 7px;
	border: 2px inset rgb(0, 135, 247);
	box-shadow: 4px 4px 4px #999;
	color: #74788d;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.2s ease 0s;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	/*width: 180px;*/
	height: 50%;
	margin-bottom: 8px;
	max-height: 36px;
}

.boton-cargar:hover {
	background: #073c5e;
	color: #fff;
}

.boton-cargar:active {
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom: 1px solid #0045A6;
	text-shadow: 0px 0px 2px #fff, 0px 0px 5px #fff;
	transform: translateY(4px);
	transition: all 0.1s ease 0s;
}

.label-cargar {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	color: #073c5e;
}

.aspNetDisabled {
	width: 100%;
	padding: 0.47rem 0.75rem;
	/*border-radius: 0.25rem;*/
}

input[type="radio" i] {
	cursor: pointer;
	border: 0px;
	width: 50%;
	height: 1em;
}

.boton-filtrar {
	display: flex;
	justify-content: space-evenly;
	width: 50%;
	float: right;
}

.datepicker {
	z-index: 9999 !important;
}

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
	max-width: 380px;
	min-height: calc(100vh - 0px);
}

.modal.modal-left.show .modal-dialog, .modal.modal-right.show .modal-dialog {
	transform: translate(0, 0);
}

.modal.modal-left .modal-content, .modal.modal-right .modal-content {
	height: calc(100vh - 0px);
	overflow-y: auto;
}

.modal.modal-left .modal-dialog {
	transform: translate(-100%, 0);
	margin: 0px auto 0 0;
}

.modal.modal-right .modal-dialog {
	transform: translate(100%, 0);
	margin: 0px 0 0 auto;
}

.select2-selection__choice {
	background-color: #e8f0fe !important;
}

/*.select2-results__option[aria-selected=true] {
	background-color: #e8f0fe !important;
}
*/

.modal-notificacion {
	/*top: 90px !important;*/
	flex-direction: column !important;
}

.texto-izquierda {
	text-align: initial;
	padding-top: 5px !important;
}


.tablaBuscar tbody {
	display: block;
	max-height: 200px;
	overflow: auto;
	scrollbar-width: thin;
}

.scroll-tbody::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: #e4e4e4; /* or add it to the track */
}

.scroll-tbody::-webkit-scrollbar-thumb {
	background: #aaa;
}

.tablaBuscar thead {
	background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
}

.tablaBuscar tbody tr:nth-child(even) {background: #e7e6e6; cursor: pointer;}
.tablaBuscar tbody tr:nth-child(odd) {background: #FFF; cursor: pointer;}

.tablaBuscar tbody tr:hover {background-color: #d5ecff;}

.tablaBuscar thead, .tablaBuscar tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed; /* even columns width , fix width of table too*/
}

@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em #1f6adb;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #1f6adb;
	}
}

@keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em #1f6adb;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #1f6adb;
	}
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

/*Boton para guardar param los controles de Trazabilidad*/
.boton-GuardarControl {
	background: #fff;
	border-radius: 7px;
	border: 2px inset rgb(0, 135, 247);
	box-shadow: 4px 4px 4px #999;
	color: #74788d;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.2s ease 0s;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 60px;
	height: 35px;
	margin-bottom: 8px;
}

	.boton-GuardarControl:hover {
		background: #073c5e;
		color: #fff;
		color: white;
	}

	.boton-GuardarControl:active {
		box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
		border-bottom: 1px solid #0045A6;
		text-shadow: 0px 0px 2px #fff, 0px 0px 5px #fff;
		transform: translateY(4px);
		transition: all 0.1s ease 0s;
		color: white;
	}


/*Boton para contenedores de las paginas en general*/
.boton-general {
	background: #fff;
	border-radius: 7px;
	border: 2px inset rgb(0, 135, 247);
	box-shadow: 4px 4px 4px #999;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.2s ease 0s;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: auto;
	height: 35px;
	margin-bottom: 8px;
}

.boton-general:hover {
	background: #073c5e;
	color: #fff;
	color: white;
}

.boton-general:active {
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom: 1px solid #0045A6;
	text-shadow: 0px 0px 2px #fff, 0px 0px 5px #fff;
	transform: translateY(4px);
	transition: all 0.1s ease 0s;
	color: white;
}

.txtAreaplanDesarrollo {
	margin-top: 5px;
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #343c7e;
	background-color: #dde0f6;
}

.filaSelected {
	background-color: #74bfff75 !important;
}

/* CSS Ckeditor*/
.ck-editor__editable[role="textbox"] {
	/* editing area */
	min-height: 200px;
}

.ck-content .image {
	/* block images */
	max-width: 80%;
	margin: 20px auto;
}

.estBtn-modalSp {
	border: 1px solid;
	padding-inline: 7px;
	padding-block: 3px;
	margin-left: 3%;
	background-color: #074f7c;
}
/*Tamaño d elos Icnos de los Semaforos*/
.Semaforo {
	width: 40px;
	height: 40px;
}

/*Estilos de los Titulos de los estados */
.Estados {
	color: #0E0D0D;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.Estados2 {
	color: #0E0D0D;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.EstadosLabel {
	font-size: 17px;
	color: red;
	font-weight: bolder;
}

.centrarVertical {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

/* Loading */

.centerrr {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background-color: #f0f0f0d6;
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
}

.ring {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	animation: ring 1s linear infinite;
}

@keyframes ring {
	0% {
		transform: rotate(0deg);
		box-shadow: 1px 5px 2px #0456c8;
	}

	50% {
		transform: rotate(180deg);
		box-shadow: 1px 5px 2px #0456c8;
	}

	80% {
		transform: rotate(288deg);
		box-shadow: 1px 5px 2px #0456c8;
	}

	100% {
		transform: rotate(360deg);
		box-shadow: 1px 5px 2px #0456c8;
	}
}

.ring:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(255, 255, 255, .3);
}

.text-crg {
	color: #737373;
	font-size: 20px;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	/*line-height: 200px;*/
	animation: text 3s ease-in-out infinite;
	font-family: sans-serif;
	margin-top: 280px;
}

.modal-errores .swal2-content {
	text-align: left;
}

@keyframes text {
	50% {
		color: black;
	}
}

/*--Distancia entre el labelmensaje y la caja de texto*/
.es {
	margin-top: -0.5rem;
}

.dropdown-menu.show {
	top: auto !important;
}

.txtBox-moneda {
	text-align: right;
}

/*Clase para estilo de modales*/

.ContenedorbtnFooter {
	float: inline-end;
	padding-top: 7px;
	padding-bottom: 7px;
}

.estBtnCerrar {
	cursor: pointer;
	max-width: 80px;
	float: right;
	margin-right: 1rem;
}

/*Estilos de los numeros negativos en los textbox*/
.valor-positivo {
	text-align: right;
}

.valor-negativo {
	text-align: right;
	color: red;
	font-weight: bold;
}

/*Crea un scroll para grillas grandes dentro de una modal*/
.scroll-grid-modal {
	max-height: calc(80vh - 100px); /*use hasta el 80 % del alto de la ventana (vh = viewport height), dejando espacio para el encabezado y pie del modal.*/
	overflow-y: auto;
}