/*



To change this license header, choose License Headers in Project Properties.



To change this template file, choose Tools | Templates



and open the template in the editor.



*/



/* 



    Created on : 31-dic-2018, 13:02:07



    Author     : Dani



*/



@import url('https://fonts.googleapis.com/css?family=Roboto');



/*PREFORMATO*/



body, input, button, select{



    font-family: 'Roboto', sans-serif;



    color: #3e3e3e;



}



	body {



		margin: 0;

	}









	.div_negro {

		display: none;

		background: rgba(0,0,0,0.5);

		width: 100%;

		height: 100%;

		position: fixed;

		margin: 0;

		margin-top: -10px;

		z-index: 9999;

	}

	.div_negro img {

		border: 0px solid #f00;

		margin-left: 45%;

		margin-right: 45%;

		margin-top: 20%;

	}

	.pagina {

		width: 95%;

		margin: 0 auto;

	}







	.contenido {

		border: 0px solid #f00;

		margin: 0 auto;

	}



	.div_titulo {

		background: #06B68F; border-bottom: 4px solid #a4eadb;

		margin: 0;

		padding: 10px ;

		color: #fff;

		text-align: center;

	}



	.div_titulo_lista {

		background: #06B68F; 

		margin: 20px 0 0 0;

		padding: 10px ;

		color: #fff;

		text-align: center;

		border-radius: 5px 5px 0 0px;

	}





.div_titulo_int {

	border: 0px solid #f00;

	display: inline-block;

	

	margin: 0 auto;

}



.div_titulo_int h1 {

	color: #fff;

	margin-bottom: 0px;

}

.div_titulo_int .sub_titulo {

	border: 0px solid #fff;

	font-size: 14px;

	text-align: right;

}



	.display_inline {



		display: inline-block;



	}



	.div_form_campo {

		text-align: left;

		border: 0px solid #ff0;	margin-bottom: 7px;	border: 0px solid #00f; margin-right: 30px;

		width: 750px;

	}



.div_form_campo.fecha{

	width: 30%;

	margin-right: 0px;

}	

.div_form_campo.fecha.segundo{

	width: 31%;

	margin-right: 0px;

	margin-left: 25px;

}	



.div_form_campo.treinta{

	border: 0px solid #f00;

	width: 30%;

	display: inline-block;

	margin-right: 0;

}	



.div_form_campo.sesenta{

	border: 0px solid #f00;

	width: 66%;

	display: inline-block;

	margin-right: 0;

	margin-left: 25px;

}	



.div_form_campo.objetivo input{

	width: 30%;

}	



	.titulo_campo {



		color: #666;



		

		



	}		



	.titulo_campo span {

		vertical-align: top;



		color: #666;



		



	}	



.titulo_campo img {

	max-height: 150px;

	max-width: 250px;

}



	.input_campo {

	   width: 100%;

		height: 38px;

		padding: 6px 0 6px 12px;

		font-size: 14px;

		line-height: 1.42857143;

		color: #555;

		background-color: #e7eeed;

		background-image: none;

		border: 1px solid #c5d9d4;

		border-radius: 2px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	}



	.input_campo:focus {

	  border-color: #06B68F;

	  outline: 0;

	  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);

	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);	

	}















	.input_campo_localizador {

	  	width: 100%;

		max-width: 250px;

		height: 48px;

		padding: 6px 12px;

		font-size: 14px;

		line-height: 1.42857143;

		color: #555;

		background-color: #e7eeed;

		background-image: none;

		border: 1px solid #c5d9d4;

		border-radius: 2px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	}



	



