html, body {
	min-height: 100%;
	color: #666;
	font-size: 12px;
}
/* ************* Reset estilos base *********** */
#login { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.boton_secundario {
    height: 40px;
    line-height: 30px;
}
.grupo_form  {
    float: left;
    margin: 0 10px 20px;
    width: 45%;
}

.error_login input, .error_login select{
    border: 1px solid #66daf8!important;
	 }
.error_login, .error_login p {
    color: #66daf8;
	 }
.error_login p {
    margin:5px 2px;
	 }
.error_natural{
	margin:10px 10px 15px;color: #66daf8; text-align: center;}
	 
/* ************* Fin reset estilos base *********** */

a:hover, a:visited {
	text-decoration: underline;
	transform: all 0.25s;
}

.fa-fl-right {
	float: right;
	padding: 7px 10px 5px 10px;
}
.in_bk { display: inline-block; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/***********************************************/
/* Reset de estilos base */
/***********************************************/
.caja { padding: 0; }
.caja.con_padding { padding: 10px 20px; }
#formularios .caja table { margin: 0; }

#formularios .caja.overflow {overflow: visible}
/***********************************************/
/* Botones Generales */
/***********************************************/
.btn, button.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	opacity: 1;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 5px 25px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,  .btn.active.focus { outline: none; /*outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/ }
.btn:active {
	transition: all ease-out 0.25s;
	transform: scale(0.95);
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333333;
	text-decoration: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }
.btn-outline, .btn-outline:visited {
	background: #fff;
	border: 1px solid #dbe2e5;
	color: #00c3ff;
}
.btn-outline:hover { background: #f9f9f9; }
.btn-outline:focus { background: #ddd; }
.btn-default, .btn-default:visited {
	color: #999;
	background-color: #ededed;
	border: 1px solid #ededed;
}
.btn-default:focus, .btn-default.focus {
	color: #333333;
	background-color: #e6e6e6;
}
.btn-default:hover {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #d1d1d1;
}
.btn-default:active, .btn-default.active {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus,  .btn-default.active:focus {
	color: #333333;
	background-color: #d4d4d4;
	border-color: #d3d3d3;
}
.btn-default:active, .btn-default.active { background-image: none; }
.btn-primary, .btn-primary:visited {
	color: #ffffff;
	background-color: #337ab7;
	border: 1px solid #337ab7;
}
.btn-primary:focus, .btn-primary.focus {
	color: #ffffff;
	background-color: #286090;
	border-color: #122b40;
}
.btn-primary:hover {
	color: #ffffff;
	background-color: #286090;
	border-color: #204d74;
}
.btn-primary:active, .btn-primary.active {
	color: #ffffff;
	background-color: #286090;
	border-color: #204d74;
}
.btn-primary:active:hover, .btn-primary.active:hover {
	color: #ffffff;
	background-color: #204d74;
	border-color: #122b40;
}
.btn-color1, .btn-color1:visited {
	background-color: #00c3ff;
	border: 1px solid #00c3ff;
	color: #fff;
}
.btn-color1:hover {
	background-color: #56bad8;
	color: #333;
}
.btn-color1:focus {
	background-color: #4faac6;
	border-color: #4faac6;
}
.btn-color2, .btn-color2:visited {
	background-color: #d3effa;
	border: 1px solid #d3effa;
	color: #999;
}
.btn-color2:hover {
	background-color: #b3dae5;
	color: #333;
}
.btn-color2:focus { background-color: #9fc2cc; }

.btn-link, .btn-link:visited {
	background: none;
	border: 0px ;
	color: #00c3ff !important;
	cursor: pointer;
}
.btn-link:hover {
	color: #56bad8;
	text-decoration: underline;
}
.btn-lg {
	padding: 7px 30px;
	font-size: 21px;
	line-height: 1.5;
	border-radius: 4px;
}
.btn-sm {
	padding: 3px 15px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs {
	padding: 1px 7px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn.desactivado, .btn.desactivado:hover {
	opacity: .6;
	cursor: not-allowed;
	background: #ededed;
}
.galeria .btn { padding: 0; }
.blockUI a.boton {
	background-color: #00c3ff;
	border: 1px solid #00c3ff;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 5px 25px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 3px;
	box-shadow: none;
}
.blockUI a.boton:hover {
	background-color: #56bad8;
	color: #333;
}
/***********************************************/
/* Colapsable */
/***********************************************/
.colapsable, .colapsable_dinamico{
	cursor: pointer;
	transition: all 0.25s;
}
.colapsable .sub_text, .colapsable_dinamico .sub_text{
	margin-top: 5px;
	display: block;
}
.colapsable:hover:not(legend), .colapsable_dinamico:hover:not(legend) { color: #62CDF6 !important; }
.colapsable .fa, .colapsable_dinamico .fa {
	transition: all 0.25s;
	margin-left: 10px;
}
.colapsable.abierto, .colapsable_dinamico.abierto { color: #62CDF6; }
.abierto .fa {
	transform: rotate(180deg);
	margin-top: 4px;
}
.colapsable_contenido table:first-child, .colapsable_dinamico table:first-child { margin-top: 20px !important; }
/***********************************************/
/* Reset de estilos - Formulario de consulta de Demanda */
/***********************************************/
.columna, .columna_doble, .columna_triple {
	min-height: 0 !important;
	color: #999;
}
.columna.columna_un-cuarto, .columna_un-cuarto { width: 21%; }
.menu-secundario {
	padding: 0px 20px;
    overflow: hidden;
  	background: #f5f5f5;
    border: 1px solid #dbe2e5;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.25);
    clear: both;
    color: #121f4b;
    margin: 20px;
    width: auto;
}
.menu-secundario ul{     display: block;
    float: left;
    margin: 0;
	margin-left:-20px;
	 background: #fff;
    height: 40px;
    padding: 0;
    line-height: 40px;}
.menu-secundario li {
	border-right: 1px solid #ededed;
	display: inline-block;
	padding: 0 15px;
}
.menu-secundario li a {
	color: #333;
	display: block;
}
.menu-secundario li a:hover {
	color: #62CDF6;
	text-decoration: none;
}

.menu_secundario_option {    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    padding: 0 20px 0 20px}
.menu_secundario_option span { 
display:inline-block; color: #333; font-weight:bold;}
.menu_secundario_option label {
	display: inline-block;
    padding: 0 10px;
    height: 40px;
    line-height: 40px; }
#formularios .menu_secundario_option input[type=radio]	{
	margin-right:3px;
	}




/***********************************************/
/* Menu Secundario */
/***********************************************/
.con_submenu { position: relative; }
.submenu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.25s;
	min-width: 150px;
	background: #fff;
	box-shadow: 0 0 5px #cacaca;
	border: 1px solid #cacaca;
	font-weight: 400;
	height: auto;
	padding: 5px;
	border-radius: 3px;
}
.con_submenu:hover .submenu {
	padding: 15px 10px !important;
	top: 19px;
	visibility: visible;
	opacity: 1;
}
.con_submenu .submenu li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 0;
	border-right: 0;
	border-bottom: 1px solid #ededed;
	width: 100%;
}
.con_submenu .submenu li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

/***********************************************/
/* Menu Secundario - Fixed */
/***********************************************/
.menu_bg_full { 
transition:all 0.55s;  background:rgba(0,73,142,0); 
   width:100%;
}
.menu_bg_full.fixed {
	position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    background: rgba(0,73,142,.75);
    box-shadow: 0 1px 4px rgba(33,33,33,.45);
    left: 0;
    right: 0;
	}
.menu_bg_full .legend{
	display:none;
	position:relative; 
	top:5px;
	margin: 3px auto -17px auto;
    width: 970px;
	}

.menu_bg_full.fixed .legend	{ display:block;}

.menu_bg_full.fixed .menu-secundario {
margin: 0  auto;
position:relative; 
top:18px;
width: 970px;
transition:all 0.45s;
}
.menu_bg_full.fixed + .caja { padding-top: 70px;}
.menu_bg_full.fixed + .caja fieldset:first-of-type legend { visibility:hidden;}

/***********************************************/
/* Header  */
/***********************************************/
.box_items { float: right; }
#foto_perfil {
	float: right;
	height: 50px;
	width: 55px;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-right: 15px;
	margin-top: 14px;
	background: transparent  url('/sistemas/imagenes/foto_perfil.jpg') no-repeat 0  0;
	background-size: 100% 100%;
}
#foto_perfil a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
/***********************************************/
/* Menu Lateral  */
/***********************************************/
#menu {
	/* temporal por banner info feb/25 */
	top: 103px;
	
	/* Luego volver a:
	top: 103px; */
	background: #ededed;
}
#cabecera p { margin: 9px 20px; }
#buscador {
	height: auto;
	background: #dedede;
	padding: 15px;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}

