* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:focus {
	outline: none;
}

@font-face {
	font-family: "Open Sans";
	src: url("fonts/OpenSans-Regular.ttf");
}

body {
	font-family: "Open Sans";
	background-color: #f5f6f6; /* default #E8E8E8 */
}

body.inicioSesionUsr {
	font-family: "Open Sans";
	background: url("../../img/fondo.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;

	padding: 20px;
	background-color: #4B0082; /* default #34495E */
}

header #button-menu {
	font-size: 30px;
	color: #FFF;
	cursor: pointer;
}

.navegacion {
	position: absolute;
	top: 100%;
	left: 0;
	width: 0%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .0);

	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.navegacion ul {
	width: 256px; /* default 320px*/
	height: 100%;
	background-color: #FFF;
	list-style: none;

	position: absolute;
	top: 0;
	left: -256px;

	-webkit-transition: left .3s;
	-moz-transition: left .3s;
	-o-transition: left .3s;
	transition: left .3s;
}

.navegacion .menu li.title-menu {
	padding: 16px; /* default 20px */
	background-color: #7002c1; /* #5F6F81*/
	color: #FFF;
	text-align: center;
	font-size: 17px; /* default 22px*/
}

.navegacion .menu a {
	display: block;
	padding: 16px; /* default 20px */
	border-bottom: 1px solid #ecd2ff; /* C6D0DA*/

	font-size: 17px; /* default 22px*/
	font-weight: 200;
	text-decoration: none;
	color: #7b5399; /* 575D69 */
}

.navegacion .menu a:hover {
	background-color: #aa35ff; /* 798DA3*/
	color: #FFF;
}

.navegacion .menu li span.icon-menu {
	margin-right: 9.6px; /* default 12 px*/
}

.navegacion .menu .item-submenu > a:after {
	font-family:"Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1.6;
	content: "\f105";
	font-weight:900;

	float: right;
	color: #C5C5C5;
}

/* SUBMENÚS */

.navegacion .submenu li.title-menu {
	background-color: #FFF;
	color: #7b5399; /* #575D69 */
}

.navegacion .submenu li.go-back {
	padding: 8px 16px; /* default 10px 20px */
	background-color: #7002c1; /* #5F6F81 */
	color: #FFF;
	font-size: 14px; /* deefault 18px*/
	cursor: pointer;
}

.navegacion .submenu li.go-back::before {
	font-family:"Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1.4;
	content: "\f0d9";
	font-weight:900;

	float: left;
	color: #C5C5C5;
	margin-right: 10px;
}

/* FORMULARIO DE SOLICITUD IZQUIERDO */

.contenido {
	padding: 20px;
	padding-top: 90px;
}