.input_campo_localizador:focus {

  border-color: rgba(6,182,143,1.00);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(6,182,143,.075),0 0 8px rgb(6,182,143);

  box-shadow: inset 0 1px 1px rgba(6,182,143,.075),0 0 8px rgb(6,182,143);	}



	



	.text_campo {

	   width: 100%;

		height: 120px;

		padding: 6px 5px;

		font-size: 14px;

		line-height: 1.42857143;

		color: #555;

		background-color: #e7eeed;

		background-image: none;

		border: 1px solid #c5d9d4;

		text-align: left;

		border-radius: 2px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	}	



	.text_campo#descripcion {

	   width: 100%;

		height: 220px;

		padding: 6px 5px;

		font-size: 14px;

		line-height: 1.42857143;

		color: #555;

		background-color: #e7eeed;

		background-image: none;

		border: 1px solid #c5d9d4;

		text-align: left;

		border-radius: 2px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	}	



	.text_campo_especial {



	   width: 100%;



		height: 100px;



		padding: 6px 5px;



		font-size: 14px;



		line-height: 1.42857143;



		color: #555;



		background-color: #e7eeed;



		background-image: none;



		border: 1px solid #c5d9d4;



		text-align: left;



		border-radius: 2px;



		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);



		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);



		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;



		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



	}



	



	.sujestion {



		background: #324556; color: #fff; position: absolute;



	}



	



	.div_form {



		border: 0px solid #c5d9d4;



		padding: 10px 25px;

		border-top: 0px;



	}



	



	.icon_mas {



		font-weight: bold;



		font-size: 25px;



		color: #06B68F;



		position: relative;



		top: 5px;



	}



	.add_mas {

		font-weight: bold;

		font-size: 20px;

		color: #06B68F;

		position: relative;

		top: 3px;

	}



#guardar_tpv {

	margin-left: 40%;	

}



#eliminar_adjuntado_patrocinio {

	cursor: pointer;

	display: inline-block;

	border: 1px solid #f00;

	background: #f00;

	color: #fff;

	vertical-align: top;

	padding: 5px 15px;

}



#confirmar_insert, #confirmar_insert_patrocinio {

	background: #06B68F; color: #fff; border: 0; font-size: 16px; padding: 10px 25px;

	cursor: pointer;

}



	.btn_enviar {

		font-size: 24px;

		border: 1px solid #06B68F;

		padding: 15px 35px;

		background: #fff;

		color: #06B68F;

		border-radius: 5px;

		cursor: pointer;

		margin: 10px  5px;

		display: inline-block;

	}



	.btn_enviar:hover {

		border: 1px solid #06B68F;

		background: #06B68F;

		color: #fff;

	}	



	.btn_pagar_ahora {

		font-size: 24px;

		border: 1px solid #06B68F;

		padding: 15px 35px;

		background: #fff;

		color: #06B68F;

		border-radius: 5px;

		cursor: pointer;

		margin: 10px  5px;

		display: inline-block;

	}



	.btn_pagar_ahora:hover {

		border: 1px solid #06B68F;

		background: #06B68F;

		color: #fff;

	}	



	.btn_cancelar {

		font-size: 24px;

		border: 1px solid #2b2b2b;

		padding: 15px 35px;

		background: #2b2b2b;

		color: #fff;

		border-radius: 5px;

		cursor: pointer;

		margin: 10px  5px;

		display: inline-block;

	}



	.btn_cancelar:hover {

		border: 1px solid #000;

		background: #000;

		color: #fff;

	}	





	.btn_buscar {

		font-size: 24px;

		border: 1px solid #06B68F;

		padding: 15px 0px;

		width: 100%;

		max-width: 255px;

		background: #fff;

		color: #06B68F;

		border-radius: 5px;

		cursor: pointer;

		margin: 10px  5px;

		display: inline-block;

	}



	.btn_buscar:hover {

		border: 1px solid #06B68F;

		background: #06B68F;

		color: #fff;

	}	







	.btn_buscar_a {

		font-size: 24px;

		border: 1px solid #06B68F;

		padding: 15px 0px;

		width: 100%;

		max-width: 255px;

		background: #fff;

		color: #06B68F;

		border-radius: 5px;

		cursor: pointer;

		margin: 10px  5px;

		display: inline-block;

		text-align: center;

		text-decoration: none;

	}



	.btn_buscar_a:hover {

		border: 1px solid #06B68F;

		background: #06B68F;

		color: #fff;

	}	











.div_btn_link {

	text-align: right;

	border: 0px solid #c5d9d4;

	border-top: 0px;

	border-bottom: 0px;

	display: inline-block;

	float: right;

}



.div_btn_link_dentro {

	text-align: right;

	border: 1px solid #c5d9d4;

	border-top: 0px;

	border-bottom: 0px;

}