#buscador .formularios_items { margin:-15px -15px 15px -15px; overflow:hidden; }
#buscador .formularios_btn { text-align:center; padding:8px 15px; display:block; float:left; width:50%; font-size:12px;
	color:#999; font-weight:400; background:#f5f5f5; opacity:.8;
border-bottom:1px solid transparent; transition:all 0.25s;	
  }
#buscador .formularios_btn.activo { opacity:1; color:#314c59;    background: #dedede; 	
border-bottom:1px solid #ddd; font-weight:bold;	 }
#buscador .formularios_btn:hover { text-decoration:none; opacity:0.95; color:#314c59; }
#buscador .formularios_btn:not(.activo):hover { background:#f5f5f5;}
#buscador input.barra {
	margin-bottom: 8px;
	height: 30px;
	width: 170px;
	padding:0 5px;
	border-radius:2px;
}
#buscador input.barra--2 { width:28px; display:inline-block;}
#buscador input.barra--3 { width:35px; display:inline-block;}
#buscador input.barra--6 { width:55px; display:inline-block;}
#buscador input.barra--7 { width:65px; display:inline-block;}
#buscador input.barra--8 { width:75px; display:inline-block;}
#buscador input.barra:focus + a.busqueda { background: #f5f5f5; }
#buscador ul.filtros li { padding-right: 13px; }
#buscador ul.filtros {
    margin: 5px 0px 0px 0px;
}
#buscador .ayuda {
	position: absolute;
	top: 19px;
	right: 53px;
	font-size: 18px;
	cursor: pointer;
	color: #d3d3d3;
	width: 20px;
	height: 28px;
}
#buscador .ayuda:hover { color: #666; }
/* Lupa */
.busqueda {
	background-color: #ededed;
	border: 0 none;
	border-radius: 3px;
	color: #999;
	display: inline-block;
	height: 30px;
	line-height: 27px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	width: 30px;
	margin-left:5px;
}
.busqueda:hover {
	text-decoration: none;
	background-color: #fff;
}
.busqueda:before {
	font-family: FontAwesome;
	content: '\f002';
}
.menu_flotante {
	top: 201px;
	height: auto;
	min-height: 125px;
	width: 230px !important;
}
.menu_flotante ul { width: 100%; }
.menu_flotante h3, #div_unidades h3, #div_operaciones h3 {
	background: #62CDF6;
	margin-bottom: 10px;
	border: 0;
}
.menu_flotante a { color: #121e4a; }
.menu_flotante a:hover { text-decoration: none; }

.menu_flotante:before {
	content:'';
	width: 12px; 
	height: 12px; 
	position:absolute;
	left:-6px;
	top:9px;
	background:#fff;
	box-shadow:-1px 0 1px rgba(99,99,99,.25);
	border-top-color:#ededed;
	border-top-width:1px;
	border-top-style:solid;
	border-left-color:#ededed;
	border-left-width:1px;
	border-left-style:solid;
	transform:rotate(-45deg);
	} 

#menu ul.botonera {
    margin: 4px 0 12px 0px;
}
#menu ul.botonera li {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

