.my-content .my-description{
	margin: 20px 0 10px 0;
}
.loading {
    text-align: center;
}

.my-content .my-description{
	margin: 20px 0 10px 0;
}

.my-content .my-description p{
	opacity: 0.8;
}
.color input{ background-color:#f1f1f1;}

.my-form_content{
	margin-top: 35px;
}
.bg-naranja{
	background: #FA7016;
}

.bg-naranja2{
	background: #FE9C5B;
}

.bg-sucess2{
	background: #28D776;
}
.bg-danger2{
	background: #F56D7A;
}
.btnbuscarrem{
	font-size: 20px;
	color:red;
}
.btnbuscarrem:hover{
	background: #3e4095;
	color:#fff;
}
.permisos{
	
	width: 200px;
}
.activetab{
	background-color:#3e4095;
}
.remitostab:hover{
	cursor: pointer;
	background-color:#3e4095;
}
.visible{
	display:block;
}
.listatabla{
	font-size: 10px;
}
.tddet{
width: 300px !important;
}
.table td, .table th {
    padding: 0.50rem;
}

.novisible{
	display: none;
}
.permisos2{
	margin-left: 40px;
	width: 200px;
}
.sub-menu{
	color:#ffc107 !important;
}
.labelempres{
	    font-size: 18px;
    font-weight: 700;
}
.coordenadas label{
	font-size: 16px;
	font-weight: 600;
	color:#3e4095;
}
.coordenadas input{
	background: none;
	border:0;
}
.requerido{
	color:#CC2106;
}
.marcadormaps{
		text-align:center; 
		font-size:30px;
	}
	.marcadormaps a{
		list-style: none;
    	text-decoration: none; 
    	color:#3e4095;
	}
	.marcadormaps a:hover{
		opacity: 0.5;
	}
.confirmacion{
	background:#C6FFD5;
	border:1px solid green;
		border-radius: 5px;
	position: absolute;
	margin-top: 39px;
	text-align: center;
	width: 265px;
}
.inplanilla {
	width: 70%;
	display: inline;
	font-size: 14px;
}
.webplanilla{
	width: 130px;
	display: inline;
	font-size: 14px;
}

.btnbuscar{
	font-size:22px; 
	color:red; 
	width:50px;
}
.btnbuscar2{
	font-size:22px; 
	color:red; 
	width: 100%;
	display: inline !important;
}
.btnbuscar3{
	font-size:22px; 
	color:red; 
	display: inline !important;
}
.savebtn{
	font-size:26px; 
	color:red; 
	display: inline !important;
}
.savebtn:hover{
	background: #AB2609;
	color:#fff;
}
.btnbuscar3:hover{
	background: #AB2609;
	color:#fff;
}
.indplanitabledang{
	background-color: #ed969e;
}
.indplanitabledang2{
	background-color: #ed969e;
}
.indplanitabledang2 a{
	text-decoration:none;
	color:#000;
}
.indplanitabledang2:hover{
	background-color: #3e4095 !important;
	color:#fff;
}
.indplanitabledang2:hover a{
	color:#fff;
	cursor: pointer;
}
.indplanitabledang a{
	text-decoration:none;
	color:#000;
}
.indplanitabledang:hover{
	background-color: #3e4095 !important;
	color:#fff;
	cursor: pointer;
}
.indplanitabledang:hover a{
	color:#fff;
}
.indplanitableact{
	background-color: #c3e6cb;
}
.indplanitableact2{
	background-color: #c3e6cb;
}
.indplanitableact2 a{
	text-decoration:none;
	color:#000;
}
.indplanitableact2:hover{
	background-color: #3e4095 !important;
	color:#fff;
}
.indplanitableact2:hover a{
	color:#fff;
	cursor: pointer;
}
.indplanitableact a{
	text-decoration:none;
	color:#000;
}
.indplanitableact:hover{
	background-color: #3e4095 !important;
	color:#fff;
	cursor: pointer;
}
.indplanitableact:hover td{
	background-color: #3e4095 !important;
	color:#fff;
	cursor: pointer;
}
.indplanitableact:hover a{
	color:#fff;
}
.indplanitable:hover{
	background-color: #3e4095 !important;
	color:#fff;
	cursor: pointer;
}
.indplanitable:hover td{
	background-color: #3e4095 !important;
	color:#fff;
	cursor: pointer;
}
.indplanitable2:hover{
	background-color: #3e4095 !important;
	color:#fff;
}
.indplanitable:hover a{
	color:#fff;
}
.indplanitable2:hover a{
	color:#fff;
}
.subtitulos2{
	font-size: 18px;
	font-weight: 600;

}
.indplanitable a{
	text-decoration:none;
	color:#000;
}
.indplanitable2:hover a{
	text-decoration:none;
	color:#000;
	cursor: pointer;
}
.btnbuscar:hover{
	cursor: pointer;
	opacity: 0.5;
}
.negacion{
	background:#ffcccc;
	border:1px solid red;
	border-radius: 5px;
	position: absolute;
	margin-top: 39px;
	text-align: center;
	width: 265px;
}

.pass2{
	
	
	margin:0px 0 20px;
	padding:7px;
	width: 220px;
	
}
.listaclicont tr:hover{
	background: #055B8A;
	cursor: pointer;
}
.listaremitos tr:hover{
	background: #3e4095;
	cursor: pointer;
}
.my-form-top{
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background-color: #9b3737;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.compartirwhats{
	border-radius:5px; 
	background:#ccc; 
	color:#fff; 
	font-size:18px; 
	font-weight:600; 
	border:none; padding:10px;
	pointer-events:none;
	cursor:default;
}
.compartirwhats:hover{
	opacity: 0.5;
	cursor: pointer !important;
}
.btn-primary{
	background-color: #B40404;
	border-color: #B40404;
}
.btn-primary:hover{
	background-color: #3e4095;
}
.bordebox{
	border: 2px solid #B40404;
	border-radius: 5px;
}
.my-form-top-left{
	float: left;
	width: 75%;
	padding-top: 25px;
	text-align: left;
}
.input-group-append{
	height: 39px;
	float: right;
	position: absolute;
	margin-left: 220px;

}

.my-form-top-left p{
	opacity: 0.8;
}
.btnacciones{
	float: left;
	margin-left: 15px;
}

.lista{

    float:right;
    width: 97%;
	margin: 20px auto;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 20px;
    
}
.lista table{width: 100%; }
.lista table th{ border-bottom: 1px solid #ddd; text-align: left; padding: 5px; color: #555;}
.lista table td{
	padding: 12px 5px 8px;
}
.my-form-top-right{
	float: right;
	width: 25%;
    color: #FFFFFF;
	padding-top: 25px;
	font-size: 60px;
	text-align: right;
	opacity: 0.3;
}
.strength-container{
	width: 220px !important;

}
.centrar{
	text-align: center;
	
}
.cursor{
	cursor: pointer;
}
.font-20{
	font-size: 20px;
}
.negrita{
	font-weight: 600;
}
.color-red{
	color:#990000;
}
.my-body{
    font-family: 'Raleway';
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background-color:#000;
	/*background-image: url('../img/fachad.jpg');*/
	/*background: -webkit-linear-gradient(45deg, #040e3e,#2a3f93,#7587cc);/* Chrome 10-25, Safari 5.1-6 */                          
	/*background: linear-gradient(45deg, #040e3e,#2a3f93,#7587cc);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */                                             
	/*background-repeat: no-repeat;*/
	background: rgb(77,77,79);
	background: linear-gradient(90deg, #040e3e 0%, #2a3f93 35%, #7587cc 100%);
}
.my-form-bottom {
	padding: 25px 25px 30px 25px;
	background: #323232;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.my-form-bottom .mybtn{
	width: 100%;
}
.my-content .my-description{
	margin: 20px 0 10px 0;
}

.mybtn {
    height: 40px;
    background: #1b67b8;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    font-weight:700;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    
}

.mybtn:hover {
     background-color: #a6b9ce;
    color: #fff;
}


.mybtn:focus { 
    opacity: 0.6;  
    color: #fff; 
    background: #de615e; 
}

.my-link-registrarme {
    height: 40px;
    background-color: #928CCE;
    border:0;
    font-size: 16px;
    line-height: 40px;
    color:#fff;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    font-weight:700;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
}

.my-link-registrarme:hover{
    background-color: #a6b9ce;
    color: #fff;
}
.my-link-registrarme:focus{
    opacity: 0.6;  
    color: #fff; 
    background: #de615e; 
}
.filaheader{
    background-color: #262a34;
    height: 60px;
    overflow:hidden;
}
.colheader{
    color:#ffffff;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px;
    
}
.colheader a{
    text-decoration: none;
    color:#ffffff;
    font-weight: 200;
    font-size: 20px;
}
.dashboard{
	width: 100%;
}
.dashboard.title span{
	font-size: 22px;
	font-weight: 600;
}
.divp{
	width:400px; 
	height:400px; 
	background: #ccc;
}
.areaedicion{
	width:400px; height:auto;  margin-right:0px; margin-left:0px;
}

.fotopersonal{
	width:400px; 
	height:auto; 
	margin-right:auto; 
	margin-left:auto;
}
.fotocarnet{
width:400px; 
}
.elimacc{
	text-decoration: none;
    color: #f30000;
    font-size: 18px;
    font-weight: 600;
}
.elimacc:hover{
	color:#007bff;
	text-decoration: none;
}
.linea{
    width: 100%;
    border-bottom: 4px solid #ededed;
}
.linea-relleno{
    width: 40%;
    border-bottom: 4px solid #3e4095;
    position: absolute;
}
.linea-relleno2{
    width: 98%;
    border-bottom: 4px solid #3e4095;
    position: absolute;
}
.cuadro-gris{
  	margin-top: 15px;
  	padding: 15px;
    background: #efefef; 
    border:1px solid #ccc; 
    border-radius:6px;
}
.barra-lateral .contenedor-menu .menu .activado > a{
	background: #1a95d5;
	color: #fff;
}

	.barra-lateral .logo{
	background: #3e4095;
	margin-bottom: 1px;
}
.barra-lateral .logo img{
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
	
	margin: 0;
}
.formnewclie input[type="submit"] {
	background: none;
  border: 0;
  color: inherit;
  color: #fff;
  width: 100%;
	display: block;
	padding:  15px 0px !important; /*15px arriba y abajo y 20px en los lados*/
  /* cursor: default; */
  text-align: left;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;
}
.formnewclie input[type="submit"]:hover {
	background: #3e4095;
	color: #fff;
}
.barra-lateral{
	background: #262a34;
	color: #fff;
	min-width: 220px;
	/*min-height: 90.4vh;*/
    min-height: 2500px;
	padding: 0;
    position: relative;
}
.barra-lateral .contenedor-menu{
	min-width: 220px;
	display: inline-block;
	line-height: 18px;
	/*border-style: groove;*/
}
.barra-lateral .contenedor-menu .menu{
	margin: 0;
	width: 100%;
}

.barra-lateral .contenedor-menu ul{
	list-style: none; /*Con esto lo que hacemos es sacarle las viñetas*/
	padding-left: 0;
}

.barra-lateral .contenedor-menu .menu li a{
	color: #fff;
	display: block;
	padding:  15px 20px; /*15px arriba y abajo y 20px en los lados*/
    text-decoration: none;
    

}
.active{
    background-color: #3e4095 !important;
}

.barra-lateral .contenedor-menu .menu li a:hover{
	background: #3e4095;
	color: #fff;
}

.barra-lateral .contenedor-menu .menu .icono{
	font-size: 12px;
	line-height: 18px;
}
/****************************/
.barra-lateral .contenedor-menu .menu .icono{
	font-size: 12px;
	line-height: 18px;
}

.barra-lateral .contenedor-menu .menu .icono.izquierda{
	float: left;
	margin-right: 10px;
}

.barra-lateral .contenedor-menu .menu .icono.derecha{
	float: right;
	margin-left: 10px;
}

.barra-lateral .contenedor-menu .menu ul{
	display: none;
}
.barra-lateral{
	margin: 0	
	}
	.contenedor-menu{
		margin: 0;
		width: 100%; /*Ancho 100% del tamaño de la pagina*/
		/*position: fixed;*/
		/*top: 0;/*
		z-index: 1000; /*Para que nada se sobreponga*/
	}

	.btn-menu{
		display: block;
	}
	.botton-desliza {
    background-color: #262a34;
    border: none;
    color:#fff;
    display: block;
	padding:  15px 20px; /*15px arriba y abajo y 20px en los lados*/
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    
}
.alinear-izq{
    float: left;
}
.btn-menu {
	display: none;
	padding: 20px;
	background: #0d2c44;
	color: #fff;
}

.btn-menu .icono{
	float: right;
}
.botton-desliza {
    background-color: #262a34;
    border: none;
    color:#fff;
    display: block;
	padding:  15px 20px; /*15px arriba y abajo y 20px en los lados*/
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    
}

#popup {
		    left: 0;
		    position: absolute;
		    width: 100%;
		    z-index: 1001;
		}
		 
		.content-popup {
		    margin:0px auto;
		    
		    position:relative;
		    padding:10px;
		    width:350px;
		    min-height:200px;
		    border-radius:4px;
		    background-color:#FFFFFF;
		    box-shadow: 0 2px 5px #666666;
		}
		 
		.content-popup h4 {
		    color:#48484B;
		    border-bottom: 1px solid #48484B;
		    margin-top: 0;
		    padding-bottom: 4px;
		}
		 .poppertitle{
		 	font-size: 1.5em;
		 	color:#3e4095;
		 	text-align: center;
		 	margin-left: auto;
		 	margin-right: auto;
		 	font-weight: 600;
		 }
		 .formularioAct{
		 	margin-top: 15px;
		 }
		 .negrita-1{
		 	font-weight: 500;
		 }
		 .negrita-2{
		 	font-weight: 600;
		 }
		 .negrita-3{
		 	font-weight: 700;
		 }
		 .font-12{
		 	font-size: 12px;
		 }
		 .font-14{
		 	font-size: 14px;
		 }
		  .font-16{
		 	font-size: 16px;
		 }
		  .font-18{
		  	font-size: 18px;
		  }
		  .left{
		  	float:left;
		  }
		  .w100{
			width: 100%;
		  }
		 .submit-continuar{
		 	border-radius: 5px;
		 	border: none;
		 	background-color: #3e4095;
		 	width: 100%;
		 	font-size: 16px;
		 	margin-top: 17px;
		 	padding: 10px;
		 	color:#fff;
		 text-transform: uppercase;
		 font-weight: 600;
		 }
		 .submit-continuar:hover{
		 	opacity: 0.6;
		 	background-color: #5356e1;
		 	color:#fff;

		 }
.popup-overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    opacity: 0.9;
    height: 1500px !important;
}
.subtitulo{
	margin-left: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #3E4095;
    text-decoration: underline #d30303;
}
.subtituloficha{
	margin-left: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #3E4095;
    text-decoration: underline #d30303;
}
.ficha-text{
	margin-left: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #d30303;
     
     
}
.btneditarimg{
	margin:auto;
	
	font-size: 35px;
	color:#DBA901;

}
.printicon{
	font-size: 30px;
	color:#000;
}
.editfoto{
	margin-top: 195px;
    position: absolute;
    z-index: 100;
    margin-left: -121px;
}
.editfotos{
	margin-top: 183px;
    position: absolute;
    z-index: 100;
    
}
.boton-cancel{
	color:#B40404; 
	font-size: 40px;
}
.boton-cancel:hover{
	opacity:0.5;
}
.bordes{
	border: 1px solid #000;
}
.text-18-negrita{
	margin-left: 15px;
    font-size: 18px;
    font-weight: 600;
}
.sinfoto{
	width: 230px;
	height: 230px;
	border-radius: 100%;
	background-color: #ccc;
}
.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 60px 0px 50px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 40px;
    right: 0;
    height: 50px;
    content: "";
    background-image: url(../img/iconos/upload.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate{
	color: #333;
}
#listafunc_previous:hover{
	color: #fff !important;
	background-color: #000;
}
.dataTables_wrapper{
    width: 100%;
  }
.dataTables_filter input{
	    border-radius: 5px;
    margin-left: 7px;
}
#listafunc_next:hover{
	color: #fff !important;
	background-color: #000;
}
.dataTables_wrapper .dataTables_filter{
	float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_paginate{
	    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_info{
	clear: both;
    float: left;
    padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_length{
	    float: left;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
.fotofichaactivo{
	width: 230px;
	border-radius: 100%;
	border: 10px solid #28a745;
}
.btneditar{
	font-size: 20px;
	color:#DBA901;
}
.fotofichainactivo{
	width: 250px;
	border-radius: 100%;
	border: 10px solid #d30303;
}
.close {
	position: absolute;
	right: 15px;
}
.deshboard-title{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 10px;

}
.tabla2{
	font-size: 14px;
}
.tabla3{
	font-size: 13px;
}
.title-lista{
	font-size: 22px;
	color:#fff;
	background-color: #46494c; 
	width: 100%;
}
.iconprinnovedades{
	
    font-size: 40px;

    color: #d30c0c;
}
.tit-tabla{
	text-align:center; 
	width:100%; 
	background-color:#dddddd;
	padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-weight: 700;
}

.iconwhats{
	font-size: 26px;
	color:#3CB82A;
	margin-left: 10px;
}
.iconwhats:hover{
	opacity: 0.5;
}
.linksindecoracion{
	text-decoration: none;
}
.formularioAct{
    margin-top: 15px;
    
}

		.col{
			padding-right: 0;
			padding-left: 0;
		}
		@media screen and (max-width: 996px){
			.popup-overlay {
				 height: 1446px !important;
			}
			.btnbuscar2{
				font-size: 32px;
			}
		}
		@media screen and (max-width: 936px){
			.tabla2{
				font-size: 10px !important;
			}
		}
		@media screen and (max-width: 415px){
			.listafuncionarios{
				font-size: 11px !important;
			}
			.btn-success{
				font-size: 10px !important;
			}
			.btn-danger{
				font-size: 10px !important;
			}
		}
		@media screen and (max-width: 399px){
			.listafuncionarios{
				font-size: 10px !important;
			}
		}
		@media screen and (max-width: 380px){
			.listafuncionarios{
				font-size: 8px !important;
			}
			.fotopersonal{
				width: 300px !important;
			}
			.areaedicion{
				width: 300px !important;
			}
			.divp{
				width: 300px !important;
			}

		}

@media screen and (max-width: 768px){
	.subtitulos2{
		font-size: 14px !important;
	}
	.barra-lateral{
		margin: 0;	
	}
	.container-fluid{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.row{
		margin-right: 0px; 
	    margin-left: 0px; 
	}
	.popup-overlay {
		height: 1990px !important;
	}
	.contenedor-menu{
		margin: 0;
		width: 100%; 
	}
	.btn-menu{
		display: block;
	}
	.barra-lateral .contenedor-menu .menu{
		display: none;
	}
	.barra-lateral .logo img{
		padding:15px 0;
	}
    .barra-lateral{
        min-height: auto;
    }
    .linea-relleno{
    	width: 60%;
    }
    .linea-relleno2{
    	width: 100%;
    }
    .main .columna{
	   padding-left: 10px;
	   padding-right: 10px;
    }
    .colheader a {
    	font-size: 16px;
    }
    .colheader{
    	font-size: 12px;
    }
}
@media screen and (max-width: 870px){
	.tabla2{
		font-size: 11px !important;
	}
	.tabla{
		font-size: 6px !important;
	}
	.tabla input{
		font-size: 6px !important;
	}
	.tabla input{
		font-size: 6px !important;
	}
	.tabla select{
		font-size: 6px !important;
	}
	.tabla button{
		font-size: 6px !important;
		width: 40px !important;
	}
}
@media screen and (max-width: 778px){
	.tabla{
		font-size: 8px !important;
	}
	.tabla2{
		font-size: 8px !important;
	}
	.tabla input{
		font-size: 6px !important;
	}
	.tabla select{
		font-size: 6px !important;
	}
	.tabla button{
		font-size: 6px !important;
		width: 40px !important;
	}
	
	
}
@media screen and (max-width: 1107px) {
	.listatabla{
		font-size:0.4em !important;
	}
}
@media screen and (max-width: 1252px) {
	.listatabla{
		font-size:0.4em !important;
	}
}