.div_btn_link_dentro_lista {

	text-align: right;

	border: 0px solid #c5d9d4;

	border-top: 0px;

	border-bottom: 0px;

}





	.btn_link {



		font-size: 16px;



		border: 2px solid #06B68F;



		padding: 12px 25px;



		background: #fff;



		color: #06B68F;



		border-radius: 5px;



		cursor: pointer;



		margin: 10px  5px;

		display: inline-block;

		text-decoration: none;



	}	



	.btn_link:hover {



		border: 2px solid #fff;



		background: #06B68F;



		color: #fff;



	}	



	.btn_add {



		cursor: pointer;



	}



	.select_adjunto {

		border: 1px solid #ccc; margin-left: 30px; display: inline-block;

		padding: 10px 15px;

		cursor: pointer;



	}















	#div_adjuntos_subidos_head {



		border: 0px solid #c5d9d4;



		background: #e7eeed;



		padding: 5px 7px;



		



	}



	.div_adjuntado {



		border-bottom: 1px solid #ccc;



	}



	#nombre_adjuntado, .nombre_adjuntado {



		border: 0px solid #f00;



		padding: 5px 7px;



		width: 200px;



		display: inline-block;

		vertical-align: top;



	}



	#img_adjunto {

		border: 1px solid #06B68F;

		padding: 5px 7px;

		max-width: 120px;

		max-height: 150px;

		width: auto;

		height: auto;

		display: inline-block;



	}

	#img_adjunto img {

		width: auto;

		max-width: 120px;

		height: auto;

		max-height: 150px;

	}



	#archivo_adjuntado {



		border: 0px solid #ff0;



		padding: 5px 7px;



		width: 300px;



		display: inline-block;

		vertical-align: top;



	}

	#archivo_adjuntado img {





		max-width: 300px;





	}



	#eliminar_adjuntado, .eliminar_adjuntado {



		border: 0px solid #00f;



		padding: 5px 7px;



		width: 50px;



		display: inline-block;



	}



	#id_adjuntos {



		display: block;



	}



	

.class_modo_test {

	background: #ffcc00;

	padding: 5px;

}



	



	







        .lista-autocompletar-items{



            color: #3e3e3e3;



            position: absolute;



            border: 1px solid #d4d4d4;



            border-bottom: none;



            border-top: none;



            z-index: 99;



            /*position the autocomplete items to be the same width as the container:*/



            width: auto;



        }



        .lista-autocompletar-items div {



            padding: 10px;



            cursor: pointer;



            background-color: #fff; 



            border-bottom: 1px solid #d4d4d4; 



        }



        .lista-autocompletar-items div:hover {



            /*when hovering an item:*/



            background-color: #3e3e3e; color: #fff;



        }



        .autocompletar-active {



                /*when navigating through the items using the arrow keys:*/



            background-color: #3e3e3e !important; 



            color: #fff; 



        }



        .autocompletar-active strong{



                /*when navigating through the items using the arrow keys:*/



            color: #ffffff; 



        }	



	



	.div_logo {



		border: 0px solid #f00;



		margin-top: 10px;



		margin-bottom: -10px;



	}



	.div_logo img {



		width: 300px;



	}



	

	.div_opcion_banco {

		margin: 15px 15px;

		display: inline-block;

	}

	

	.logo_banco {

		border: 0px solid #f5f5f5;

		width: 60px;

		height: 25px;

		vertical-align: middle;

	}

	

	.div_mostrar_div {

		border: 0px solid #f00;

		max-width: 770px;

		width: 100%;

	}

	.div_mostrar_div .titulo {

		border: 2px solid #f1f1f1;

		display: inline-block;

		width: 37%;

		min-width: 150px;

		text-align: left;

		font-size: 20px;

		padding: 10px;

		margin-bottom: 3px;

		margin-right: 4px;

		background: #f1f1f1;

		vertical-align: top;

	}

	.div_mostrar_div .valor {

		border: 2px solid #f5f5f5;

		display: inline-block;

		width: 50%;

		text-align: right;

		font-size: 20px;

		padding: 10px;

	}

	.div_mostrar_div .valor#concepto {

		text-align: left;

	}





	.confirmado_div {

		border: 0px solid #06B68F;

		border-radius: 0px;

		margin-bottom: 10px;

		padding: 15px 0px;

		background: #25B359;

		color: #fff;

	}



	.error_div {

		border: 0px solid #06B68F;

		border-radius: 0px;

		margin-bottom: 10px;

		padding: 15px 0px;

		background: #f00;

		color: #fff;

	}



	.cancelado_div {

		border: 0px solid #06B68F;

		border-radius: 0px;

		margin-bottom: 10px;

		padding: 15px 0px;

		background: #2b2b2b;

		color: #fff;

	}



	.color_estado {

		padding: 5px 15px;

		color: #fff;

		background: #fff;

		border-radius: 15px;

	}