#menu ul.botonera li.invisible { display:none;}
#menu ul.botonera li>span.fa {
	position: absolute;
	left: 12px;
	top: 7px;
}

.icon-svg-menu{	fill:#999999;width: 19px; margin-top: 3px;}
#menu ul.botonera li:hover>span.fa { color: #62cdf6; }
.fa-icono-circular {
	font-size: 14px;
	color: #999;
	background: none;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}
#menu ul.botonera li a, #menu ul.botonera li a.seleccionado {
	background-image: none;
	padding: 0px 15px 0 40px;
}
#menu ul.botonera li a>.fa, #menu ul.botonera li a.seleccionado>.fa {
	float: right;
	line-height: 42px;
	font-size: 18px;
}
/***********************************************/
/* Index  */
/***********************************************/
/* Animacion */
.animated {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.home_box {
	padding: 20px;
	border: 1px solid #ededed;
	border-radius: 2px;
	margin: 20px;
	overflow:hidden;
}
.home_box * { color: #666; }
.home_box .home_portada {
	float: right;
	width: 33%;
	margin-left: 20px;
}
.home_box .home_portada img {
	max-width: 100%;
	height: auto;
}
.home_box h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
#destacados {
	height: 106px;
	background: #ededed;
	border: 0;
}
ul.accesos-directos {
	margin: 0 10px;
	padding: 7px 0;
}
.accesos-directos li { margin:17px 10px; height:auto; }
.accesos-directos a { padding:14px 10px 10px 80px;}
.accesos-directos a span.icono_acceso { top:14px;}
.btn_default.desactivado {
	background-color: #ccc;
	color: #fff;
	cursor: not-allowed;
}
.legend {
	background: #62cdf6 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
#formularios fieldset { margin: 10px 0 20px; }
#formularios .table_simple tr { background: none; }
#formularios .table_simple .subhead {
	background: #ededed;
	color: #666;
}
#formularios .en_linea {
	height: 30px;
	line-height: 30px;
	margin-right: 40px;
}
#formularios .en_linea input[type=radio] {
	display: inline-block;
	height: auto;
	margin-right: 5px;
	width: auto;
	box-shadow: none;
}
/***********************************************/
/* Tablas */
/***********************************************/
#formularios table {
	text-align: left;
	color: #666;
}
#formularios table td {
	line-height: 30px;
	padding: 2px 10px;
	font-size: 12px;
}
#formularios table th {
	background: #D3EFFA;
	color: #666;
}
#formularios table tr.totales { background: #f5f5f5; }
#formularios table tr.totales td {font-weight:bold;}
#formularios table thead.separador tr { border:0;}
#formularios table thead.separador th {     
	height: 0px;
    line-height: 0;
    padding: 0;
    font-size: 1px; }

