﻿

/*Se Cambia el style para que se puedan ver los checkbox en los grid*/
.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
	display: block !important;
}

/*borde de los checkbox en color negro*/
.dx-datagrid-checkbox-size .dx-checkbox-icon {
	border-color: black !important;
}
/*Titulos del grid en color negro*/
.dx-datagrid-headers {
	color: black !important;
}




ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#container {
	width: 400px;
	padding: 0px;
	background: #fefefe;
	margin: 0 auto;
	border: 1px solid #c4cddb;
	border-top-color: #d3dbde;
	border-bottom-color: #bfc9dc;
	box-shadow: 0 1px 1px #ccc;
	border-radius: 5px;
	position: relative;
}

	#container span {
		background: #f6f6f6;
		padding: 3px 5px;
		display: block;
		border-radius: 5px;
		margin-top: 5px;
	}

#pswd_info {
	position: absolute;
	bottom: -75px;
	bottom: -115px\9;
	/* IE Specific */
	left: 98%;
	width: 250px;
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
}

	#pswd_info h4 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: normal;
	}

	#pswd_info::before {
		content: "\25B2";
		position: absolute;
		top: -12px;
		left: 45%;
		font-size: 14px;
		line-height: 14px;
		color: #ddd;
		text-shadow: none;
		display: block;
	}

.invalid {
	background: url(../images/invalid.png) no-repeat 0 50%;
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

.valid {
	background: url(../images/valid.png) no-repeat 0 50%;
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#pswd_info {
	display: none;
}

/*Estados DIAN*/
.badge-ValidadoDIAN {
	background-color: #4CAF50;
	border-color: #4CAF50;
}

.badge-RecibidoPlataforma {
	background-color: dimgray;
	border-color: dimgrey;
}
/*00BCD4*/
.badge-FallidoDIAN {
	background-color: #F44336;
	border-color: #F44336;
}

.badge-envioDian {
	background-color: #E8BE0C;
	border-color: #E8BE0C;
}

/*Estados Acuse*/
.badge-Aprobado {
	background-color: #4CAF50;
	border-color: #4CAF50;
}

.badge-Rechazado {
	background-color: #F44336;
	border-color: #F44336;
}

.badge-Leído {
	background-color: #E8BE0C;
	border-color: #E8BE0C;
}

.badge-Entregado {
	background-color: dimgray;
	border-color: dimgrey;
}

.badge-Bloqueado {
	background-color: #37474F;
	border-color: #37474F;
}

.gridHGI {
	font-size: 12px !important;
	padding: 2px;
}



.Texto {
	height: 30px !important;
	font-size: 13px !important;
	line-height: 1.5384616 !important;
	color: #333333 !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid #ddd !important;
	border-radius: 3px !important;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	
}

.Etiquetas {
	height: 20px !important;
	/*padding: 8px 16px;*/
	font-size: 15px !important;
	line-height: 1.5384616 !important;
	color: #333333 !important;
	background-color: transparent !important;
	background-image: none !important;
	/*border: 1px solid #ddd;
			border-radius: 3px;
			-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
			box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
			-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.BtnConsulta {
	position: relative !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	border-width: 0 !important;
	padding: 5px !important;
	color: #fff !important;
	background-color: #2196F3 !important;
	border-color: #2196F3 !important;
	display: inline-block;
	margin: 5px !important;
	font-weight: normal !important;
	text-align: center !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	background-image: none !important;
	border: 1px solid transparent !important;
	white-space: nowrap !important;
	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.5384616 !important;
	border-radius: 3px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}


.panelPago {
	padding: 20px !important;
}