.table_estados {

	width: 90%;

	border: 0px solid #f00;

}



.table_estados thead tr td {

	padding: 5px 15px;

	background: #06B68F;

	color: #fff;

	font-weight: bold;

}



.table_estados tbody tr td {

	padding: 5px 15px;

	color: #252525;

	font-weight: bold;

}

.table_estados tbody tr td .td_div {

	padding: 5px 15px;

	color: #fff;

	font-weight: bold;

	border-radius: 20px;

	text-align: center;

}



.table_registros {

	width: 400px;

	border: 0px solid #f00;

}



.table_registros thead tr td {

	padding: 5px 15px;

	background: #06B68F;

	color: #fff;

	font-weight: bold;

}



.table_registros tbody tr td {

	padding: 5px 15px;

	color: #252525;

	font-weight: bold;

}



#ver_mas_estado {

	border: 1px solid #f00;

	padding: 5px 10px;

}

#ver_menos_estado {

	border: 1px solid #f00;

	padding: 5px 10px;

}



	#ver_tpv {

		border-radius: 5px;

		cursor: pointer;

	}



	#ver_tpv:hover {

		background: rgba(0,0,0,0.18);

	}	





.modo_posicion {

	opacity: 0;

}



#nombre_estado {

	font-weight: bold;

}



#div_tres_posiciones {

	border: 0px solid #f00!important;

	width: 120px;

	

}



	.div_btn_slider {

		border: 1px solid #06B68F;

		border-radius: 2px;

		height: 36px;

		width: 120px;

	}

	.div_posicion {

		width: 33%;

		height: 100%;

		background: #ccc;

		display: inline-block;

	}



#ver_politica_privacidad{

	font-weight: bold;

	text-decoration: underline;

	cursor: pointer;

}





	#hoover_linia_pago:hover {

		background: rgba(0,0,0,0.18);

	}



	#ver_pago {

		cursor: pointer;

	}



	

	#ver_pago_btn{

		cursor: pointer;

		background: #fff;

		color: #06B68F;

		border: 1px solid #06B68F;

		border-radius: 5px;

		padding: 10px 10px;

		text-align: center;

	}

	

	#ver_pago td{

		padding-left:  10px;

	}



/*POP UP*/



#popup_evento{

    display: none;

    position: fixed;

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    overflow: auto;

    background-color: rgba(15, 15, 15, 0.8);

}



#modal_evento{

    position: relative;

    background-color: white;

    max-width: 705px;

	min-width: 705px;

    margin: 0 auto;

    margin-top: 5vh;

    padding: 0.5rem;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    /*border-radius: 0.5rem;*/

    -webkit-animation-name: abajo;

    -webkit-animation-duration: 0.4s;

    animation-name: abajo;

    animation-duration: 0.4s

}







#popup_censentimientos{

    display: none;

    position: fixed;

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    overflow: auto;

    background-color: rgba(15, 15, 15, 0.8);

	z-index: 99;

}



#modal_censentimientos{

    position: relative;

    background-color: white;

    max-width: 705px;

	min-width: 705px;

    margin: 0 auto;

    margin-top: 5vh;

    padding: 0.5rem;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    /*border-radius: 0.5rem;*/

    -webkit-animation-name: abajo;

    -webkit-animation-duration: 0.4s;

    animation-name: abajo;

    animation-duration: 0.4s;

	z-index: 9999;

}



#modal_censentimientos h1, #modal_censentimientos h2, #modal_censentimientos h3, #modal_censentimientos h4{

	color: #06B68F;

}





	.contenido_modal {

		border: 0px solid #ccc; margin: 5px 0px; margin-top: 35px; margin-bottom: 15px; overflow-y: scroll; max-height: 750px;

	}	



.id_tpv_modal {

	border: 0px solid #f00;

	display: inline-block;

	position: absolute; top: 10px; left: 15px;

	color: #06B68F;

	font-size: 16px;

}

.id_tpv_modal span {

	font-weight: bold;

	background: #06B68F;

	color: #fff;

	font-size: 16px;

	padding: 5px 15px;

}











	.linia_par {

		background: #fff;

	}

	.linia_impar {

		background: rgba(0,0,0,0.12);

	}









