/*INPUTS*/
.INPUTDV
{
	width: 15px;
}
.INPUTCorto
{
	width: 50px;
}
.INPUTCortoPlus{
    width: 80px !important;
}
.INPUTFecha
{
	width: 115px !important;
}
.INPUTNoIdentificacion
{
	width: 103px;
}
.INPUTNormal
{
	width: 150px;
}
.INPUTMediano
{
	width: 180px;
}
.INPUTGrande
{
	width: 230px !important;
}
.INPUTGrandeWatermarked
{
	color: Gray;
	width: 230px;
}
.INPUTExtraGrande
{
	width: 418px;
}
.INPUTBigger
{
	width: 630px;
}
.watermarked, .placeholder
{
	color: Gray;
}
.link
{
	background-color: transparent;
	text-decoration: none;
	color: #044A34;
}
a.link
{
	color: #023626;
	padding-left: 12px;
}
.link td
{
	border-width: 0px;
}
.link table
{
	margin: 0;
}
.datagrid
{
	border-color: #333366;
}
.datagridTD
{
	border-color: #333366;
}
/* Div container to wrap the datagrid */
div#div-datagrid
{
	width: 907px;
	overflow-x: scroll;
	white-space: nowrap;
}
/* Div container to wrap the datagrid */
div#div-datagrid2
{
	width: 907px;
	overflow-x: scroll;
	white-space: nowrap;
}
/* Locks the left column */
td.locked, th.locked
{
	position: relative;
}
.tdLocked
{
	margin-bottom: 10px;
}
/*aportes_en_linea.css*/
.header_popup
{
	background-color: #edfaeb;
	width: 748px;
	height: 50px;
}
.empleador
{
	float: right;
	width: 260px;
	margin: 18px 15px 10px 10px;
}
div.tabs
{
	display: block;
	clear: both;
	margin-top: 6px;
	list-style: none;
	width: 100%;
	height: 30px;
	text-align: right;
	padding-top: 0px;
}
.content_popup
{
	background-color: #FFFFFF;
	height: auto;
	text-align: center;
}
.cont_tot_popup
{
	background-color: #edfaeb;
	margin: 0px;
}
.tablaContenido
{
	width: 100%;
	text-align: left;
	float: left;
}
.contenido
{
	padding: 5px;
	text-align: center;
}
.contenido_popup
{
	padding: 10px;
	background-color: #edfaeb;
}
.titulo
{
	background-image: url(../images/title-center.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-width: 0px;
	border-color: #023921;
}
.titulo_popup
{
	padding-top: 30px;
	padding-right: 5px;
	float: right;
	text-align: right;
	font-weight: bold;
	background-color: #edfaeb;
}
/*TODO solo en login.aspx*/
.fieldSet
{
	padding: 0px;
	background-color: #009966;
	width: 332px;
	border-color: #023921;
	border-width: 1px;
	border-style: solid;
	margin: 0 auto;
}
.subtitulo
{
	background-color: #00805D;
	color: #FFF !important;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
.tituloInterno
{
	background-color: #00805D;
	color: #FFFFFF;
	text-transform: uppercase;
}

.grpoFormularioBorde
{
	margin-bottom: 6px;
	padding: 1px;
}
.subtituloInterno
{
	background-color: #CCCCCC;
	color: #FFFFFF;
}
.progress
{
	text-align: center;
}
.tooltip
{
	position: relative;
	color: #000000;
	text-decoration: none;
}
.tooltip:hover
{
	color: #000000;
}
.tooltip span
{
	display: none;
	padding: 4px 4px;
	left: 5px;
	top: 15px;
	width: 300px;
}
.tooltip:hover span
{
	display: block;
	position: absolute;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #6c6c6c;
	z-index: inherit;
}
/*<Controles/Titulo.ascx*/
.pnltopleft
{
	background-image: url('../images/title-left.png');
	width: 15px;
}
.pnltopcenter
{
	text-align: center;
	background-image: url('../images/title-center.png');
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF; 
	font: 14px/18px Arial, Helvetica, sans-serif;
}
.pnltopright
{
	background-image: url('../images/title-right.png');
	width: 15px;
}
.pnlmiddle
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow-y: hidden;
}
/*Controles/Titulo.ascx/>*/
.PanelClave
{
	background-color: #DFF3DF;
	z-index: 1;
}
.divAyudas div.PanelAyuda
{
	display: none;
}
.divAyudas
{
	text-decoration: none;
}
.divAyudas:hover
{
	cursor: help;
	text-decoration: none;
}
.divAyudas:hover div.PanelAyuda
{
	display: inline;
	cursor: help;
}
.PanelAyuda
{
	background-color: #DFF3DF;
	border-width: 1px;
	border-style: groove;
	border-color: #000000;
}
.FormularioLeft
{
	text-align: left;
	color: #585858;
	font-weight: bold;
	font-size: 11px;
}
.noWrap
{
	white-space: nowrap;
}
.FormularioRight
{
	text-align: left;
	padding: 1px;
}
.FormularioBusquedaRight
{
	width: 180px;
}
.FormularioBoton
{
	text-align: center;
}
.arrow_left, .arrow_right
{
	float: left;
	width: 27px;
	height: 27px;
	margin-right: 4px;
}
.arrow_right
{
	margin-left: 4px;
}
.controlAfiliacion
{
	width: 100%;
	background-color: #F5FFF3;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-style: dashed;
	border-color: #16A969;
	border-width: 1px;
}
.encabezado_tabla
{
	text-align: center;
	background-color: #047b3e;
	color: White;
	font-weight: bold;
}
.chat
{
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
	margin-top: 45px;
	margin-left: 0px;
	text-align: center;
}
.contenedorPadding
{
	padding-left: 10px;
	padding-right: 10px;
}
.contenedorCampoPadding
{
	padding-right: 5px;
	padding-left: 6px;
}
.label4
{
	width: 50%;
}
.popupMenu ul
{
	text-align:left;
}
.popupMenu ul, .popupMenu li
{
	display:block;
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
.popupMenu ul li a
{
	display:block;
	width:100%;
	border: 1px solid #CCC;
	background: #FAFAFA;
	color: #666666;
	text-decoration: none;
	padding: 0.2em;
	text-align:left;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	line-height:16px;
	font-size: 12px;
}
.popupMenu ul li a:hover
{
	background-color: #FCFCFC;
	color: #999999;
}
.menuajax, .menujquery
{
	margin: 0px;
	border: 1px solid #CCC;
	background: #FCFCFC;
	color: #666666;
	z-index: 1000;
	padding: 2px 2px 2px 2px;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
}
.menuajax td, .menujquery td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 15px;
	width: 25px;
}
.menuajax a, .menujquery a
{
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.menuajax:hover, .menujquery:hover
{
	background-color: #FDFDFD;
	color: #777777;
}
.menuajax label, .menujquery label
{
	color: #666666;
}
.text
{
	text-decoration: none;
}
#menu
{
	float: left;
}
.popUpSmall
{
	text-align:center;
	elevation:lower;
}
ul.menu_multiempleador
{
	list-style-type: none    
}
ul.menu_multiempleador li
{
	float: right;
	display: inline;
	margin-left:5px; 
}
ul.menu_multiempleador li a
{
	text-decoration:none;
	padding:4px 8px;
	display:block;
	width:inherit;
	color: #FAFAFA;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	background-color: #00805D;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.menu_multiempleador li a:hover
{
	color:#FFFFFF;
	background-color: #008F69;
}
ul.menu_multiempleador li a:visited
{
	color:#FFFFFF;
}
/*Afiliaciones*/
.TituloPopUpAfiliaciones
{
	color: #0b610b;
	font-family: Verdana;
	font-weight: bold;
}

/*Certificados  descuento tributario*/
.tituloCertificados
{
	display:block;
	background-color: #00805D;
	color: #FFFFFF;
	text-transform: uppercase;
	width:800px;
}

.txtPrincipal, .txtSecundario ,.txtTercero
{
	display:block;
	padding:10px 0px 0px 20px;
}


.txtSecundarioRta
{
	color: #FF0000;
}

.txtRta
{
	color: #FF0000;
}

.pnlInfo
{
	text-align:left;
	display:block;
	width:800px;
}

#infoErroresAutoliquidacion
{
	background: #cbe9cf;
    border-radius: .5em;    
    margin:auto;
    padding: 1em;    
    width: 70%;
}

#dlgAyuda
{
	text-align: left;
	font-size: 1.2em;
}

#dlgAyuda ol li
{
	list-style: decimal;
	padding-left: 1em;
	margin-left: 3em;
}

.bg-alert-novedad {
    padding: 0.5em;
}

.brd-yellow {
    border: solid 1px rgb(252,175,23);
}

.aside-image {
    width: 4em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.message {
    width: 80%;
}

.btns-bottom-fixed {
    margin-top: 0.5em;
    text-align: center;
}

.popup {
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.popup-centered {
	padding-top: 150px;
}

.popup-content {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0rem 2rem;
	border: 1px solid #888;
	width: 750px;
	height: 225px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}


.popup-header {
	padding: 2px 16px;
	color: #666666;
	height: 50px;
	text-align: start;
	padding-top: 10px;
}

.popup-body {
	padding: 30px 16px;
	display: flex;
}

.popup-body input[type=radio]:after {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid gray;
}

.popup-body input[type=radio]:checked:after {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #00805d;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid gray;
}

.popup-body.left{
	width: 50%;
	float: left;
}

.popup-footer {
	padding: 2px 16px;
	color: white;
}

.popup-img {
	text-align: center;
	align-self: center;
	padding-left: 2%;
	padding-right: 1%;
}

.popup-text {
	margin-left: 2%;
	text-align: justify;
	padding-right: 5%;
}

.popup-btn {
	border: none;
	border-radius: 0.3rem;
	background-color: #CCCCCC;
	color: #666666;
	padding: 0.3rem 1rem;
	text-align: center;
	text-decoration: none;
}

.btn-green {
	background-color: #007A5E;
	color: white !important;
	border: 2px solid #007A5E;
	border-radius: 2px;
}

.popup-body.codigo-otp{
	display:inline-block;
	text-align: left;
}

.popup-body.codigo-otp div .popup-input, .popup-body.codigo-otp div .popup-btn{
	display: inline-block;
	margin-bottom: 0.3rem;
}

.popup-btn:hover,
.popup-btn:focus {
	color: #888;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.8),0 6px 20px 0 rgba(0,0,0,0.19);
}

#Contenido_pnlTips {
	background-color: #00805dc7;
	color: white;
	width: 50%;
	padding: 1rem 1rem 2rem 1rem;
	margin: auto;
	border-radius: 10px;
}

@media only screen and (max-width: 667px) {
	.popup-content {
		width: 95%;
		height: auto;
		padding-bottom: 5%;
	}

	.popup-body {
		display: block;
	}
}