.form_wrap {
	width: 69%;
	min-height: 530px;
	display: inline-block;

	margin: 0px auto;

	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.form_wrap h2 {
	margin: 10px;
	margin-left: 20px;
}

/* PARTE IZQUIERDA INFORMACIÓN */
.general_info::before {
	content: '';
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	background-color: #4091EC;
	opacity: 0.9;
}

.general_info {
	width: 38%;
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-image: url('../img/fondo.jpg');
	background-size: cover;
	background-position: center center;
}

.info_title, .info_items {
	position: relative;
	z-index: 2;
	color: #FFF;
}

.info_title {
	margin-bottom: 60px;
}

.info_title span {
	font-size: 100px;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

.info_title h2 {
	font-size: 35px;
	text-align: center;
}

.info_items p {
	display: flex;
	align-items: center;

	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.info_items p:nth-child(1) span {
	font-size: 30px;
	margin-right: 10px;
}

.info_items p:nth-child(2) span {
	font-size: 30px;
	margin-right: 15px;
	margin-left: 5px;
}

/* FORMULARIO */

div.form_info {
	width: 100%;
	padding: 10px 40px;
}

div.form_info h2 {
	font-size: 20px;
	font-weight: 600;
	color: #303030;
	margin-bottom: 20px;
}

div.form_info label {
	font-weight: 600;
}

.seccionBuscador {
	width: 100%;
	padding: 10px 40px;
}

.seccionInsideBuscador {
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.seccionInsideBuscador input[type="text"] {
	width: 86%;
	padding: 10px 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
}

.seccionInsideBuscador input[type="button"] {
	margin-left: 1%;
	width: 9%;
	height: 40px;
	padding: 5px;
	background-color: #E25151;
	color: #FFF;
	border: 2px solid #B14141;

	font-family: 'Open Sans';
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.seccionInsideBuscador input[type="button"]:hover {
	background-color: #B14141;
}


div.form_info .seccionArriba {
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

div.form_info .seccionArriba .seccionIzquierda {
	width: 47%;
	display: inline-block;
}

div.form_info .seccionArriba .seccionDerecha {
	margin-left: 10px;
	width: 47%;
	display: inline-block;
}

div.form_info .seccionArriba input[type="text"],
div.form_info .seccionArriba input[type="number"] {
	/*
	
	margin-top: 10px;
	margin-bottom: 15px;*/
	width: 80%;
	padding: 10px 15px;
	margin-left: 5px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
}

div.form_info .seccionAbajo {
	margin-top: 20px;
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

div.form_info .seccionAbajo input[type="text"]::placeholder,
div.form_info .seccionAbajo input[type="number"]::placeholder {
	color: #BBBABA;
}

div.form_info .seccionBotones {
	margin-top: 20px;
	padding-right: 40px;
	float: right;
}

div.form_info .seccionDos,
div.form_info .seccionTres,
div.form_info .seccionCuatro {
	margin-top: 10px;
}

div.form_info .seccionUno .seccionesCentrales {
	width: 32%;
	display: inline-block;
}

div.form_info .seccionDos .CentralUno {
	width: 64.6%;
	display: inline-block;
}

div.form_info .seccionDos .CentralDos {
	width: 32%;
	display: inline-block;
}

div.form_info .seccionAbajo .seccionUno input[type="text"],
div.form_info .seccionAbajo .seccionUno input[type="number"] {
	width: 80%;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 16px;
	font-weight: 400;
	display: block;
}

div.form_info .seccionAbajo .seccionDos input[type="text"],
div.form_info .seccionAbajo .seccionDos input[type="number"] {
	width: 90.6%;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 16px;
	font-weight: 400;
	display: block;
}

div.form_info .seccionAbajo .seccionDos input[type="text"]:invalid:focus {
	border-color: #F14B4B;
}

div.form_info .seccionAbajo .seccionTres input[type="text"],
div.form_info .seccionAbajo .seccionTres input[type="number"] {
	width: 90.6%;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 16px;
	font-weight: 400;
}

div.form_info .seccionAbajo .seccionCuatro input[type="text"],
div.form_info .seccionAbajo .seccionCuatro input[type="number"] {
	width: 90%;
	padding: 9px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 16px;
	font-weight: 400;
}

div.form_info .seccionTres {
	width: 64.6%;
	display: inline-block;
}

div.form_info .seccionCuatro {
	width: 32%;
	display: inline-block;
}

div.form_info .seccionAbajo select {
	width: 90%;
	padding: 9px 15px;
	margin-top: 10px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 16px;
	font-weight: 400;
	display: block;
}

div.form_info #profit {
	width: 100%;
}

div.form_info .separadorFile {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.form_info span {
	position: relative;
	width: 16px;
	height: 16px;
	font-size: 12px;
	cursor: pointer;
}

div.form_info select {
	width: 100%;
	padding: 9px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
}

div.form_info input[type="submit"] {
	width: 180px;
	background-color: #800080; /*4091EC */
	padding: 10px;
	border: none;
	border-radius: 5px;

	align-self: flex-end;

	color: #FFF;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 20px;
}

div.form_info input[type="submit"]:hover {
	background-color: #580158; /*3371B6 */
}

/* VENTANA DE ERRORES */
.modal_wrap {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);

	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;

	display: flex;
	justify-content: center;
	align-items: center;
}

.mensaje_modal {
	background-color: #FFF;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	width: 400px;
	padding: 30px 20px 15px;
}

.mensaje_modal h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
}

.mensaje_modal h3:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #C5C5C5;
	margin: 10px 0px 15px;
}

.mensaje_modal p {
	font-size: 16px;
	color: #606060;
}

.mensaje_modal p:before {
	font-family:"Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-weight:900;

	display: inline-block;
	margin-right: 8px;
}

.mensaje_modal p#error:before {
	content: "\f00d";
	color: #E25151;
}

.mensaje_modal p#exito:before {
	content: "\f00c";
	color: #1E902F;
}

.mensaje_modal .btnError {
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;

	background-color: #E25151;
	color: #FFF;
	border: 2px solid #B14141;
	cursor: pointer;

	float: right;
}

.mensaje_modal .btnExito {
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;

	background-color: #228B22;
	color: #FFF;
	border: 2px solid #006400;
	cursor: pointer;

	float: right;
}

.mostrarResponsive { display: none; }

.mensaje-exito {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mensaje-exito h1 {
	font-size: 35px;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.mensaje-exito a {
	display: block;
	padding: 10px 30px;
	background-color: #800080;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;
}

.mensaje-exito a:hover {
	background-color: #580158;
}


/*RESUMEN DE LA DERECHA */
.form_derecha {
	width: 29%;
	min-height: 200px; /* DEFECTO 530px */
	display: inline-block;
	padding: 30px 40px;

	margin: 0px auto;
	float: right;

	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.derecha_titulo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 15px;
}

.derecha_titulo span {
	font-size: 25px;
	float: left;
	margin-right: 12px;
}

.spanModified span:nth-child(1) {
	font-size: 25px;
	margin: 0 auto;
}

.derecha_titulo p {
	font-size: 1.1em;
	font-weight: 600;
	color: #303030;
}

.derecha_contenido {
	top: 100%;
	width: 100%;
	height: 100%;
}

.form_derecha .derecha_contenido div.seccion,
.solicitudes_contenido div.seccion {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.form_derecha .derecha_contenido label,
.solicitudes_contenido label {
	display: inline-block;
	width: 38%;
	font-weight: 600;
}

label.notasX {
	display: inline-block;
	width: 100%;
	font-weight: 600;
	color: #FF0000;
}

.form_derecha .derecha_contenido div.seccion input,
.solicitudes_contenido div.seccion input {
	display: inline-block;
	width: 35%;
	height: 25px;
	margin-right: 7px;
	border: none;
	/*border: 2px solid #D1D1D1;*/
	background-color: #FFF;
	font-size: 15px;
}

.solicitudes_contenido div.seccion input {
	width: 50%;
}

.form_derecha .derecha_contenido a,
.solicitudes_contenido a {
	font-size: 15px;
	color: #303030;
}

.form_derecha .derecha_contenido div.seccion span,
.solicitudes_contenido div.seccion span {
	display: inline-block;
	width: 7%;
	cursor: pointer;
	color: #696969;
	font-size: 18px;
}

.form_derecha .derecha_contenido div.seccion span:hover {
	color: #000000;
}

.form_derecha .derecha_contenido div.bordecitoCool,
.form_derecha .solicitudes_contenido div.bordecitoCool {
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
	padding: 10px;
}

.form_derecha .solicitudes_contenido div.bordeInvisible {
	padding: 10px;
}

.form_derecha .solicitudes_contenido div.bordeSuperior {
	padding-top: 10px;
	border-top: 1px solid #D1D1D1;
}

.form_derecha .derecha_contenido .gananciaText {
	color: #FF0000;
}

.form_login {
	width: 25%;
	height: auto;
	display: inline-block;
	position:absolute;
	top: 10%;
	left: 65%;
/*
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
*/
	background-color: #230945;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.texto_login {
	width: auto;
	height: auto;
	display: inline-block;
	position:absolute;
	top: 10%;
	left: 10%;
}

.bancos_login {
	width: 100%;
	height: 50px;
	display: inline-block;
	position: absolute;
	top: 92%;
	left: 0%;
	padding-left: 5%;
	padding-right: 5%;
}

div.login_form {
	width: 100%;
	padding: 30px 40px;
}

div.login_form p {
	color: #FFF;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}

div.login_form label {
	color: #FFF;
}

div.login_form h2 {
	font-size: 20px;
	font-weight: 600;
	color: #FFFF00;
	margin-bottom: 20px;
	text-align: center;
}

div.login_form .seccionIzquierda {
	display: inline-block;
	width: 49%;

}

div.login_form .seccionDerecha {
	width: 49%;
	display: flex;
	flex-direction: column;
	float: right;
}

div.login_form label {
	font-weight: 600;
}

div.login_form input[type="text"],
div.login_form input[type="password"] {
	width: 100%;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
}

div.login_form input[type="submit"] {
	width: 100px;
	background-color: #FFFF00;
	padding: 10px;
	border: none;
	border-radius: 5px;
	margin-top: 10px;

	float:right;

	color: #000;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 20px;
}

div.login_form input[type="submit"]:hover {
	background-color: #d7cf00;
}


header div.logoIndex {
	position: absolute;
	left: 85%;
}

header div.logoIndex img {
	height: 80%;
	width: 80%;
}

header div.userright {
	font-size: 16px;
	position: absolute;
	margin-left: 5%;
}

header div.userright p {
	color: #FFF;
	font-weight: 600;
	font-size: 12px;
}

header div.userhome {
	font-size: 25px;
	position: absolute;
	left: 95%;
	color: #FFF;
	cursor: pointer;
}

#volveraInicio {
	color: #FFF;
}

header div.userhomeandReload {
	font-size: 25px;
	position: absolute;
	left: 90%;
	color: #FFF;
	cursor: pointer;
}

#reloadPage {
	margin-left: 25px;
	color: #FFF;
}

.form_completo {
	width: 100%;
	min-height: 530px;
	display: inline-block;

	margin: 0px auto;

	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.form_completo table {
	border-collapse: collapse;
	width: 100%;
}

.form_completo table span {
	font-size: 18px;
	cursor: pointer;
	color: #34495E;
}

.form_completo .mensajeOculto {
	display: none;
}

.form_comprobante {
	width: 100%;
	max-height: 600px;

	margin: 0px auto;
	padding: 20px;


	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.form_comprobante a {
	text-decoration: none;
	background-color: #E25151;
	color: #FFF;
	border: 2px solid #B14141;
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
	margin-bottom: 20px;
}

th {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

td {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

tr:hover { background-color:#f5f6f6; } /* default #dadedc */

tr.rechazadaX { background-color: #ffbbbc; }
tr.rechazadaX:hover { background-color:#fdddde; }

tr.completadaX { background-color: #babefe; }
tr.completadaX:hover { background-color:#d4d7fe; }

tr.procesoX { background-color: #f3ff5b; }
tr.procesoX:hover { background-color:#f3faa1; }

tr.modificadaX { background-color: #88ff7d; }
tr.modificadaX:hover { background-color:#beffb8; }

.formdelIndex {
	width: 100%;
	min-height: 130px;
	padding-bottom: 20px;
	margin: 0px auto;

	border-bottom: 1px solid #A9A9A9;
	overflow: hidden;
	display: block;
	margin-bottom: 40px;
}

.segundoFormIndex {
	width: 100%;
	min-height: 130px;
	margin: 0px auto;
}

.alineacionHorizontal {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.divisionesButtons {
	width: 33%;
	display: inline-block;
}

.divisionesButtonsADM {
	width: 24.5%;
	display: inline-block;
}

.primerBotonIndex {
	width: 200px;
	height: 200px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	padding: 50px 0px;
	background: #FFF;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	text-align: center;
}

.primerBotonIndex:hover {
	background: #f5f6f6;
	font-size: 18px;
}

.verdecito {
	color: #11a837;
}
.azulito {
	color: #9481ec;
}
.grisesito {
	color: #606060;
}
.amarillito {
	color: #DC143C;
}
.colorverde { color: #00C83D; }
.colorrojo { color: #CF0000; }

.divisionesButtons a {
	text-decoration: none;
	color: #5A5A5A;
	font-size: 16px;
}

.divisionesButtonsADM a {
	text-decoration: none;
	color: #5A5A5A;
	font-size: 16px;
}

#reloadClass {
	color: #11a837;
	text-decoration: none;
	font-size: 30px;
}

#configClass {
	color: #DC143C;
	text-decoration: none;
	font-size: 30px;
}

#reloadSolicitudes {
	color: #606060;
	text-decoration: none;
	font-size: 30px;
}

#addNewClass {
	color: #9481ec;
	text-decoration: none;
	font-size: 30px;
}

.formdelIndex .parteUno {
	width: 48%;
	float: left;
	font-size: 16px;

	padding: 30px 0px;
	-webkit-text-stroke: 0.5px black;
	text-align: left;
}

.formdelIndex .parteUno .textoIndex {
	font-family: 'Open Sans';
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 10px;
}

.formdelIndex .parteUno .textoIndex .textoDistribuidor {
	font-size: 0.7em;
}

.formdelIndex .parteUno .textoIndex .textoNombreCompleto {
	font-size: 1.2em;
	font-weight: 900;
}

.formdelIndex .parteUno span {
	margin-right: 10px;
}

.formdelIndex .parteUno .alineadorCentral {
	margin-left: 25%;
}

.formdelIndex .parteDos .alineadorCentral {
	margin-left: 40.5%;
}

.formdelIndex .parteDos {
	width: 48%;
	float: left;
}

.formdelIndex .parteDos .todoCentradoX {
	margin-top: 10px;
	-webkit-text-stroke: 0.5px black;
}

.formdelIndex .parteDos .todoCentradoX p {
	text-align: center;
}

.formdelIndex .parteDos .todoCentradoX p.chiquita {
	font-size: 12px;
}

.formdelIndex .parteDos .todoCentradoX p.pocoChiquita {
	font-size: 14px;
}

.formdelIndex .circulo {
	width: 120px;
	height: 120px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 10px;
	padding-top: 10px;

	background: rgba(75,0,130,1);
	background: -moz-linear-gradient(-45deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 50%, rgba(255,255,0,1) 50%, rgba(255,255,0,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(75,0,130,1)), color-stop(50%, rgba(75,0,130,1)), color-stop(50%, rgba(255,255,0,1)), color-stop(100%, rgba(255,255,0,1)));
	background: -webkit-linear-gradient(-45deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 50%, rgba(255,255,0,1) 50%, rgba(255,255,0,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 50%, rgba(255,255,0,1) 50%, rgba(255,255,0,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 50%, rgba(255,255,0,1) 50%, rgba(255,255,0,1) 100%);
	background: linear-gradient(135deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 50%, rgba(255,255,0,1) 50%, rgba(255,255,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0082', endColorstr='#ffff00', GradientType=1 );
}

.formdelIndex .circuloText {
	width: 100px;
	height: 100px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.formdelIndex .circuloText p {
	font-size: 25px;
	color: #5A5A5A;
}

.formdelIndex .circuloPeq {
	width: 60px;
	height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 5px;
	padding-top: 5px;

	background: #FFFF00;
}

.formdelIndex .circuloPeqText {
	width: 50px;
	height: 50px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.formdelIndex .circuloPeqText p {
	font-size: 30px;
	color: #5A5A5A;
}

.formdelIndex .formaCircular {
	width: 65px;
	float: left;
}

.formdelIndex .formaBala {
	float: left;
	width: 210px;
}

.formdelIndex .BalaText {
	width: 220px;
	height: 60px;

	-moz-border-radius: 60px 60px 60px 60px;
	-webkit-border-radius: 60px 60px 60px 60px;
	border-radius: 60px 60px 60px 60px;
	background-color: #FFF;
	padding: 7px;
	text-align: center;
}

.formdelIndex .BalaText .letraChiquita {
	font-size: 12px;
}

.formdelIndex .BalaText .letraDelSaldoRoja {
	font-size: 22px;
	color: #ff0000;
}

.formdelIndex .BalaText .letraDelSaldoVerde {
	font-size: 22px;
	color: #1E902F;
}

.form_completoCuadrado {
	width: 100%;
	min-height: 130px;
	margin: 0px auto;

	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.form_completoCuadrado table,
.solicitudespage table {
	border-collapse: collapse;
	width: 100%;
}

.form_completoCuadrado table td,
.solicitudespage table td {
	height: 60px;
}

.ajustarreportex table td {
	height: auto;
}

.form_completoCuadrado table span,
.solicitudespage table span {
	font-size: 18px;
	cursor: pointer;
	color: #34495E;
}
.form_completoCuadrado h2,
.solicitudespage h2 {
	margin: 10px;
	margin-left: 20px;
}

.form_completoCuadrado form
.solicitudespage form {
	display: inline-block;
	width: 100%;
}
/*.form_completoCuadrado input[type="date"],
.form_completoCuadrado input[type="text"],
.form_completoCuadrado select,*/
.form_users input[type="date"] {
/*.solicitudespage input[type="date"] {
.solicitudespage input[type="text"] {*/
	margin: 10px;
	margin-left: 20px;
	width: 248px;
	padding: 10px;
	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;

	display: inline-block;
}

.form_completoCuadrado input[type="submit"],
.form_users input[type="submit"],
.solicitudespage input[type="submit"] {
	margin-left: 20px;
}
.form_completoCuadrado input[type="button"],
.form_users input[type="button"],
.solicitudespage input[type="button"] {
	margin-left: 5px;
}
.form_completoCuadrado input[type="submit"],
.form_completoCuadrado input[type="button"],
.form_users input[type="submit"],
.form_users input[type="button"],
.solicitudespage input[type="submit"],
.solicitudespage input[type="button"] {
	background-color: #800080;
	width: 120px;
	height: 40px;
	padding: 5px;
	border: none;
	border-radius: 5px;

	color: #FFF;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.form_completoCuadrado input[type="submit"]:hover,
.form_completoCuadrado input[type="button"]:hover,
.form_users input[type="submit"]:hover,
.form_users input[type="button"]:hover,
.solicitudespage input[type="submit"]:hover,
.solicitudespage input[type="button"]:hover {
	background-color: #580158;
}

.sombratrasera {
	margin: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	font-size: 13px;
}


.ventanaInformacion {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);

	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;

	display: flex;
	justify-content: center;
	align-items: center;
}


.ventanaMensajeInfo {
	background-color: #FFF;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	width: 420px;
	padding: 30px 20px 15px;
	font-size: 13px;
}

.ventanaMensajeInfo h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.ventanaMensajeInfo h5 {
	margin-top: 20px;
	text-align: center;
}

.ventanaMensajeInfo h5:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #C5C5C5;
	margin: 10px 0px 15px;
}

.ventanaMensajeInfo p {
	font-size: 13px;
}

.ventanaMensajeInfo .btnExito {
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;

	background-color: #228B22;
	color: #FFF;
	border: 2px solid #006400;
	cursor: pointer;

	float: right;
}

.ventanaMensajeInfo h3.completadaX {
	color: #41FF2F;
}

.ventanaMensajeInfo h3.procesoX {
	color: #FFD700;
}

.ventanaMensajeInfo h3.rechazadaX {
	color: #FF0000;
}

.ventanaMensajeInfo .fechaMensaje {
	float: right;
	margin-bottom: 10px;
}

.ventanaMensajeInfo .seccionClientes {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 13px;
}

.ventanaMensajeInfo .clienteDer {
	float: right;
	display: inline-block;
}

.ventanaMensajeInfo .montosUno {
	font-size: 13px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
}

.ventanaMensajeInfo .montosUnoEspecial {
	font-size: 13px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #D1D1D1;
}

.ventanaMensajeInfo .montosUnoFin {
	font-size: 13px;
	padding: 10px;
	width: 100%;
	display: inline-block;
}

.ventanaMensajeInfo .montosDos {
	float: right;
	display: inline-block;
}

.negrita {
	font-weight: 600;
}

.alinearderecha {
	text-align: right;
}

.ventanaMensajeInfo .observacionesInfor {
	width: 65%;
	display: inline-block;
	font-size: 13px;
}

.ventanaMensajeInfo .observacionesBox {
	height: 60px;
	background-color: #F5F5F5;
	border: 2px solid #D1D1D1;
	font-size: 13px;
	padding: 10px;
	color: #5A5A5A;
}

.ventanaMensajeInfo .observacionesBox p {
	position: absolute;
}

.ventanaMensajeInfo .comprobanteBox a {
	position: absolute;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 25px;
}

.observacionesInput {
	font-size: 13px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
}

.observacionesInput input[type="text"]:invalid:focus {
	border-color: #F14B4B;
}

form.form_detalles .observacionesInput input[type="text"] {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;

	width: 100%;
	display: inline-block;
}

form.form_detalles .observacionesInput select {
	width: 100%;

	padding: 2px;
	border: none;
	border: 1px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
}

.btnDetalle {
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;

	background-color: #228B22;
	color: #FFF;
	border: 2px solid #006400;
	cursor: pointer;

	float: left;
}

form.form_detalles .observacionesInput input[type="file"] {
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline-block;
}


.ventanaMensajeInfo .comprobanteInfor {
	width: 33.8%;
	display: inline-block;
	font-size: 13px;
}

.ventanaMensajeInfo .comprobanteBox {
	height: 60px;
	background-color: #F5F5F5;
	border: 2px solid #D1D1D1;
	padding: 10px;
	display: flex;
	justify-content: center;
}

#detalleCircle {
	font-size: 40px;
	color: #D3D3D3;
}

.ventanaMensajeInfo .seccionDePago {
	width: 65%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	
}

.ventanaMensajeInfo .seccionDeEstado {
	width: 33.8%;
	display: inline-block;
	font-size: 13px;
}

.form_config {
	width: 100%;
	min-height: 130px;
	display: inline-block;

	margin: 0px auto;

	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.form_config table {
	border-collapse: collapse;
	width: 100%;
}

.form_config table span {
	font-size: 18px;
	cursor: pointer;
	color: #34495E;
}

form.form_configuracion input[type="text"],
form.form_configuracion input[type="password"],
form.form_configuracion input[type="number"],
form.form_configuracion input[type="date"] {
	width: 100%;
	padding: 10px 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.form_configuracion select {
	width: 100%;
	padding: 10px 15px;

	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.form_configuracion label {
	font-weight: 600;
}

form.form_configuracion input[type="submit"] {
	margin-top: 10px;
	width: 30%;
	background-color: #800080;
	padding: 10px;
	border: none;
	border-radius: 5px;

	float:right;

	color: #FFF;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

form.form_configuracion input[type="submit"]:hover {
	background-color: #580158;
}


.form_users {
	width: 100%;
	min-height: 130px;
	display: inline-block;

	margin: 0px auto;

	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
}

.form_users h2,
.form_config h2 {
	margin: 10px;
	margin-left: 20px;
}

.form_users table {
	border-collapse: collapse;
	width: 100%;
}

.form_users table span {
	font-size: 18px;
	cursor: pointer;
	color: #34495E;
}

form.form_usermodify input[type="text"] {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;

	width: 100%;
	display: inline-block;
}

form.form_usermodify input[type="submit"] {
	width: 80px;
	background-color: #228B22;
	padding: 5px;
	border: 2px solid #006400;

	color: #FFF;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	float: right;
	
}

.confirmacionEliminar {
	margin-top: 20px;
	width: 80px;
	padding: 5px;

	background-color: #E25151;
	color: #FFF;
	border: 2px solid #B14141;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	float: right;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
}

.confirmacionEliminar:hover {
	background-color: #B14141;
}

.confirmacionAtras {
	margin-top: 20px;
	width: 80px;
	background-color: #228B22;
	padding: 5px;
	border: 2px solid #006400;

	color: #FFF;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	float: right;
	text-align: center;
	text-decoration: none;
}

.confirmacionAtras:hover {
	background-color: #006400;
}

form.form_usermodify input[type="submit"]:hover {
	background-color: #006400;
}

.btn-alerta {
	padding: 10px 12px;
	background-color: #1e902f;
	color: #FFF;
	border: 2px solid #028516;

	font-family: 'Open Sans';
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 3px;
}

.btn-alerta:hover {
	background-color: #028516;
}

.image-alerta {
	max-height: 300px;
}

/* DISEÑO MOVIL */

@media screen and (max-width: 430px) {

	.form_login {
		width: 75%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.texto_login img {
		width: 60%;
		height: 60%;
	}

	.texto_login {
		top: 12%;
		left: 25%;
	}

	.bancos_login {
		display: none;
	}

	header div.userright {
		margin-left: 8%;
	}

	header div.userright p {
		font-size: 10.5px;
	}

	div.login_form input[type="submit"] {
		clear: both;
		float: left;
		margin-bottom: 0px;
	}

	.botonResponsive {
		display: flex;
		justify-content: center;
	}

	.formdelIndex .parteDos .alineadorCentral {
		margin-left: 17%;
	}

	.formdelIndex .parteUno .circuloPeq { display: none; }
	.formdelIndex .parteUno .BalaText { 
		width: 110px;
		height: 80px;

		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background-color: #f5f6f6;
		padding: 0px;
		padding-top: 20px;
	}
	.formdelIndex .parteUno {
		padding-top: 10px;
	}
	.formdelIndex .parteUno .alineadorCentral {
		margin-left: 15%;
	}
	.formdelIndex .parteUno .textoIndex { margin-bottom: 0px; text-align: center; }

	table, thead, tbody, td, tr { display: block; }

	tr { border: 0.5px solid #D1D1D1; height: 40px; padding-left: 15px; padding-top: 3px; }

	td { border-bottom: none; display: inline-block; font-size: 8px; width: auto; padding: 0px; height: 40px; }
	#informationCircle, #editCircle, #editAdminCircle, #verCircle, #deleteCircle { font-size: 10px; }
	.separadorResponsive { margin-left: 10px; }
	.esconderResponsive { display: none; }
	.mostrarResponsive { display: initial; }

	.form_completoCuadrado h2,
	.solicitudespage h2 {
		font-size: 20px;
	}

	/*.form_completoCuadrado input[type="date"],
	.form_completoCuadrado input[type="text"],
	.form_completoCuadrado select,*/
	.form_users input[type="date"] {
	/*.solicitudespage input[type="date"] {
	.solicitudespage input[type="text"] {*/
		margin: 10px;
		margin-left: 20px;
		width: 125px;
		padding: 5px;
		border: none;
		border: 2px solid #D1D1D1;

		font-size: 10px;
		font-weight: 400;

		display: inline-block;
	}

	.form_completoCuadrado input[type="submit"],
	.form_completoCuadrado input[type="button"],
	.form_users input[type="submit"],
	.form_users input[type="button"],
	.solicitudespage input[type="submit"],
	.solicitudespage input[type="button"] {
		width: 70px;
		height: 30px;
		font-size: 10px;
	}
	.form_derecha form.form_configuracion input[type="submit"] { font-size: 10px; }

	td:before {
		font-weight: 600;
	}

	header div.userhome {
		font-size: 23px;
		left: 85%;
	}

	header div.userhomeandReload {
		font-size: 23px;
		left: 80%;
	}

	#reloadPage {
		margin-left: 5px;
		color: #FFF;
	}

	header div.logoIndex {
		left: 30%;
	}

	header div.logoIndex img {
		height: 50%;
		width: 50%;
	}

	.form_completoCuadrado table.vertransferences td {
		height: 39px;
	}

	table.vertransferences td {
	  padding: 0px;
	  margin: 0;
	}

	table.vertransferences tr { padding-left: 0px; padding-top: 0px; }

	.vertransferences td:nth-of-type(3) {
		font-size: 7px;
	}

	.vertransferences td:nth-of-type(3),
	.vertransferences td:nth-of-type(8),
	.vertransferences td:nth-last-of-type(1) {
		width: 17.86%;
	}

	.vertransferences td:nth-of-type(5) {
		width: 22.14%;
	}

	.vertransferences td:nth-of-type(9) {
		width: 18.57%;
	}

	.vertransferences td:nth-of-type(1) { display: none; }
	.vertransferences td:nth-of-type(2) { display: none; }
	.vertransferences td:nth-of-type(3):before { content: "Titular"; display: block; }
	.vertransferences td:nth-of-type(4) { display: none; }
	.vertransferences td:nth-of-type(5):before { content: "Banco"; display: block; }
	.vertransferences td:nth-of-type(6) { display: none; }
	.vertransferences td:nth-of-type(7) { display: none; }
	.vertransferences td:nth-of-type(8):before { content: "Pesos"; display: block; }
	.vertransferences td:nth-last-of-type(1):before { content: "Acciones"; display: block; }

	.versolicitudesx td { height: 60px; }

	.versolicitudesx td:nth-of-type(2) { width: 50px; }
	.versolicitudesx td:nth-of-type(3) { width: 80px; }

	.versolicitudesx td:nth-of-type(1):before { content: "#"; display: block; }
	.versolicitudesx td:nth-of-type(2):before { content: "Fecha"; display: block; }
	.versolicitudesx td:nth-of-type(3):before { content: "Cliente"; display: block; }
	.versolicitudesx td:nth-of-type(4) { display: none; }
	.versolicitudesx td:nth-of-type(5) { display: none; }
	.versolicitudesx td:nth-of-type(6) { display: none; }

	.usuariosResponsive td { width: 70px; }
	.usuariosResponsive tr { padding: 5px 0px; height: auto;}
	.usuariosResponsive td:nth-of-type(1):before { content: "Usuario"; display: block; }
	.usuariosResponsive td:nth-of-type(2):before { content: "Nombre"; display: block; }
	.usuariosResponsive td:nth-of-type(3):before { content: "Tipo"; display: block; }
	.usuariosResponsive td:nth-of-type(4):before { content: "Acciones"; display: block; }

	.movimientosResponsive td { width: 70px; }
	.movimientosResponsive tr { padding: 5px 0px; height: auto;}
	.movimientosResponsive td:nth-of-type(1):before { content: "Fecha"; display: block; }
	.movimientosResponsive td:nth-of-type(2):before { content: "Concepto"; display: block; }
	.movimientosResponsive td:nth-of-type(3):before { content: "Monto"; display: block; }

	.configuracionResponsive td { padding: 5px 25px; font-size: 13px; }
	.configuracionResponsive tr { height: 55px; }
	.configuracionResponsive td:nth-of-type(1):before { content: "Tasa"; display: block; }
	.configuracionResponsive td:nth-of-type(2):before { content: "Comisión"; display: block; }
	.configuracionResponsive td:nth-of-type(3):before { content: "Sitio"; display: block; }

	.configuracionResponsiveUser td { padding: 5px 5px; font-size: 12px; }
	.configuracionResponsiveUser tr { height: 55px; }
	.configuracionResponsiveUser td:nth-of-type(1):before { content: "Usuario"; display: block; }
	.configuracionResponsiveUser td:nth-of-type(2):before { content: "Nombre"; display: block; }
	.configuracionResponsiveUser td:nth-of-type(2) { width: 120px; font-size: 10px; }
	.configuracionResponsiveUser td:nth-of-type(3) { display: none; }
	.configuracionResponsiveUser td:nth-of-type(4) { display: none; }
	.configuracionResponsiveUser td:nth-last-of-type(1):before { content: "Crédito"; display: block; }

	.verreportex tr { height: auto; }
	.verreportex td { font-size: 8px; width: 50px; }
	.verreportex td:nth-of-type(8) { margin-top: 2px; }
	.verreportex td:nth-of-type(1):before { content: "ID"; display: block; }
	.verreportex td:nth-of-type(2):before { content: "Distribuidor"; display: block; }
	.verreportex td:nth-of-type(3):before { content: "Subtotal"; display: block; }
	.verreportex td:nth-of-type(4):before { content: "Comisión"; display: block; }
	.verreportex td:nth-of-type(5):before { content: "Total"; display: block; }
	.verreportex td:nth-of-type(6):before { content: "Anterior"; display: block; }
	.verreportex td:nth-of-type(7):before { content: "Abonos"; display: block; }
	.verreportex td:nth-of-type(8):before { content: "Saldo"; display: block; }
	.verreportex td:nth-of-type(9):before { content: "Acciones"; display: block; }

	table.verreportex tr,
	table.verreportex td {
	  padding: 2px;
	  margin: 0;
	}

	.verregistrosx tr { height: auto; }
	.verregistrosx td { font-size: 10px; width: 50px; }
	.verregistrosx td:nth-of-type(1) { display: none; }
	.verregistrosx td:nth-of-type(2):before { content: "Fecha"; display: block; }
	.verregistrosx td:nth-of-type(3):before { content: "Usuario"; display: block; }
	.verregistrosx td:nth-of-type(4):before { content: "Afectado"; display: block; }
	.verregistrosx td:nth-of-type(5):before { content: "Descripción"; display: block; }

	.verregistrosx td:nth-of-type(5) { width: 150px; }

	.primerBotonIndex {
		width: 150px;
		height: 150px;
		padding: 35px 0px;
	}

	.divisionesButtons a {
		font-size: 14px;
	}

	.divisionesButtons {
		width: 48%;
		margin-bottom: 30px;
	}

	.divisionesButtonsADM a {
		font-size: 14px;
	}

	.divisionesButtonsADM {
		width: 48%;
		margin-bottom: 30px;
	}

	.form_wrap {
		width: 100%;
		display: block;
	}

	.form_wrap h2,
	.form_users h2,
	.form_config h2 {
		font-size: 20px;
	}

	.form_derecha {
		width: 100%;
		display: block;

		margin-top: 30px;
		margin-bottom: 30px;
	}

	div.form_info .seccionArriba {
		padding: 15px 20px;
	}

	div.form_info label {
		font-size: 13px;
	}

	div.form_info .seccionArriba .seccionIzquierda {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	div.form_info .seccionArriba .seccionDerecha {
		margin-left: 0px;
		width: 100%;
		display: block;
	}

	div.form_info .seccionArriba input[type="text"],
	div.form_info .seccionArriba input[type="number"] {
		width: 100%;
		padding: 5px 7.5px;
		margin-left: 0px;
		margin-top: 5px;
		display: block;
	}

	.seccionInsideBuscador {
		padding: 15px 20px;
	}

	.seccionInsideBuscador input[type="text"] {
		width: 100%;
		padding: 5px 7.5px;
		margin-left: 0px;
		margin-top: 5px;
		display: block;
	}

	.seccionInsideBuscador input[type="button"] {
		width: 100%;
		padding: 4px;
		margin-left: 0px;
		margin-top: 5px;
		height: auto;
	}

	div.form_info .seccionAbajo {
		margin-top: 20px;
		padding: 15px 20px;
	}

	div.form_info .seccionBotones {
		margin-top: 20px;
		padding-right: 40px;
		float: right;
	}

	div.form_info .seccionDos,
	div.form_info .seccionTres,
	div.form_info .seccionCuatro {
		margin-top: 10px;
	}

	div.form_info .seccionUno .seccionesCentrales,
	div.form_info .seccionDos .CentralUno,
	div.form_info .seccionDos .CentralDos,
	div.form_info .seccionTres,
	div.form_info .seccionCuatro {
		width: 100%;
		display: block;
	}

	div.form_info .seccionAbajo .seccionUno input[type="text"],
	div.form_info .seccionAbajo .seccionUno input[type="number"],
	div.form_info .seccionAbajo .seccionDos input[type="text"],
	div.form_info .seccionAbajo .seccionDos input[type="number"],
	div.form_info .seccionAbajo .seccionTres input[type="text"],
	div.form_info .seccionAbajo .seccionTres input[type="number"],
	div.form_info .seccionAbajo .seccionCuatro input[type="text"],
	div.form_info .seccionAbajo .seccionCuatro input[type="number"] {
		width: 100%;
		padding: 5px 7.5px;
		margin-top: 5px;
		margin-bottom: 7.5px;
		font-size: 12px;
	}

	div.form_info .seccionAbajo select {
		font-size: 12px;
	}

	div.form_info .seccionBotones {
		margin-top: 20px;
		padding-right: 0px;
		float: center;
		width: 100%;
	}

	div.form_info input[type="submit"] {
		justify-content: center;
		width: 100%;
	}


	div.form_info .seccionAbajo select {
		width: 100%;
		padding: 4.5px 7px;
		margin-top: 5px;
	}

	div.form_info .separadorFile {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.form_users,
	.form_config {
		width: 100%;
		display: block;
		margin-bottom: 0px;
	}

	.form_users,
	.form_config {
		min-height: 120px;
	}

	.form_comprobante img {
		width: 100%;
		height: 100%;
	}

	.mensaje_modal,
	.ventanaMensajeInfo {
		width: 80%;
	}

	.ventanaMensajeInfo .seccionDePago,
	.ventanaMensajeInfo .seccionDeEstado {
		width: 100%;
		display: block;	
	}

	.ventanaMensajeInfo .comprobanteInfor {
		width: 33.5%;
	}

	form.form_detalles .observacionesInput input[type="text"],
	form.form_usermodify input[type="text"] {
		padding: 5px;
		display: block;
	}

	.ventanaMensajeInfo .seccionClientes {
		font-size: 11px;
	}

}

@media screen and (max-width: 430px) and (max-height: 750px) {
	.form_login {
		top: 53%;
	}

	div.login_form h2 {
		font-size: 16px;
	}

	div.login_form label {
		font-size: 13px;
	}

}

@media screen and (max-width: 430px) and (max-height: 660px) {
	.form_login {
		top: 50%;
	}

	.texto_login {
		display: none;
	}

	form.form_usermodify input[type="text"] {
		padding: 7px;
		border: 1px solid #D1D1D1;

		font-size: 10px;
	}

	div.login_form h2 {
		font-size: 14px;
	}

	form.form_detalles .observacionesInput input[type="file"] {
		font-size: 7px;
		margin-top: 5px;
		margin-bottom: 0px;
		display: block;
	}

	form.form_detalles .observacionesInput select {
		padding: 1px;
		border: 0.5px solid #D1D1D1;

		font-size: 10px;
	}

	.observacionesInput {
		padding: 7px 10px;
		border: 0.5px solid #D1D1D1;
		margin-bottom: 0px;
	}

	form.form_detalles .observacionesInput input[type="text"] {
		margin-top: 4px;
		margin-bottom: 4px;
		padding: 4px;

		border: 1px solid #D1D1D1;
		font-size: 8px;

		width: 100%;
		display: inline-block;
	}

	.observacionesInput .seccionDePago {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.ventanaMensajeInfo h3 {
		font-size: 13px;
	}

	.ventanaMensajeInfo {
		padding: 15px 20px 7.5px;
	}

	.ventanaMensajeInfo .montosUno {
		border: 0.5px solid #D1D1D1;
		margin-bottom: 5px;
	}

	.ventanaMensajeInfo p,
	.ventanaMensajeInfo .observacionesInfor,
	.ventanaMensajeInfo .seccionClientes,
	.ventanaMensajeInfo .fechaMensaje,
	.ventanaMensajeInfo .comprobanteInfor,
	.ventanaMensajeInfo .montosUno,
	.ventanaMensajeInfo .seccionDePago,
	.ventanaMensajeInfo .seccionDeEstado {
		font-size: 10px;
	}

	.ventanaMensajeInfo .observacionesBox {
		height: 30px;
		font-size: 10px;
	}

	.ventanaMensajeInfo .observacionesInput {
		font-size: 10px;
	}

	.ventanaMensajeInfo .comprobanteBox {
		height: 30px;
		padding: 5px;
	}

	.ventanaMensajeInfo .comprobanteBox a {
		font-size: 12.5px;
	}

	.ventanaMensajeInfo .fechaMensaje {
		margin-bottom: 5px;
	}

	.ventanaMensajeInfo h5 {
		margin-top: 10px;
	}

}

@media screen and (max-width: 390px) {
	header div.userright {
		margin-left: 10%;
	}

	.versolicitudesx td:nth-of-type(1) { display: none; }
	.usuariosResponsive td:nth-of-type(3) { display: none; }

	.configuracionResponsive td { padding: 5px 10px; }
}

@media screen and (max-width: 370px) {
	header div.userright {
		margin-left: 12%;
	}
}


/* NUEVAS FUNCIONES CSS */
.swal_popup {
	border-radius: 0px !important;
	background-color: #FFF !important;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5) !important;
	width: 400px !important;
	padding: 30px 20px 15px !important;
}
.swal_title {
	font-size: 20px !important;
	font-weight: 600 !important;
}
.swal_header {
	border-bottom: 1px solid #C5C5C5;
}
.swal_content {
	font-size: 16px !important;
	color: #606060 !important;
	text-align: left !important;
	padding: 12px 0px 0px 0px !important;
}
.swal_i {
	font-weight: 900 !important;
	margin-right: 6px;
}
.swal_cancelButton {
	background-color: #E25151 !important;
	color: #FFF !important;
	border-radius: 0px !important;
	border: 2px solid #B14141 !important;
	/*padding: 3px 10px !important;*/
	box-shadow: none !important;
	width: 80px !important;
	padding: 5px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}
.swal_confirmButton {
	background-color: #228B22 !important;
	color: #FFF !important;
	border-radius: 0px !important;
	border: 2px solid #006400 !important;
	/*padding: 3px 10px !important;*/
	box-shadow: none !important;
	width: 80px !important;
	padding: 5px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}
.swal_actions {
	margin: 10px 0px 0px 0px !important;
}
.swal_closeButton:focus {
	box-shadow: none !important;
}
.buscador {
	margin: 20px;
}
.buscador_input {
	width: 100%;
	padding: 10px;
	border: none;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
}
.error_datos {
	padding: 10px;
	font-weight: 600;
	color: #E25151;
}
.solicitud_i {
	font-size: 18px;
	color: #34495E;
	cursor: pointer;
}
.solicitud_i:hover {
	opacity: 0.7;
}
.css_solicitud_titulo {
	font-size: 20px !important;
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.css_solicitud_contenedor_1 {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 10px;
}
.css_solicitud_contenedor_2 {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	padding: 10px;
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
}
.css_solicitud_contenedor_3 {
	display: grid !important;
	grid-template-columns: 64% 35%;
	grid-column-gap: 1%;
	margin-bottom: 10px;
}
.css_solicitud_contenedor_4 {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	padding: 10px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 10px;
}
.css_solicitud_contenedor_5 {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	padding: 10px;
}
.css_observaciones {
	height: 60px;
	background-color: #F5F5F5;
	border: 2px solid #D1D1D1;
	font-size: 13px;
	padding: 10px;
	color: #5A5A5A;
	overflow: hidden;
}
.css_comprobante {
	height: 60px;
	background-color: #F5F5F5;
	border: 2px solid #D1D1D1;
	padding: 10px;
}
.css_comprobante_i {
	font-size: 40px;
	color: #D3D3D3;
	cursor: pointer;
}
.css_comprobante_i:hover {
	opacity: 0.7;
}
.swal_popup_image {
	border-radius: 0px !important;
	background-color: #FFF !important;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5) !important;
	padding: 30px 20px 15px !important;
}
.titulo_i {
	margin-left: 6px;
	cursor: pointer;
	color: #34495E;
}
.titulo_i:hover, .consulta_i:hover {
	opacity: 0.7;
}
.consulta_i {
	cursor: pointer;
	color: #34495E;
}
.margin_i { margin-right: 8px; }
.color_exito { color: #1E902F !important; }
.color_error { color: #E25151 !important; }
.color_neutro { color: #FF8C00 !important; }
.swal_negrita { font-weight: 600 !important; }
.swal_fz13 { font-size: 13px !important; }
.swal_ib { display: inline-block !important; }
.swal_centrado { text-align: center !important; }
.swal_right { text-align: right !important; }
.swal_left { text-align: left !important; }
.swal_mb10 { margin-bottom: 10px; }
.swal_mb5 { margin-bottom: 5px; }
.swal_fz10 { font-size: 10px !important; }
.css_span_2 { grid-column: span 2; }
.color_completada { color: #1E902F; }
.color_proceso { color: #FFD700; }
.color_rechazada { color: #FF0000; }
.color_invalido, .linea_invalido {  }
.ajuste_i_abono { margin-right: 4px; }
.margin_left_i { margin-left: 6px; }

.linea_rechazada { background-color: #ffbbbc; }
.linea_completada { background-color: #babefe; }
.linea_proceso { background-color: #f3ff5b; }
.linea_modificada { background-color: #88ff7d; }

.linea_rechazada:hover { background-color:#fdddde; }
.linea_completada:hover { background-color:#d4d7fe; }
.linea_proceso:hover { background-color:#f3faa1; }
.linea_modificada:hover { background-color:#beffb8; }
.linea_invalido:hover { background-color: #f5f6f6; }

.buscador_alt {
	margin: 20px;
	display: grid;
	grid-template-columns: 30% 30% 30% 10%;
}
.buscador_compartido_fecha,
.buscador_compartido_texto,
.buscador_compartido_select {
	padding: 10px;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 400;
	margin-right: 10px;
}
.buscador_i {
	font-size: 30px;
}
.buscador_i > i {
	cursor: pointer;
	color: #34495E;
}
.buscador_i > i:hover {
	opacity: 0.7;
}
/* NUEVO DISEÑO CSS */
/*--------------------------------- LOGIN ---------------------------------*/
.new_login {
	font-family: "Open Sans";
	background: url("../../img/fondo.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.contenedor_imagenes {
	position: absolute;
	top: 10%;
	left: 10%;
	display: grid;
}
.contenedor_imagenes > img:first-child {
	width: 378px;
}
.contenedor_imagenes > img:last-child {
	margin-top: 30px;
	width: 540px;
}
.cuadro_login {
	position: absolute;
	top: 10%;
	left: 65%;
	width: 341px;
	padding: 30px 40px;
	background-color: #230945;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.titulo_login {
	font-size: 20px;
	color: #ff0;
	margin-bottom: 20px;
}
.cuadro_login > input[type="text"], .cuadro_login > input[type="password"] {
	width: 100%;
	padding: 10px;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.boton_login > input[type="submit"] {
	border: none;
	border-radius: 5px;

	width: 100px;
	margin-top: 20px;
	padding: 10px;

	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 600;

	background: #ffff00;
	color: #000;
	cursor: pointer;
}
.boton_login > input[type="submit"]:hover {
	background-color: #d7cf00;
}
.boton_login {
	text-align: right;
}
.bancos_login {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
}
.bancos_login > img {
	width: 100%;
}
.mostrar_720 {
	display: none;
}
/*--------------------------------- TRANSFERENCIAS ---------------------------------*/
.new_contenedor {
	padding: 20px;
	padding-top: 90px;
}
.new_contenido {
	width: 100%;
	min-height: 130px;
	margin: 0px auto;

	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.new_titulo {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	padding: 20px;
}
.new_buscador, .new_buscador_dist {
	padding: 0px 20px;
	display: grid;
	grid-template-columns: 30% 30% 30% 10%;
}
.new_buscador_dist {
	grid-template-columns: 45% 45% 10%;
}
.new_buscador_fecha,
.new_buscador_select,
.new_buscador_text,
.new_buscador_independiente {
	width: 98%;
	padding: 10px;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	margin-right: 2%;
}
.new_buscador_independiente {
	width: 100%;
	margin-right: 0px;
}
.new_buscador_i {
	display: flex;
	justify-content: center;
	align-items: center;
}
.new_buscador_i > i {
	background-color: #4B0082;
	color: #fff;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 5px;
}
.new_buscador_i > i:first-child {
	margin-left: 5%;
	margin-right: 15%;
}
.new_buscador_i > i:hover {
	opacity: 0.9;
}
.new_contenedor_tabla {
	margin: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.new_config_tabla {
	margin: 0px 20px 20px 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.new_tabla_titulo, .new_tabla_linea, .new_tabla_titulo_dist, .new_tabla_linea_dist,
.new_config_titulo, .new_config_linea, .new_config_titulo_dist, .new_config_linea_dist,
.new_registros_titulo, .new_registros_linea, .new_reporte_titulo, .new_reporte_linea,
.new_usuarios_titulo, .new_usuarios_linea, .new_tab_sol_titulo, .new_tab_sol_linea,
.new_tab_sol_titulo_dist, .new_tab_sol_linea_dist {
	display: grid;
	grid-template-columns: 5% 8% 12% 10% 10% 16% 12% 10% 10% 7%;
	border-bottom: 1px solid #D8D8D8;
	padding: 10px;
}
.new_tabla_titulo_dist, .new_tabla_linea_dist {
	grid-template-columns: 6% 9% 14% 12% 12% 16% 12% 12% 7%;
}
.new_config_titulo, .new_config_linea {
	grid-template-columns: repeat(3, 1fr);
}
.new_config_titulo_dist, .new_config_linea_dist {
	grid-template-columns: repeat(5, 1fr);
}
.new_registros_titulo, .new_registros_linea {
	grid-template-columns: 10% 15% 15% 15% 45%;
}
.new_reporte_titulo, .new_reporte_linea {
	grid-template-columns: 5% 18% 10% 10% 10% 10% 10% 20% 7%;
}
.new_usuarios_titulo, .new_usuarios_linea {
	grid-template-columns: 25% 27.5% 37.5% 10%;
}
.new_tab_sol_titulo, .new_tab_sol_linea {
	grid-template-columns: 5.04% 14.16% 14.16% 14.16% 14.16% 14.16% 14.16% 10%;
}
.new_tab_sol_titulo_dist, .new_tab_sol_linea_dist {
	grid-template-columns: 5.05% 16.99% 16.99% 16.99% 16.99% 16.99% 10%;
}
.new_tabla_p {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
}
.new_solicitud_i {
	font-size: 18px;
	color: #34495E;
	cursor: pointer;
}
.new_header_contenedor {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;

	height: 70px;
	background-color: #4B0082;
}
.new_header_contenido {
	display: grid;
	grid-template-columns: 30px 60% calc(40% - 30px);
	grid-template-rows: repeat(2, 1fr);
	color: #fff;
	font-weight: 600;
	padding: 18px 20px;
}
.new_header_i {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	cursor: pointer;
	grid-row: span 2;
}
.new_header_contenido > p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	margin-left: 10px;
}
.new_header_img {
	display: flex;
	justify-content: right;
	align-items: center;
	grid-row: span 2;
}
.new_header_img > img {
	height: 34px;
}
/*--------------------------------- INDEX ---------------------------------*/
.new_index {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.new_index_nombre {
	margin: 30px;
	padding: 0px 20%;
}
.new_index_border {
	grid-column: span 4;
	width: 100%;
	border-bottom: 1px solid #A9A9A9;
	margin-bottom: 40px;
}
.new_texto_tipo_cuenta {
	font-size: 0.7em;
}
.new_texto_nombre_completo {
	font-size: 1.2em;
	-webkit-text-stroke: 0.3px black;
}
.gb2 {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 65px calc(100% - 65px);
}
.new_circulo_dolar {
	width: 65px;
	height: 65px;
	background: #fff;
	border-radius: 50%;
	border: 5px solid #FFFF00;
	font-size: 30px;
	color: #5a5a5a;
	display: flex;
	justify-content: center;
	align-items: center;
}
.new_bala {
	width: 285px;
	height: 65px;
	background: #fff;
	border-radius: 60px;
	padding: 9px;
	text-align: center;
	padding-left: 65px;
	margin-left: -65px;
	z-index: -1;
}
.new_circulo_tasa {
	width: 120px;
	height: 120px;
	background: #fff;
	border-radius: 50%;
	font-size: 25px;
	color: #5a5a5a;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-bottom: 10px;
	border: 10px solid transparent;
	border-color: rgba(75, 0, 130, 1) rgba(255, 255, 0, 1) rgba(255, 255, 0, 1) rgba(75, 0, 130, 1);	
}
.new_index_boton {
	width: 200px;
	height: 200px;
	background-color: #fff;
	font-size: 18px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	cursor: pointer;
	text-align: center;
	padding: 60px 0px;
	margin: auto;
}
.new_index_boton > i {
	font-size: 30px;
	margin-bottom: 20px;
}
.new_index_boton:hover {
	background-color: #ECECEC;
}
/*--------------------------------- CREAR SOLICITUD ---------------------------------*/
.new_contenedor_solicitud {
	padding: 20px;
	padding-top: 90px;
	display: grid;
	grid-template-columns: 70% 30%;
}
.new_contenido_solicitud_izq {
	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	margin-right: 2%;
}
.new_solicitud_tabla {
	width: 100%;
}
.new_solicitud_buscador {
	margin: 0px 40px 20px 40px;
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	display: grid;
	grid-template-columns: 90% 10%;
}
.new_solicitud_buscador > input[type="text"] {
	padding: 10px;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	margin-right: 2%;
}
.new_solicitud_buscador > input[type="button"] {
	height: 40px;
	padding: 5px;
	background-color: #E25151;
	color: #FFF;
	border: 2px solid #B14141;
	font-family: 'Open Sans';
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
.new_solicitud_button:hover {
	background-color: #B14141;
}
.new_solicitud_datos {
	margin: 0px 40px 20px 40px;
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	display: grid;
	grid-template-columns: 50% 50%;
}
.new_solicitud_datos div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.new_solicitud_datos div > input[type="text"],
.new_solicitud_pago div > input[type="text"],
.new_solicitud_pago div > select {
	width: 72%;
	margin-left: 3%;
	padding: 10px;
	border: 2px solid #D1D1D1;

	font-family: 'Open Sans';
	color: #5A5A5A;
	font-size: 12px;
	margin-right: 2%;
}
.new_solicitud_pago div > input[type="text"],
.new_solicitud_pago div > select {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}
.new_solicitud_pago div > input[type="file"] {
	width: 100%;
	margin-top: 20px;
}
.new_solicitud_pago div > select {
	padding: 9px;
}
.new_solicitud_pago {
	margin: 0px 40px 20px 40px;
	padding: 30px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 3%;
	grid-row-gap: 10px;
}
.new_solicitud_pago div > label {
	font-weight: 600;
}
.new_div_submit {
	margin: 0px 40px 20px 0px;
	display: flex;
	justify-content: right;
	align-items: center;
}
.new_button_submit {
	width: 180px;
	text-align: center;
	background-color: #800080;
	color: #fff;
	padding: 10px;
	border: none;
	border-radius: 5px;
	font-family: 'Open Sans';
	font-weight: 600;
	cursor: pointer;
	font-size: 16px;
}
.new_button_submit:hover {
	background-color: #580158;
}
.new_contenido_solicitud_der, .new_contenido_solicitud_der_alt {
	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 30px 40px;
	height: 360px;
}
.new_contenido_solicitud_der_alt {
	height: 410px;
}
.new_solicitud_resumen_titulo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #D1D1D1;
}
.new_solicitud_resumen_titulo p > i {
	font-size: 25px;
}
.new_solicitud_resumen_titulo p:last-child {
	font-size: 1.1em;
	font-weight: 600;
}
.new_ajuste_soli {
	font-size: 1.1em;
}
.new_resumen_contenido_1, .new_resumen_contenido_2,
.new_resumen_contenido_3, .new_resumen_contenido_4,
.new_resumen_contenido_5 {
	display: grid;
	grid-template-columns: 40% 40% 10% 10%;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin-top: 20px;
}
.new_resumen_contenido_2 {
	grid-template-columns: 40% 10% 25% 25%;
}
.new_resumen_contenido_3, .new_resumen_contenido_4,
.new_resumen_contenido_5 {
	grid-template-columns: repeat(2, 1fr);
}
.new_resumen_contenido_4 {
	border: none;
	border-bottom: 1px solid #d1d1d1;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.new_resumen_contenido_5 {
	margin-top: 0px;
	border: none;
}
.color_verde_sol_res { color: #00C83D; }
.color_rojo_sol_res { color: #CF0000; }
.new_resumen_contenido_1 > input, .new_resumen_contenido_2 > input,
.new_resumen_contenido_3 > input, .new_resumen_contenido_4 > input,
.new_resumen_contenido_5 > input {
	border: none;
	background: #fff;
	font-size: 16px;
	font-family: 'Open Sans';
	color: #303030;
	text-align: right;
}
.new_resumen_contenido_3 > input, .new_resumen_contenido_4 > input,
.new_resumen_contenido_5 > input {
	width: 100%;
}
.new_solicitud_gris { color: #303030; }
.new_i_derecha {
	display: flex;
	justify-content: right;
	align-items: center;
}
.new_i_derecha > i {
	cursor: pointer;
	font-size: 18px;
}
.new_i_derecha > i:hover {
	opacity: 0.7;
}
.new_align_right { text-align: right; }
.new_color_red { color: #FF0000 !important; }
.boton_rojo { color: #cf0000; }
.boton_verde { color: #11a837; }
.boton_azul { color: #9481ec; }
.boton_gris { color: #606060; }
.boton_amarillo { color: #DC143C; }
.new_negrita_especial { -webkit-text-stroke: 0.3px black; }
.new_saldo_verde { color: #1e902f; }
.new_saldo_rojo { color: #b22222; }
.new_fz12 { font-size: 12px; }
.new_fz12_bala { font-size: 12px; }
.new_fz13 { font-size: 13px; }
.new_fz14 { font-size: 14px; }
.new_fz22_bala { font-size: 22px; }
.new_color_error { color: #E25151; }
.new_solicitud_i:hover { opacity: 0.7; }
.new_negrita { font-weight: 600; }
.new_centrado { text-align: center; }
.new_padding_i { padding-right: 10px; }
.new_mt0 { margin-top: 0px; }
.new_mt5 { margin-top: 5px; }
.new_mt10 { margin-top: 10px; }
.new_mt15 { margin-top: 15px; }
.new_mt20 { margin-top: 20px; }
.new_mt30 { margin-top: 30px; }
.new_ml5 { margin-left: 5px; }
.new_mr8 { margin-right: 8px; }
.new_mr20 { margin-right: 20px; }
.new_mr25 { margin-right: 25px; }
.new_mb10 { margin-bottom: 10px; }
.new_mb20 { margin-bottom: 20px; }
.new_pt10 { padding-top: 10px; }
.new_pb10 { padding-bottom: 10px; }
.new_pr25 { padding-right: 25px; }
.css_span_3 { grid-column: span 3; }
.css_span_4 { grid-column: span 4; }
.css_span_6 { grid-column: span 6; }
.ajuste_color_negro { color: #000 !important; }
/* NUEVA VERSIÓN MÓVIL NUEVO DISEÑO MÓVIL */
@media screen and (max-width: 1120px) { /* AJUSTE */
	.cuadro_login {
		left: 60%;
	}
	.contenedor_imagenes > img:first-child {
		width: 283.5px;
	}
	.contenedor_imagenes > img:last-child {
		margin-top: 22.5px;
		width: 405px;
	}
	.new_titulo {
		font-size: 20px;
	}
	.new_buscador, .new_buscador_dist {
		grid-template-columns: 100%;
	}
	.new_buscador_fecha,
	.new_buscador_select,
	.new_buscador_text,
	.new_buscador_independiente {
		width: 100%;
		padding: 5px;
		border: 1px solid #D1D1D1;
		font-size: 9px;
		margin-right: 0px;
		margin-bottom: 8px;
	}
	.new_buscador_independiente {
		margin-bottom: 0px;
	}
	.new_buscador_i > i {
		font-size: 12px;
		padding: 7px;
		border-radius: 0px;
	}
	.new_buscador_i > i:first-child {
		margin-left: 0%;
		margin-right: 2%;
	}
	.new_tabla_titulo, .new_tabla_linea {
		grid-template-columns: 5% 14% 12% 12% 16% 14% 10% 10% 7%;
		padding: 10px 2px;
	}
	.new_tabla_titulo_dist, .new_tabla_linea_dist {
		grid-template-columns: 6% 16% 14% 14% 16% 14% 13% 7%;
	}

	.new_contenedor_solicitud {
		grid-template-columns: 100%;
	}
	.new_contenido_solicitud_izq {
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.new_solicitud_buscador {
		grid-template-columns: 85% 15%;
	}

	.new_tabla_p { font-size: 11px; }
	.new_solicitud_i { font-size: 15px; }
	.new_padding_i { padding-right: 8px; }
	.esconder_1120 { display: none; }
}
@media screen and (max-width: 940px) { /* AJUSTE */
	.contenedor_imagenes {
		left: 4%;
	}
	.cuadro_login {
		left: 51%;
	}
	.contenedor_imagenes > img:first-child {
		width: 189px;
	}
	.contenedor_imagenes > img:last-child {
		margin-top: 15px;
		width: 270px;
	}

	.new_tabla_p { font-size: 10px; }
	.new_solicitud_i { font-size: 13px; }
	.new_padding_i { padding-right: 7.5px; }
	.esconder_1120 { display: none; }

	.new_index_nombre {
		padding: 0px 10%;
	}
	.new_index_boton {
		width: 150px;
		height: 150px;
		font-size: 14px;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
		padding: 45px 0px;
	}
	.new_index_boton > i {
		font-size: 26px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 720px) { /* MÓVIL GRANDE Y TABLETS */
	.cuadro_login {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.new_header_contenido {
		grid-template-columns: 30px calc(100% - 30px);
	}
	.new_header_img {
		justify-content: center;
		margin-right: 34px;
	}
	.new_contenedor {
		padding: 0px;
		padding-top: 70px;
	}
	.new_titulo {
		font-size: 18px;
		padding: 10px;
	}
	.new_buscador, .new_buscador_dist {
		padding: 0px 10px;
	}
	.new_buscador_fecha,
	.new_buscador_select,
	.new_buscador_text,
	.new_buscador_independiente {
		width: 100%;
		padding: 5px;
		border: 1px solid #D1D1D1;
		font-size: 14px;
		margin-right: 0px;
		margin-bottom: 8px;
	}
	.new_buscador_independiente {
		margin-bottom: 0px;
	}
	.new_buscador_i > i {
		font-size: 14px;
		padding: 10px;
		border-radius: 0px;
	}
	.new_buscador_i > i:first-child {
		margin-left: 0%;
		margin-right: 2%;
	}
	.new_contenedor_tabla {
		margin: 10px;
	}
	.new_config_tabla {
		margin: 0px 10px 10px 10px;
	}
	.new_tabla_titulo, .new_tabla_linea, .new_tabla_titulo_dist, .new_tabla_linea_dist {
		grid-template-columns: 10% 30% 25% 20% 15%;
	}
	.new_tab_sol_titulo, .new_tab_sol_linea {
		grid-template-columns: 10% 22.5% 22.5% 35% 10%;
	}
	.new_tab_sol_titulo_dist, .new_tab_sol_linea_dist {
		grid-template-columns: 10% 40% 40% 10%;
	}
	.new_registros_titulo, .new_registros_linea {
		grid-template-columns: 22.5% 22.5% 55%;
	}
	.new_reporte_titulo, .new_reporte_linea {
		grid-template-columns: 20% 15% 15% 15% 25% 10%;
	}
	.new_tabla_p { font-size: 12px; }
	.margin_720 { padding: 0% 20%; }
	.new_solicitud_i { font-size: 14px; }
	.new_padding_i { padding-right: 6.5px; }
	.esconder_720 { display: none; }

	.new_index_border {
		width: calc(100% - 40px);
		margin: 0px 20px 40px 20px;
	}
	.new_texto_tipo_cuenta {
		font-size: 0.6em;
	}
	.new_texto_nombre_completo {
		font-size: 1em;
	}
	.new_index_nombre {
		padding: 0px 0%;
	}
	.new_circulo_dolar {
		width: 65px;
		height: 65px;
		background: #fff;
		border-radius: 50%;
		border: 5px solid #FFFF00;
		font-size: 30px;
		color: #5a5a5a;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.new_bala {
		width: 200px;
		padding: 14.5px;
		padding-left: 65px;
	}
	.new_fz12_bala {
		font-size: 10px;
	}
	.new_fz22_bala {
		font-size: 16px;
	}
	.new_index_boton {
		grid-column: span 2;
		margin-bottom: 40px;
	}

	.new_contenedor_solicitud {
		padding: 0px;
		padding-top: 70px;
	}
	.new_solicitud_buscador {
		margin: 10px 10px 20px 10px;
		padding: 30px 20px;
		grid-template-columns: 100%;
	}
	.new_solicitud_buscador > input[type="text"] {
		margin-bottom: 10px;
		margin-right: 0%;
	}
	.new_solicitud_datos {
		margin: 10px 10px 20px 10px;
		padding: 30px 20px;
		grid-template-columns: 100%;
	}
	.new_solicitud_datos div {
		display: grid;
		grid-template-columns: 100%;
	}
	.new_solicitud_datos div > input[type="text"],
	.new_solicitud_pago > input[type="text"],
	.new_solicitud_pago > select {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.new_solicitud_datos div > label {
		margin-bottom: 10px;
	}
	.new_solicitud_datos div:last-child > label {
		margin-top: 10px;
	}
	.new_solicitud_pago {
		margin: 10px 10px 20px 10px;
		padding: 30px 20px;
	}
	.responsive_span_2 {
		grid-column: span 2;
	}
	.responsive_span_3 {
		grid-column: span 3;
	}
	.new_solicitud_pago div > input[type="file"] {
		margin-top: 10px;
	}
	.new_contenido_solicitud_der, .new_contenido_solicitud_der_alt {
		border-radius: 0px;
		margin-bottom: 20px;
	}
	.mostrar_720 {
		display: block;
		margin-top: 120px;
		text-align: center;
	}
	.mostrar_720 > img {
		width: 250px;
	}
	.cuadro_login {
		margin-top: 10%;
	}
	.contenedor_login {
		grid-template-rows: 20% 80%;
	}
}

/* VERSIÓN MÓVIL */
@media screen and (max-width: 800px) {
	.buscador_alt {
		grid-template-columns: 100%;
	}

	.buscador_compartido_fecha,
	.buscador_compartido_texto,
	.buscador_compartido_select {
		padding: 8px;
		font-size: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		width: 100%;
	}

	.buscador_i {
		font-size: 25px;
		text-align: center;
	}

	.buscador_i > i:last-child {
		margin-left: 20%;
	}
}
@media screen and (max-width: 430px) {
	.buscador_i {
		font-size: 20px;
	}

	.buscador_i > i:last-child {
		margin-left: 10%;
	}
}