#cerrar_modal {

	position: absolute; top: 3px; right: 3px; padding: 10px; background: #06B68F; color: #fff; cursor: pointer; display: inline-block;

}

	.inline_block {

		display: inline-block;

	}

	.nombre_campo_block {

		color: #06B68F; font-size: 13px; font-weight: normal; border: 0px solid #f0f; text-align: left; padding: 5px 10px;

	}

	.contenido_campo_block {

		color: #868686; font-size: 16px; font-weight: normal; border: 0px solid #494949; text-align: left; padding: 10px 10px; line-height: 20px;

	}

	.contenido_campo_block.input {

		min-width: 200px; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.1); 

	}

	.contenido_campo_block.input.modo {

		min-width: 200px; background: #f5f5f5; border: 0px solid rgba(0,0,0,0.1)!important; 

	}

	.contenido_campo_block.input#adjuntado {

		min-width: 200px; background: #f5f5f5; border: 1px solid rgba(255,0,0,0.1)!important; display: inline-block; 

	}

	.contenido_campo_block.text {

		min-width: 420px; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.1); min-height: 35px;

	}

	.div_adjunto {

		border: 1px solid #ccc;

		display: inline-block; 

		width: 125px; 

		height: 120px;

		vertical-align: top;

	}

	.div_img_adjunto{

		border: 0px solid #00f;

		height: 100px;

	}

	.div_nombre_adjunto {

		border: 0px solid #ff0;

	}

	.img_adjunto {

		height: 100%;

		vertical-align: middle;

	}

	.btn_subido {

		border: 0px solid #f00;

		padding: 15px 25px; 

		font-size: 18px;

		background: #06B68F;

		color: #fff;

		font-weight: bold;

		margin: 15px 0;

		width: 350px;

		cursor: pointer;

	}

	.btn_ya_subido {

		border: 0px solid #f00;

		padding: 15px 25px; 

		font-size: 18px;

		background: #909090;

		color: #fff;

		font-weight: bold;

		margin: 15px 0;

		width: 350px;

		cursor: not-allowed;

	}

	.btn_padding {

		padding: 13px 25px;

		font-size: 22px;

		margin-left: 10px;

		margin-right: 3px;

	}

	.cincuenta {

		width: 45%;

		margin-bottom: 10px;

	}

	.treinta {

		width: 28%;

		margin-bottom: 10px;

	}

	.cien {

		width: 90%;

		margin-bottom: 10px;

	}

	.cien_siete {

		width: 97%;

		margin-bottom: 10px;

	}

	





.div_detalle_estado {

	border: 1px solid rgba(0,0,0,0.1);

	width: 350px;

	padding: 0px 5px;

}





.div_redys_titulo {

	border: 0px solid #000;

	font-weight: bold;

	color: #06B68F;

	padding: 5px;

	vertical-align: top;

}



.div_redys_contenido {

	border: 0px solid #00f;

	background: #f5f5f5;

	padding: 5px;

	min-height: 20px;

	font-weight: normal;

}





#detalle_pago {

	cursor: pointer;

}





.div_menu {

	border: 0px solid #f00;

	width: 250px;

	height: 100%;

	bottom: 0px;

	background: #06B68F;

	display: inline-block;

	vertical-align: top;

	position: fixed;

}





.div_mod_centro {

	border: 0px solid #f00;

	display: inline-block;

	vertical-align: top;

	margin-left: 246px;

	background: #fff;

}



.div_mod_centro_generar {

	border: 0px solid #f00;

	vertical-align: top;

	background: #fff;

	margin: 0 auto;

}







.div_menu .div_logo_menu {

	border: 0px solid #f00;

	width: 100%;

	text-align: center;

	padding: 15px 0px;

}

.div_menu .div_usuario {

	border: 0px solid #0f0;

	height: 50px;

	padding: 15px 10px;

	text-transform: initial;

	background: #8FD1C3;

}

.div_menu .div_usuario .nombre {

	display: inline-block;

	margin-left: 5px;

}

.div_menu .div_usuario .nombre::first-letter {

    text-transform: uppercase;



}

.div_menu .div_usuario .div_usuario_ico {

    border: 0px solid #000;

	width: 50px;

	padding: 11px 0px;

	border-radius: 50%;

	background: #06B68F;

	color: #fff;

	text-align: center;

	display: inline-block;

	font-weight: bold;

	font-size: 22px;

}



.div_menu .div_usuario .div_usuario_ico::first-letter {

    text-transform: uppercase;

}



