/*
Aplicación: Sistema de Prestamos
Description: CSS nativo usado en la aplicación en general.
Autor: Dantelin Castro
*/

.fl         { float: left !important;}
.fr         { float: right !important;}

.rds20      { -webkit-border-radius: 20px;border-radius: 20px;}
.rds5       { -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.rds10      { -webkit-border-radius: 10px;border-radius: 10px;}

.box_shw    { -webkit-box-shadow: 0 0 10px 0 #C7C7C7;box-shadow: 0 0 10px 0 #C7C7C7;}
.bdr        {  border: 1px solid #ccc;}

.wd10       {width: 10% !important;}
.wd15       {width: 15% !important;}
.wd20       {width: 20% !important;}
.wd50       {width: 50% !important;}
.wd80       {width: 80% !important;}
.wd85       {width: 85% !important;}
.wd90       {width: 90% !important;}

/*Margenes*/
.m0         { margin: 0 !important;}
.mB5        { margin-bottom: 5px !important;}
.mB         { margin-bottom: 10px !important;}
.mB15       { margin-bottom: 15px !important;}
.mB7        { margin-bottom: 7px !important;}
.mB0        { margin-bottom: 0 !important;}
.mB20       { margin-bottom: 20px !important;}
.mT         {margin-top: 10px;}
.mT5        {margin-top: 5px;}
.mT25       {margin-top: 25px;}
.mT10       { margin-top: 10px !important;}
.mT0        { margin-top: 0 !important;}
.mT15       { margin-top: 15px !important;}
.mT20       { margin-top: 20px !important;}
.mT25       { margin-top: 25px !important;}
.mT30       { margin-top: 30px !important;}
.mT40       { margin-top: 40px !important;}
.mR5        {margin-right: 5px !important;}
.mR         {margin-right: 10px !important;}
.mR-2       {margin-right: 2% !important;}
.mR-1-p     { margin-right: 1% !important;}
.mR-2-p     { margin-right: 2% !important;}
.mR-3-p     { margin-right: 3% !important;}
.mR0        { margin-right: 0 !important;}
.mL10       { margin-left: 10px !important;}
.mL20       { margin-left: 20px !important;}
.mL30       { margin-left: 30px !important;}



.vTop       { vertical-align: top !important;}

.alignL     { text-align: left; !important;}
.alignR     { text-align: right !important;}
.alignC     { text-align: center !important;}

.pdL5       { padding-left: 5px !important;}
.pdL15      { padding-left: 15% !important;}
.pdR5       { padding-right:5px !important;}
.pdR10      { padding-right:10px !important;}
.pdB10      { padding-bottom:10px !important;}

.min-hg60   { min-height: 60px;}

.prl        { position: relative;}

.bold 		{font-weight: bold;}
.em1-1 		{font-size: 1.1em !important;}
.em1-5 		{font-size: 1.5em !important;}

.cpointer {cursor: pointer;}

.img_reponsive { width: 100%; height: auto;}

article {position: relative;}

input[type="checkbox"] {  width: 18px;height: 18px;background: #fff;}

.az {color: #1241B5 !important;}

.pd0    { padding: 0px !important;}
.pdL0   { padding-left: 0px !important;}
.pdL5   { padding-left: 5px !important;}
.pdR5   { padding-right: 5px !important;}
.pdT0   { padding-top: 0px !important;}
.pd5    { padding: 5px !important;}

.bgGris {
	background: #ffffff; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
}
.hg80   {height: 80px !important;}
.hg100  {height: 100px !important;}


.row    { width: 100%;float: left;}
.row_B  { width: 100%;float: left;margin-bottom: 10px;}
.row_P  { width: 100%;float: left;padding: 5px;}

.box_2-2,
.box_1,
.box_2,
.box_3,
.box_3-7,
.box_3-2,
.box_4,
.box_4-3,
.box_5,
.box_6 		{ float: left;padding: 5px;display: block;}

.box_2-2  	{ width: calc(50% - 5px);}
.box_1  	{ width: 100%;}
.box_2  	{ width: 50%;}
.box_3  	{ width: 33.33%;}
.box_3-7,
.box_3-2  	{ width: 66.67%;}
.box_4  	{ width: 25%;}
.box_4-3  	{ width: 75%;}
.box_5  	{ width: 20%;}
.box_6  	{ width: 16.66%;}

.btnI {background: #ECDED5;padding: 5px 10px;text-align: center;line-height: 25px;border: 1px solid;font-weight: normal !important;text-decoration: none !important;}

.req {color: red !important;}

.popUp_gnl {width: 700px;margin: 0 auto;}

/*===============| GRID DTL |==================*/

.data_G.tbl th				{ height: 30px;border: 1px solid #cacbd3;font-size: 0.8em !important; font-weight: normal;padding: 5px 10px;}
.data_G.tbl td 				{ height: 30px;border: 1px solid #cacbd3; padding: 3px 0px;padding: 5px 10px;}

.data_G tr:nth-child(even) 	{ background-color: #DDEBF7;}
.data_G tr:nth-child(odd) 	{ background-color: #fff;}

.data_G.tbl tr.selectRow, 
.data_G.tbl tr.selectRow:hover {
background-color: #FFDDC7 !important;
color: #111 !important;
cursor: auto !important;
}

./*data_G.tbl tr div { padding: 5px 10px;}*/

.data_G.hover tr:hover 				{ background-color: #8CC65E !important;cursor: pointer;}
.cell td:hover						{ background-color: #FFDDC7 !important;cursor: pointer;}
.cell .active						{ background-color: #FFDDC7 !important;cursor: default;}

.data_G tr.gradient_azul th 		{ border: 1px solid #0C131F !important;;}
.data_G tr.gradient_azul:hover th,
.data_G tr.gradient_gris:hover th 	{ cursor: default;}


.data_G td ul.secc li 				{ padding: 8px 10px;border-bottom: 1px solid #cacbd3;}
.data_G td ul.secc li ul.secc2 li 	{ padding: 8px 10px;border-bottom: 1px solid #cacbd3;}
.data_G.td_secc_pd0 td 				{ padding: 0px !important;}

.data_G  td + ul.secc				{ padding: 0px !important;}

.data_G td ul.secc li:last-child,
.data_G td ul.secc li ul.secc2 li li:last-child 	{ border-bottom: none;}

.tbl th {
    height: 35px;
    border-right: 1px solid #0C131F;
    border-bottom: 1px solid #0C131F;
}
/*Paginación de los grids*/
.paginacion{
	background: #F1F2F6;
	/*border: solid 1px #c6c6c6;*/
	overflow:hidden;
	border-top:0;
	padding:0 10px;
	display: block;
}
.paginacion p{ 
	float:left; font-weight:normal; text-align:left;
	font: 11px Verdana, Geneva, sans-serif;
	color: #002060;
	padding:5px 10px 0 0;
	margin:3px 0;
	
}
.paginacion .current {
	padding: 2px 5px 3px 5px;	
	color: #fff;
	display:block;
	text-decoration:none;
	cursor:default;
	margin:5px 12px 0px 0px;
	float:left;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: #002060;
	border: 1px solid #fff;
}
/*.pagination a.numbers{
	color: #003FFF;
	padding: 3px 5px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	margin:5px 12px 0px 0px;
	float:left;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-align:center;
}*/
.paginacion li.numbers{
	color: #002060;
	padding: 3px 5px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	margin:5px 12px 0px 0px;
	float:left;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-align:center;
}
/*.pagination a.numbers:hover,*/
.paginacion li a.numbers:hover{ text-decoration:underline}
.paginacion .next, .paginacion .prev, .paginacion .next_dis, .paginacion .prev_dis,
.paginacion .fwrd, .paginacion .rewd, .paginacion .fwrd_dis, .paginacion .rewd_dis{
	display:block;
	float:left;
	width:19px;
	height:19px;
	text-indent:-999px;
	cursor:pointer;
	border:0;
	margin:5px 12px 5px 0px;
	background-image: url(../images/DXR.png);
	background-repeat: no-repeat;	
}
.paginacion .next	{background-position: -39px -314px;}
.paginacion .prev	{background-position: -100px -263px;}
.paginacion .next_dis	{background-position: -60px -314px;}
.paginacion .prev_dis	{background-position: -40px -263px;}
.paginacion .fwrd	{background-position: -80px -263px;}
.paginacion .rewd	{background-position: -20px -263px;}
.paginacion .fwrd_dis	{background-position: -60px -263px;}
.paginacion .rewd_dis	{background-position: -20px -314px;}

.barra {	

	border: 1px solid #a5adb7;
	background: #dee0e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTBlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWFkYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #dee0e2 0%, #a5adb7 100%);
	background: -webkit-linear-gradient(top, #dee0e2 0%,#a5adb7 100%);
	background: linear-gradient(to bottom, #dee0e2 0%,#a5adb7 100%);
}

.gradient_azul {
    color: #ededed !important;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 1px 2px rgba(0,0,0, .65);
    text-align: center;
    border: 1px solid transparent ;/*#0F7216*/
    background: #11385b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #11385b 0%, #021122 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11385b), color-stop(100%,#021122));
    background: -webkit-linear-gradient(top, #11385b 0%,#021122 100%);
    background: -o-linear-gradient(top, #11385b 0%,#021122 100%);
    background: -ms-linear-gradient(top, #11385b 0%,#021122 100%);
    background: linear-gradient(to bottom, #11385b 0%,#021122 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11385b', endColorstr='#021122',GradientType=0 );
    -webkit-box-shadow: 0 0 2px 1px rgba(13, 46, 77, 0.55) inset;
    -moz-box-shadow: 0 0 2px 1px rgba(13, 46, 77, 0.55) inset;
    box-shadow: 0 0 2px 1px rgba(13, 46, 77, 0.55) inset;
    -webkit-transition: color 0.5s, background 0.5s, height 0.5s;
    -moz-transition: color 0.5s, background 0.5s, height 0.5s;
    -o-transition: color 0.5s, background 0.5s, height 0.5s;
    -ms-transition: color 0.5s, background 0.5s, height 0.5s;
    transition: color 0.5s, background 0.5s, height 0.5s;
}
.overF {overflow: auto;}
.overF_x {overflow-x: auto;overflow-y: hidden;}
.radioCE {font-weight: bold;cursor: pointer;display: block;float: left;}

button.bars {
	width: 45px;
	height: auto;
	position: absolute;
    top: 30%;
    left: 0px;
    border: none;
    background: #123368;
    color: #fff;
    padding: 5px;
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 0.9em;
}
button.bars:before {font-size: 1.1em;margin-left: 10px;float: left;}
.popUp_gnl > header {	padding-left: 1em;background: #123368;color: #fff;height: 30px;}

.popUp_gnl > header h4 {
	color: #fff;
	line-height: 38px;
	margin: 0;
	float: left;
	font-weight: 400;
	text-transform: uppercase;
	
}
/* SQUARED FOUR */
.check_lb input[type="checkbox"] {  visibility: hidden;}
.check_lb {width: 20px;position: relative;}
  
.check_lb label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4472C4;
	margin: 0px;
	
}
input[type="text"], 
select, 
textarea {  border: 1px solid #4472C4;}

.check_lb label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 7px;
	background: transparent;
	top: 5px;
	left: 2px;
	border: 3px solid #00B111;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.check_lb label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.check_lb input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.label_hz,
.label_hz30			{float: left;width: 100%;margin: 2px 0px; }
.label_hz label,
.label_hz input[type="text"],
.label_hz select,
.label_hz30 label,
.label_hz30 input[type="text"],
.label_hz30 select 	{float: left;margin-right: 5px;}

.label_hz label 	{width: calc(20% - 5px) !important; }
.label_hz input[type="text"],
.label_hz select 	{width: calc(80% - 5px) !important;}
.label_hz30 label 	{width: calc(30% - 5px) !important; }
.label_hz30 input[type="text"],
.label_hz30 select 	{width: calc(70% - 5px) !important;}

/*==========| ICONOS |===========*/
.ico:before         {width: 30px; height: 30px;position: absolute;left: 0;top: 0;}
.ico_banca:before   {content: "\f015";}
/*==============| Header |================*/



.lgout 			{width: 100px;height: 85px;cursor: pointer;float: right;background: #FD6C39;border: 0;text-transform: uppercase;color: #fff; border-left: 1px solid #fff;text-align: center;line-height: 85px;}
.lgout:hover 	{background: #FB4102;} 

/*Cuerpo*/
.main 					{background: #F9F5F2;padding: 10px;float: left;width: 100%;}
.main a                 {font-weight: bold;}
.main a:hover           {text-decoration: underline;}
ul.head li 				{width:  14%; float: left;color: #123368;text-transform: capitalize;margin-bottom: 10px;font-size: 0.8em;}
ul.head li span i,
ul.head li a 			{ line-height: 22px;font-weight: bold;}
ul.head li a i          {float: left;display: block;color: #FD6C39;font-size: 22px;}
h3.label {
    font-size: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

/*=====| CREACION MODIFICACION CLIENTE |=====*/

.cmod               {font-size: 0.9em;}
.cmod label         {font-weight: normal;font-size: 0.75em;}

.carga a            { font-size: 0.8em;float: left;display: block;}
.carga .viewF,
.carga .viewAE      {width: 100%;border:1px solid #123368;float: left;margin: 10px auto;}

.carga .viewF       { height: 200px;}
.carga .viewAE      { height: 399px;}

.btn_anular i {font-size: 2em; margin: 10px;}
.btn_anular {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 1.3em;
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #ccc;
    color: #333;
    text-align: center;
    cursor: pointer;
}
.btn_anular:hover {background: firebrick; color: #fff;}

/*Calculadora*/
.btn_funcion 	{ width: 11%;max-width: 110px;float: right;}
.visor 			{ width: 100%;border: 1px solid;height: 100%;background-color: #ccc;float: left;}
.visor.cal 		{ overflow: auto;width: 88% !important;margin-right: 1%; min-height: 500px;}

.cal td {text-align: center;}

.btn_funcion .btn_cal 				{ width: 100%;display: block;height: 120px;line-height: 100px;margin-bottom: 10px;font-size: 2em;}
.btn_funcion .btn_cal:last-child 	{margin-bottom: 0px;}

.btn_funcion .btn_cal:hover,
.btnI:hover 		{background: #47a3da;color: #fff;}

.barra li.totales {float: left;padding: 0 10px;color: #000;border-right: 1px solid #444;border-left: 1px solid #fff;}
.barra li.totales:first-child {border-left: 0px;}
.barra li.totales:last-child {border-right: 0px;}

/*Cobro Manual*/

.cmanual .inic input 	{ font-size: 1.1em;height: 50px;}
.lgEmpresa .visor 		{ height: 170px;margin-bottom: 10px;}
.lgEmpresa .ctrl 		{ width: 50%;margin: 0 auto;}
.lgEmpresa .ctrl a 		{display: block;width: 49%;float: left;}
.lgEmpresa .ctrl a:nth-child(1) {margin-right: 2%;}

/*Aplicar Pago*/
.apPago {font-size: 0.95em;}
.apPago .hz_row {width: 100%;float: left;}
.apPago .t1 {width: 15%;float: left;}
.apPago .t2 {width: 85%;float: left;}

.apPago .t1,
.apPago .t2,
.montoInput input {color: #000 !important;}
.apPago .t1,
.apPago .t2,
.totalInput input,
.montoInput input {font-weight: bold;font-size: 1.1em !important;}


.montoInput input {color: #123368;}

/*Saldar Prestamo*/
.sprestamo  			{  font-size: 0.9em;}
.sprestamo ul.head li 	{  width: 25%;}
.sprestamo table td 	{padding: 3px;}
.sprestamo table label 	{font-size: 1.2em;}