#formularios table td .nombre_caratula {
	display: block;
	line-height: 1;
	margin: 5px 0;
}
#formularios table th.ancho_mayor { width: 25%; }
#formularios table tr { background: transparent; }
.caja p, .caja ul { color: #333; }
#formularios .table_inner {
	border: 1px solid #ededed;
	margin-bottom: 20px;
}
#formularios .table_inner th {
	padding: 3px 10px;
	background: #ededed !important;
}
#formularios .table_inner tr { background: #fff !important; }
#formularios .table_inner_legend {
	background: #ededed;
	color: #666;
}
#formularios .table_inner_titulo {
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}
.box_inner {
	padding: 10px;
	border: 1px solid #ededed;
	margin: 10px 0;
	overflow: hidden;
}
.box_inner.con_borde { border-left: 3px solid #62CDF6; }
/* Tabla - Listado Centrado */
.listado_centrado th { letter-spacing: -0.75px; }
.listado_centrado th, .listado_centrado td { text-align: center; }
#formularios input[type="checkbox"], #formularios input[type="date"] {
	height: auto;
	width: auto;
	box-shadow: none;
}
#formularios .listado_centrado input[type="checkbox"] { margin-left: 10px; }
#formularios .listado_centrado td {
	line-height: 1.25;
	padding: 6px 10px;
	word-wrap: break-word;
	word-break: break-word;
	overflow: hidden;
	max-width: 156px;
	white-space: nowrap;
}
#formularios .listado_centrado td.no_white_space{
	word-break: normal;
	white-space: normal;
}
#formularios .listado_centrado.ancha td {
	max-width: 130px;
}
#formularios .listado_centrado tr { border-bottom: 1px solid #ddd; }
#formularios .listado_centrado tr:nth-child(odd) { background-color: #f5f5f5; }
#formularios .listado_centrado.doble_linea td {
	line-height: 1.25;
	white-space: normal;
	vertical-align:middle;
}
#formularios .table_top {
	overflow: hidden;
	margin-bottom: -15px;
	margin-left: 20px;
}
#formularios table .ordenar_fecha:hover {
	cursor: pointer;
	text-decoration: underline;
}
/* Tabla de Grupos segun Factura */
#formularios .tabla_de_grupos tr.grupo_impar { background: #fff; }
#formularios .tabla_de_grupos tr.grupo_par { background: #ededed; }
/***********************************************/
/* Formularios */
/***********************************************/
input[disabled], select[disabled], button[disabled], a[disabled], .sin_pago {
	cursor: not-allowed !important;
	opacity: 0.6;
}
a.sin_pago:hover {
	text-decoration: none;
	color: #ccc;
}
input, select, button { opacity: 1; }
#formularios input {
	width: auto;
	box-shadow: none;
}
#formularios input[type=radio] {
	height: auto;
	margin-right: 5px;
}
#formularios legend.colapsable {
	text-align: left;
	padding-left: 20px;
}
.form .caja { padding: 10px 20px 20px; }
.form label {
	font-size: 12px;
	color: #666;
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}
.form .row { margin-bottom: 10px; }
.form .col {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.form .col.ultima { margin-right: 0; }
#formularios .form input[type=text], #formularios .form textarea { padding: 3px 6px; }
#formularios .form textarea { line-height:1.5; font-size: 14px; font-family: Tahoma, Geneva, sans-serif;}
#formularios .form input[type=text], #formularios .form select, #formularios .form input[type=date] {
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 30px;
	font-size: 14px;
	color: #666;
	box-shadow: inset 1px 1px 3px 0px rgba(100, 100, 100, 0.25);
	width: 100%;    
	font-family: Tahoma, Geneva, sans-serif;
	background: #fff;
}
#formularios .form input[type=text]:focus, #formularios .form select:focus {
	border-color: #62cdf6;
	box-shadow: 0 0 5px #62cdf6;
}
#formularios .form select option { padding: 3px 5px; }
#formularios .form select option:first-of-type { color: #999; }
#formularios .form .inline { display: inline-block; }
#formularios .form .legend {
	margin: -10px -20px 10px -20px;
	width: auto;
	border-radius: 4px 4px 0 0;
}
/* Campos Filtros Demanda*/
#formularios .form .ancho_tres {
	width: 45px !important;
	padding: 3px 5px !important;
}
#formularios .form .ancho_dos {
	width: 38px !important;
	padding: 3px 5px !important;
}
#formularios .nro_demanda .inline { margin-right: -2px; }
#formularios .nro_demanda input[type=text] {
	max-width: 85px;
	padding: 3px 5px;
}
.form .btn {
	float: right;
	margin-left: 5px;
}
.form .colapsable.ver-mas {
	margin-bottom: 15px;
	float: left;
	bottom: 0;
	position: absolute;
}
.form .colapsable_contenido {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.form .form_footer { margin-top: 5px; }
.filtros_tabla .caja {
	box-shadow: none;
	position: relative;
}
.form.filtros_tabla .form_footer {
	float: right;
	margin-bottom: 20px;
	margin-top: -40px;
}
.form.filtros_tabla .form_footer.no_desplegable{
	margin-top:5px;
	margin-bottom:0;
}
.form.filtros_tabla .form_footer.desplegado { margin-top: 0; }
.form.filtros_tabla .colapsable.ver-mas {
	bottom: 0;
	float: left;
	margin-bottom: 10px;
	position: absolute;
}
/* Campos Consulta de Pagos*/
.form.filtros_tabla .row_inline {
	line-height: 30px;
	margin: 10px 0;
}
.form.filtros_tabla .row_inline input { width: auto !important; }
.form.filtros_tabla .row_inline.desactivado input, .form.filtros_tabla .row_inline.desactivado select,
.form.filtros_tabla .desactivado input,  .form.filtros_tabla .desactivado select
 {
	background: none;
	opacity: .6;
	cursor: not-allowed;
}
.form.filtros_tabla .row_inline .col {
	width: auto;
	margin-right: 10px;
}
.form.filtros_tabla .row_inline .col_1 { width: 110px; }
.form.filtros_tabla .row_inline .col_2, .form.filtros_tabla .row_inline .col_3 { width: 120px; }
.form.filtros_tabla .row_inline .col_4 {
	width: auto;
	margin-left: 15px;
}
.form.filtros_tabla .row_inline span.separador {
	display: inline-block;
	margin: 0 5px;
}
.form.consulta_pagos {
	margin-bottom: 0;
	margin-top: -50px;
}
.form.consulta_pagos .form_footer {
	margin-bottom: 0px;
	margin-top: 0px;
	float: right;
	position: relative;
}
.form.consulta_pagos .row_inline {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ededed;
}
.form.consulta_pagos .form_footer { margin-top: 10px; }
/***********************************************/
/* Paginacion */
/***********************************************/
.paginacion-2 {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 20px;
	float: left;
}
.paginacion-2 .fl-left {
	float: left;
	margin-right: 5px;
}
.paginacion-2 .fl-right {
	float: right;
	margin-left: 5px;
}
.paginacion-2.centrada {
	text-align: center;
	float: none;
}
.paginacion-2.centrada li {
	display: inline-block;
	margin: 0 2px;
}
.paginacion-2 + .box_text { margin: 15px 20px 5px 25px; }
.box_text + .caja { margin-top: 8px; }
/***********************************************/
/* Acciones Sub Paginacion  */
/***********************************************/
#formularios .caja_acciones { padding: 5px 10px;  box-shadow:none;}
#formularios .caja_acciones li {
	margin-right: 15px;
	display: block;
	float: left;
	height: 30px;
	line-height: 26px;
}
/***********************************************/
/* Galería de Fotos */
/***********************************************/
#formularios .galeria { margin-top: 20px; }
#formularios .galeria li {
	float: left;
	margin: 10px;
	text-align: center;
	width: 170px;
	height: auto;
}
#formularios .galeria li img {
	max-width: 100%;
	max-height: 100%;
	line-height: 0;
	border: 3px solid #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
}
#formularios .galeria li img:hover { border-color: #ccc; }
/***********************************************/
/* Denuncia Sinistros */
/***********************************************/
#formularios table.listado_detalles tr { background: #fff; }
/*#formularios table.listado_detalles .tr_desplegable span.fa { opacity:0;}*/
#formularios table.listado_detalles .tr_desplegable:hover, #formularios table.listado_detalles .tr_desplegable.desplegado {
	background: #f0f0f0;
	cursor: pointer;
}
#formularios table.listado_detalles .tr_desplegable:hover span.fa { opacity: 1; }
#formularios .denuncia_siniestro .colapsable {
	text-align: left;
	padding-left: 20px;
}
#formularios .denuncia_siniestro .colapsable_contenido { padding: 10px; }
#formularios .denuncia_siniestro .colapsable_contenido table:first-child { margin: 0 !important; }
#formularios .galeria_miniaturas a.cargar span { display: block; }
#formularios .galeria_miniaturas { margin-bottom: 10px; }
#formularios .galeria_miniaturas li { height: auto; }
/***********************************************/
/* Perfil de Abogados */
/***********************************************/
.campo { margin-bottom: 10px; }
.campo label { color: #666; }

/***********************************************/
/* Consulta */
/***********************************************/
#formularios .form.form_consulta textarea { height:150px;}

/***********************************************/
/* Fancybox */
/***********************************************/
.fancybox-skin { background:#111;}

/***********************************************/
/* Link de acciones */
/***********************************************/
#formularios table ul.acciones li:first-child {  border-left:1px solid #ddd; padding-left:10px;}
#formularios table ul.acciones li:last-child {  border-right:0px; margin-right: 0px;}
#formularios table ul.acciones li {padding-right:10px; margin-right:10px; border-right:1px solid #ddd;}
#formularios table ul.acciones a.color_link {color:#00c3ff;}
/***********************************************/
/* Link de acciones sin barra y sin bold*/
/***********************************************/
#formularios table ul.acciones-defaul li:last-child {  border-right:0px; margin-right: 0px;}
#formularios table ul.acciones-defaul li {padding-right:10px; margin-right:10px;}
#formularios table ul.acciones-defaul li a.color_link, 
#formularios table ul.acciones-default li a.color_link{ color:#00c3ff; font-weight:normal !important;}
#formularios table ul.acciones-defaul a.btn-color1 { color:#fff !important; font-weight: normal;}
/***********************************************/
/* Tabla de Proveedores */
/***********************************************/
.tabla_beneficiarios { width: 100%; margin: 10px auto;}
.tabla_beneficiarios input[type=checkbox]{ width:15px; height:15px;}
.tabla_beneficiarios table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 0px 0px;
    width: 100%;
    font-size: 14px;
    color: #a0a0a0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.tabla_beneficiarios  table th {
    background: #D3EFFA;
    color: #666;
    background: #62CDF6;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #111;
    font-weight: bold;
    padding: 5px;
}
.tabla_beneficiarios  .listado_centrado tr {
    border-bottom: 1px solid #ddd;
}
.tabla_beneficiarios .listado_centrado tr:nth-child(odd) {
    background-color: #f5f5f5;
}
.tabla_beneficiarios .listado_centrado td {
	line-height: 30px;
	padding: 2px 10px;
	word-wrap: break-word;
	word-break: break-word;
	overflow: hidden;
	max-width: 156px;
	white-space: nowrap;
	font-size: 14px;
}

.caja_footer .btn { margin: 5px 10px 0 0; }
.blockMsg .cerrar { 
	position: absolute;
    top: 10px;
    right: 10px;
	cursor:pointer;
    display: inline-block;
}
.blockMsg .cerrar:hover { color:#666;} 	
.blockMsg .cerrar span { font-size:18px;}	

/***********************************************/
/* Avisos y Validaciones */
/***********************************************/
.info {  padding:7px 15px; font-size:1.2rem; position:relative; display:block; transition: all 0.5s; width: 100%;text-align:center; margin:10px 0 0 0; font-weight:400;}
.info_alerta { background-color: #f2dede; border:1px solid #ebccd1; color: #a94442;}


#formularios legend.border {
	background:none;
	border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
	font-weight: normal;
    margin: 0 0 8px;
    padding: 10px 0 0px; 
	color: #999;
    display: block;
	width:100%;
	text-align: left;
	}

legend.border .beneficiario{
	text-transform: uppercase;
	color: #333;
}

/***********************************************/
/* Pagos Varios - Facturas */
/***********************************************/
/*#formularios .facturas input, .facturas textarea, .facturas input {
	width: 100%;	
    box-shadow: inset 1px 1px 2px 0px rgb(100 100 100 / 15%) !important;
	font-size: 14px;
	padding: 6px 4px !important;
}*/

.col_60, .col_50, .col_40, .col_30, .col_20 {
	margin-right: 4%;
	float: left;
}
.col_right {
	margin-right:0%;
}
.col_60 {
	width: 58%;
}
.col_50 {
	width: 48%;
}
.col_40 {
	width: 38%;
}
.col_30 {
	width: 27%;
}
.col_20 {
	width: 18%;
}
/*.facturas .btn {float: none;}*/

.grupo_form_login  {
    margin: 0 auto 20px;
    width: 50%;
}
.facturas .footer {
	margin: 30px auto 0px;
	text-align: center;
}

.content_factura {
	min-height: 460px; 
	height:685px;
	/*height:590px;*/
	border:5px solid black;
	width: 63%;
	margin-bottom: 0px;
	position: relative;
	background: black;
}

.error-carga-pdf {
	width:100%;
	background: #212223;
	position: absolute;
	/*top: 65px;*/
	top:0px;
    bottom: 0px;
}
.div-error-carga-pdf{
	background: #fff; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:70%;
	padding:20px;	
	text-align: center;
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
}
.div-error-carga-pdf p {
	margin: 20px;	
	color: #666;
}
.fa.warning {	
	color: #F4C107;
}
.div-error-carga-pdf .custom-file-input {
	text-transform: none !important;
}

.blockui_formulario{
	max-height: 450px;
	padding-right: 15px;
	overflow-y: scroll;
}

#formularios .form input.ancho_dos { 
    width: 22% !important;
	margin-right: 2%;
    display: inline-block;
}

.input_sin_label {
	margin-top: 18px !important;
}
input.con_info[disabled], select.con_info[disabled] {
	opacity: 1;
	background: #f5f5f5 !important;
}
.estados_circ::before {
	content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
}
.estados_circ.estado_precarga::before {
	background: #B7B7B7;
}
.estados_circ.estado_pendiente::before {
	background: #FF7F37;
}
.estados_circ.estado_proceso::before {
	background: #FFC70C;
}
.estados_circ.estado_aprobado::before {
	background: #014A8F;
}
.estados_circ.estado_pagado::before {
	background: #03B231;
}
.estado_ok  {
	color: #03B231;
}
.estados_circ.estado_anulado::before {
	background: #FF0000;
}
p.detalle {color:#999}

.texto_azul {
	color:#00498e !important;
}

ul.ul-items-home{
	margin-top:30px;
}

ul.ul-items-home li{
	padding: 32px 0px;
	border-top:1px solid #ededed;
	position: relative;
}
.ul-items-home .badge{
	position: absolute;
	top: 10px;
	left: 180px;
}
.icon-items-home{
	float:left; width:35px; text-align:center;font-size: 1.9em;line-height: 20px;
}
.items-home{
	float: left;
}
.div-items-home{
	padding-left:180px; 
}

.has-error {
    border-color: #C33 !important;
}

.a-disabled {
    cursor: not-allowed;
	pointer-events: none;
	color: lightgrey;
}

table.tabla-beneficiarios tr th{ 
	line-height: 16px !important;
	padding: 14px 8px !important;
}
table.tabla-beneficiarios tr td{
	vertical-align: middle;
	padding:10px 8px !important;
	line-height: 14px !important;
}

.txt-nowrap {
    white-space: nowrap;
}
.mb-10{
	margin-bottom: 10px !important;
}
.linea-yt{
	border-top: 1px solid #e5e5e5;
    padding: 5px 0px;
}
.linea-yb{
	border-bottom: 1px solid #e5e5e5;
    padding: 5px 0px;
}
.colapsable_contenido table.mt-5:first-child {
	margin-top:5px !important;
}
/*
li.li_info {
	padding: 5px 10px;
    margin: 0px -10px;
	background: #f0f7fe;
	border: 1px solid #b8daff;
	border-radius: 5px;
  }*/

  @media (max-width: 992px) { 
	#foto_pagos_varios {
		display: block;
		margin-top:0;
		}

	#intro_pagos_varios{
		width:100% !important;
		}
   }

   .no-resize {
	resize: none !important;
   }
   .input-radio-label {
	margin-top: 10px;
	margin-bottom: 9px;
   }
   .input-radio-label label {
	display: inline-block;
	font-weight: 400;
	margin-right: 20px;
	vertical-align: middle;
   }
   .input-radio-label input[type="radio"] {
	margin-right: 10px;	
   }
   .input-radio-label:last-child{
	margin-right: 2px;
   }

.modal-body { padding: 25px;}
.modal-dialog { /*margin: 180px auto 0px;*/ margin: 0px auto; width: 500px; top: 10%;}
.modal-lg { width: 900px; margin: 50px auto 50px;}
.alert { padding: 12px;}
.alert-danger { /*background-color: #f2e3e3; */ background:#f7e6e0;}
.alert-success { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }


@media (max-width: 768px) {
.modal-lg { max-width: 700px;}
}

/* Riva whatsapp */
.riva-wsp {
	position:fixed;
	bottom:5%;
	right:1%;
	z-index:99;
  	/* transition: transform 0.5s ease; */
	height: 100px;
	width: auto;
	overflow: hidden;
}
.riva-wsp-normal {
	width: 106px;
	height: auto;
}
.riva-wsp-desplegado {
	width: 216px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
}
.riva-wsp:hover {
	transform: translate(-7px, -0px);
	transition: all 0.3s ease 0s;
	width: 214px;
}
.riva-wsp:hover .riva-wsp-normal {
	opacity: 0;
}
.riva-wsp:hover .riva-wsp-desplegado {
	opacity: 1;
	visibility: visible;
}
.riva-wsp a {
  	position: relative;
	display: block;
}