.div_menu .div_btns {

	border: 0px solid #f00;

	background: #06B68F;

}

.div_menu .menu {

	border-bottom: 1px solid rgba(255,255,255,0.2);

	display: block;

	padding: 15px 15px;

	font-size: 18px;

	text-decoration: none;

	color: #fff;



}



.div_menu .menu:hover {

	border-bottom: 1px solid rgba(255,255,255,0.2);

	display: block;

	padding: 15px 15px;

	font-size: 18px;

	text-decoration: none;

	color: #06B68F;

	background: #fff;



}



.div_menu .menu.active {

	border-bottom: 1px solid rgba(255,255,255,0.2);

	display: block;

	padding: 15px 15px;

	font-size: 18px;

	text-decoration: none;

	color: #06B68F;

	background: #fff;



}





.div_buscar {

	border: 0px solid #f00;

	padding: 0px 25px;

}



.div_buscar .form {

	border: 0px solid #f00;

	display: inline-block;

}



.div_buscar .input {

	height: 38px;

	padding: 6px 0 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #e7eeed;

	background-image: none;

	border: 1px solid #c5d9d4;

	border-radius: 2px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



.cabecera_tabla thead tr td {

	border: 0px solid #f00;

	background: #06B68F;

	color: #fff;

	height: 35px;

	padding: 5px;

}



.cuerpo_tabla {

	height: 35px;

}





.div_buscar .input:focus {

  border-color: #06B68F;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);	

}



.div_buscar .btn {

font-size: 17px;

    border: 1px solid #06B68F;

    padding: 8px 30px;

    background: #fff;

    color: #06B68F;

    cursor: pointer;

    margin: 10px auto;

    position: relative;

    top: 2px;

	display: inline-block;

}



.div_buscar .btn:hover {

	border: 1px solid #06B68F;

	background: #06B68F;

	color: #fff;

}	



.modo_tpv {

	border: 0px solid #f00;

	color: #fff;

	padding: 7px 15px;

	border-radius: 30px;

	display: inline-block;

	

}



.usuario_permiso_tpv {

	border: 0px solid #f00;

	padding: 15px;

}



.div_usuario_tpv {

	border: 0px solid #f00;

	display: inline-block;

}



.div_usuario_tpv .usuario {

	border: 0px solid #0f0;

	width: 155px;

	display: inline-block;

}























.container {

  display: block;

  position: relative;

  margin-bottom: 12px;

	width: 30px;

	border: 0px solid #f00;

  cursor: pointer;

  font-size: 20px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

	top: -5px;

}



.container .nombre {

	border: 0px solid #00f;

	left: 35px;

	max-width: 120px;

	position: relative;

}



/* Hide the browser's default checkbox */

.container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 0;

  left: 4px;

  right: 5px;

  height: 20px;

  width: 20px;

  background-color: #fff;

	border: 1px solid #ccc;

}



/* On mouse-over, add a grey background color */

.container:hover input ~ .checkmark {

  background-color: rgba(6,182,143,0.20);

}



/* When the checkbox is checked, add a blue background */

.container input:checked ~ .checkmark {

  background-color: #06B68F;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.container input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.container .checkmark:after {

  left: 6px;

  top: 2px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}





.nombre_creado_lista {

	text-transform: capitalize;

	padding-left: 10px;

	width: 90px;

}





.div_contadores{

	border: 0px solid #f00;

	display: inline-block;

	top: 10px;

	position: relative;

	margin-left: 30px;

}



.div_contadores .div_pendiente {

	border: 0px solid #00f;

	margin: 0 5px;

	display: inline-block;

}

.div_contadores .div_pendiente .valor {

	background: #FFED00;

	padding: 3px 15px;

	border-radius: 25px;

}







.div_contadores .div_total {

	border: 0px solid #00f;

	margin: 0 5px;

	display: inline-block;

}

.div_contadores .div_total .valor {

	background: #0A9F40;

	color: #fff;

	padding: 3px 15px;

	border-radius: 25px;

}







.div_contadores .div_fondos {

	border: 0px solid #00f;

	margin: 0 5px;

	display: inline-block;

}

.div_contadores .div_fondos .valor {

	background: #06B68F;

	color: #fff;

	padding: 3px 15px;

	border-radius: 25px;

}







.div_contadores .titulo {

	font-size: 14px;

	font-weight: 600;

}



.div_contadores .valor {

	font-size: 18px;

	font-weight: bold;

	

}



.div_opcion_donacion {

	border: 0px solid #f00;

	height: 180px;

	width: 47%;

	margin: 0 auto;

	display: inline-block;

}



.div_opcion_donacion.otras {

	border: 0px solid #f00;

	height: 180px;

	width: 100%;

	margin: 0;

	display: inline-block;

}







.div_valor_personalizado {

	border: 2px solid #06B68F;

	display: none;

	border-radius: 7px;

	width: 90%;

	padding: 30px 0px;

	background: #06B68F;

}



.div_valor_personalizado .div_titulo_personalizado {

	border: 0px solid #00f;

	font-size: 35px;

	padding: 15px 0px;

	display: none;

}



.div_valor_personalizado .div_input_personalizado {

	border: 0px solid #000;

	

}



.div_valor_personalizado .div_input_personalizado input {

	font-size: 75px;

	border: 0px;

	width: 350px;

	height: 95px;

	text-align: center;

	

	

}



.div_valor_personalizado .div_input_personalizado input:focus {

	font-size: 75px;

	border: 1px solid #ccc;

	width: 400px;

	text-align: center;

}



.div_error_pago {

	border: 1px solid #f00;

	background: #f00;

	color: #fff;

	font-weight: 550;

	font-size: 30px;

	padding: 10px 0px;

	text-align: center;

	width: 100%;

}





.div_ok_pago {

	background: #25B359;

	color: #fff;

	font-weight: 550;

	font-size: 30px;

	padding: 10px 0px;

	text-align: center;

	width: 100%;

}





.div_datos_necesario {

	color: #f00;

	font-size: 20px;

	border: 0px solid #000;

	text-align: left;

	width: 95%;

}





.div_informacion_evento {

	border: 0px solid #f00;

}

.div_informacion_evento .titulo_e {

	border: 0px solid #0f0;

	font-size: 30px;

	font-weight: bold;

}

.div_informacion_evento .descripcion_e {

	border: 0px solid #00f;

	margin-top: 10px;

	font-size: 20px;

}

.div_informacion_evento .t_contacto {

	font-size: 25px;

	color: #06B68F;

	font-weight: bold;

	margin-top: 20px;

}

.div_informacion_evento .contacto {

	width: 90%;

	border: 3px solid #06B68F;

	border-radius: 0px;

	background: #06B68F;

	padding: 10px;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

}

.div_informacion_evento .contacto .persona_contacto {

	border: 0px solid #0f0;

	display: inline-block;

	margin: 0 5px;

}

.div_informacion_evento .contacto .telefono_contacto {

	border: 0px solid #00f;

	display: inline-block;

	margin: 0 5px;

}

.div_informacion_evento .contacto .telefono_contacto span {

	font-weight: normal;

}

.div_informacion_evento .contacto .email_contacto {

	border: 0px solid #000;

}

.div_informacion_evento .contacto .email_contacto span {

	font-weight: normal;

}



.div_informacion_evento .qr {

	border: 0px solid #f00;

	width: 90%; 

	max-width: 350px;

}









#form_tpv {

	display: inline-block;

}







/*btn valor pago*/









.donar_container {

  display: block;

  position: relative;

  margin-bottom: 12px;

	width: 300px;

	border: 0px solid #f00;

  cursor: pointer;

  font-size: 40px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

	top: -5px;

}



.donar_container .nombre {

	border: 0px solid #00f;

	left: 35px;

	max-width: 120px;

	position: relative;

}



/* Hide the browser's default checkbox */

.donar_container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}





.btn_tipo_pago {

	width: 400px;

}



.btn_tipo_pago .donar_checkmark {

	width: 400px;

	font-size: 30px;

	

}









/* Create a custom checkbox */

.donar_checkmark {

  position: absolute;

  top: 0;

  left: 0px;

  width: 100%;

	padding: 15px 0px;

  background-color: #fff;

	border: 2px solid #06B68F;

	border-radius: 9px;

	

}



/* On mouse-over, add a grey background color */

.donar_container:hover input ~ .donar_checkmark {

  background-color: rgba(6,182,143,0.20);

}



/* When the checkbox is checked, add a blue background */

.donar_container input:checked ~ .donar_checkmark {

  background-color: #06B68F;

	color: #fff;

}



/* Create the donar_checkmark/indicator (hidden when not checked) */

.donar_checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the donar_checkmark when checked */

.donar_container input:checked ~ .donar_checkmark:after {

  display: none;

}



/* Style the donar_checkmark/indicator */

.donar_container .donar_checkmark:after {

  left: 6px;

  top: 2px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}





















/*****************************************************************/



.container_donante {

  display: block;

  position: relative;

  margin-bottom: 12px;

	border: 0px solid #f00;

  cursor: pointer;

  font-size: 20px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

	top: -5px;

	left: 0px;

}



.container_donante .nombre {

	border: 0px solid #000;

	left: 75px;

	width: 500px;

	max-width: 520px;

	text-align: left;

	position: relative;

}



/* Hide the browser's default checkbox */

.container_donante input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark_donante {

  position: absolute;

  top: 0;

  left: 35px;

  right: 5px;

  height: 30px;

  width: 30px;

  background-color: #fff;

	border: 1px solid #ccc;

}



/* On mouse-over, add a grey background color */

.container_donante:hover input ~ .checkmark_donante {

  background-color: rgba(6,182,143,0.20);

}



/* When the checkbox is checked, add a blue background */

.container_donante input:checked ~ .checkmark_donante {

  background-color: #06B68F;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark_donante:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.container_donante input:checked ~ .checkmark_donante:after {

  display: block;

}



/* Style the checkmark/indicator */

.container_donante .checkmark_donante:after {

  left: 7px;

  top: 1px;

  width: 10px;

  height: 15px;

  border: solid white;

  border-width: 0 5px 5px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}





.div_error_valor {

	font-size: 24px;

}



.div_btns_donar {

	border: 1px solid #f00;

}



.text_red {

	color: #f00!important;

	font-size: 20px;

}



.div_separacion {

border-bottom: 2px solid #ccc;

	margin: 30px 0px;

}



#div_datos{

	display: block;

}



#div_datos_factura{

	display: none;

}



.div_mensaje_anonimo {

	border: 0px solid #f00;

	margin-top: 20px;

}

.div_mensaje_anonimo .checkmark_donante {

	top: 5px;

}



.div_mensaje_anonimo .nombre {

	border: 0px solid #f00;

	left: -25px;

	width: auto;

}





.div_necesito_factura {

	border: 0px solid #f00;

	margin-top: 25px;

	margin-bottom: 5px;

	padding-left: 0;

	padding-top: 5px;

		

}

.div_necesito_factura .container_donante{

	margin-bottom: 0px;

}

.div_necesito_factura .checkmark_donante {

	top: 5px;

}



.div_necesito_factura .nombre {

	border: 0px solid #f00;

	left: -25px;

	width: auto;

	padding: 10px 0px 5px 0px;

}



.h4_comfirmacion_titulo {

	border: 1px solid #f00;

	font-size: 30px;

	background: #f00;

	color: #fff;

	padding: 20px 0px;

}



.h4_comfirmacion_subtitulo {

	font-size: 26px;

	width: 90%;

}



@media (max-width: 1268px) {

.h4_comfirmacion_titulo {

	border: 1px solid #f00;

	font-size: 48px;

	background: #f00;

	color: #fff;

	padding: 20px 0px;

}

	

.h4_comfirmacion_subtitulo {

	font-size: 38px;

}

	

	.div_mostrar_div {

	  max-width: 100%;

	  border: 0px solid #f00;

	}

	.div_informacion_evento .titulo_e {

		font-size: 22px;

	}

	.div_informacion_evento .descripcion_e {

		font-size: 12px;

	}

	.div_informacion_evento .t_contacto {

		font-size: 35px;

	}

	.div_informacion_evento .contacto {

		font-size: 35px;

	}

	.donar_container {

		width: 90%;	

		font-size: 70px;

		margin-bottom: 97px;

	}

	.donar_checkmark {

		padding: 35px 0px;

	}

	

	.btn_buscar {

		margin-top: 80px;

		font-size: 70px;

		max-width: 600px;

		padding: 25px 15px;

	}



	.input_campo {

		height: 88px;

		font-size: 44px;

		padding: 15px ;

	}

	

	.titulo_campo {

		font-size: 44px;

	}

	

	.container_donante .nombre {

		font-size: 35px;

		color: #989898;

	}

	

	

	



.div_informacion_evento .qr {

	border: 0px solid #000;

	width: 90%; 

	max-width: 550px;

}

	

	

	

	

}