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


.margen-minimo{
padding-left: 2px;  
}

body{
  font-family: Montserrat, Raleway, sans-serif;
  font-size: 14px;
  font-style: Thin; 
}


.linea-titulo{
  margin-left: 1rem;
  margin-bottom: 0.7rem;
  color: dimgray;
  border-bottom: 1px solid;
  border-bottom-color: lightgrey;
}

div.row.linea-titulo.linea-titulo p.lead{
  margin-bottom: 0rem;
}

.columna-centrada {
  text-align:center;
  margin-left: 10px;
}

.columna-bordeada {
  border:1px solid #d9d9d9;
  margin:1px;
  border-radius:5px;
  background:transparent;
}

.fa.fa-user.logoPersonal {
  font-size:140px;
  color:rgb(183,187,191);
  background:rgb(232,232,232);
  border-radius:50%;
  width:150px;
  height:150px;
}

.etiqueta-formulario {
  padding-bottom:0px;
}

.pie-formulario {
  margin-top:20px;
  text-align:right;
}

.btn-form-principal {
  margin:10px;
}

.btn-form-secundario {
  background:rgb(221,219,219);
  color:gray;
  border:0px;
  margin:10px;
  -webkit-appearance: initial!important;
}

.mapa {
  margin-top:5px;
}

.imagen-icono {
  margin-top:20px;
  margin-bottom:20px;
  border-radius:50%;
  border-radius:50%;
  background-color:lightblue;
  height:120px;
  
}

.h2, h2 {
  font-size:36px;
  font-weight:bold;
  color:rgb(183,200,200);
}

.text-uppercase.text-muted.h6 {
  color:rgb(202,200,211)!important;
}

.p-puntos {
  font-size:46px;
  font-weight:bold;
  align-items:center;
  color:rgb(161,187,187);
  margin-bottom:0px;
  text-align:center;
}

.p-descripcion {
  font-family:Montserrat, sans-serif;
  color:rgb(197,198,200);
  font-size:16px;
  text-align:center;
}

.icono-rojo {
  font-size:42px;
  width:64px;
  height:64px;
  background-color:#ff0101;
  border-radius:50%;
  border:0px solid white;
  color:white;
  display:inline-table;
  text-align:center;
  margin:0px;
}

.icono-marcador {
  font-size:42px;
  width:64px;
  height:64px;
  border-radius:50%;
  border:0px solid white;
  color:white;
  display:inline-table;
  text-align:center;
  margin-top:20px;
}

.icono-cheques {
  font-size:21px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:0px solid white;
  color:white;
  display:inline-table;
  text-align:center;
  margin-top:5px;
}

.icono-marcaPagina {
  font-size:20px;
  width:24px;
  height:24px;
  border-radius:50%;
  border:0px solid white;
  color:white;
  display:inline-table;
  text-align:center;
}

.icono-b-rojo {
  background-color:#ff0101;
}

.icono-b-verde {
  background-color:#00ff00;
}

.icono-b-naranja {
  background-color:#ff8a01;
}

.icono-b-azul {
  background-color:#010bff;
}

.icono-b-morado {
  background-color:#c309b1;
}

.icono-b-amarillo {
  background-color:#f3f74f;
}

.fa.fa-circle.fondo-icono-panel {
  font-size:92px;
  color:rgb(255,15,0);
}

.p-icono {
  text-align:center;
  margin-bottom:0px;
}


.text-center.titulo-marcador {
  color:rgb(181,170,170);
  text-align:center!important;
  font-size:large;
}

.bordes-caja {
  border:1px solid #d9d9d9;
  margin:0.2rem;
  border-radius:10px;
  background:rgb(249,249,249);
}


.container.c-cabecera {
  margin-left:0px;
  margin-right:0px;
  align-items:end;
}

thead{
  background-color: #f3f3f3;
}

.dataTables_length.label {
  font-size:0.8rem;
}
.estilosTablaClientes {
width:100%!important;
font-size:0.8rem;
}

div.estilosTablaClientes select {
	height: calc(1.6rem + 0px)!important;
	font-size:13px!important;
	padding: 0px!important;
	margin-top: 5px;
	margin-left: 5px;
  margin-right: 5px;
}

div.estilosTablaClientes input {
	height: calc(1.6rem + 0px)!important;
	font-size:13px!important;
	padding: 0px!important;
	margin-top: 5px;
	margin-left: 5px;
  margin-right: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #c4c4c4;
  border-radius: 5px;


}

/*
input:invalid {border: 1px solid red;}
input:valid {border: 1px solid mediumseagreen;}
select:invalid {border: 1px solid red;}
select:valid {border: 1px solid mediumseagreen;}
*/
input:required:valid {
  border-right-color: mediumseagreen; 
  border-right-width: 5px;
}
input:required:invalid {
  border-right-color: #e9322d; 
  border-right-width: 5px;
}
select:required:valid {
  border-right-color: mediumseagreen; 
  border-right-width: 5px;
}
select:required:invalid {
  border-right-color: red; 
  border-right-width: 5px;

}

input:valid:focus,textarea:valid:focus,select:valid:focus {
  border-color: mediumseagreen;
  -webkit-box-shadow: 0 0 6px #9eff99;
  -moz-box-shadow: 0 0 6px #9eff99;
  box-shadow: 0 0 6px #9eff99
}

input:invalid:focus,textarea:invalid:focus,select:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7
}


#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: blue; }
#selectable .ui-selected { background: blue; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#selectable li { margin: 3px; padding: 1px; float: left;  font-size: 3em; text-align: center;  }


.card-puntos-importe{
  font-size: 2rem;
}

.card-seleccionada{
  border-left: solid 10px;
  border-left-color: steelblue;
  margin-bottom: 10px;
}
.card-noseleccionada{
  border-left: solid 10px;
  border-left-color: lightgray;
  margin-bottom: 10px;
  }
  
.margin-left-5{
      margin-left: 10px;
  }
  
.text-15 {
  font-size:15px;
}
.text-16 {
  font-size:16px;
}
.celda_listado  {
  font-family: helvetica;
  color: #404040;
}

.popover{
    max-width:100%;
    background: #fafafa;
}

.asentimiento-card {
    max-width: 80%;
    padding: 20px 20px;
    background-color: #F7F7F7;
    margin: 0 auto 25px;
    margin-top: 50px;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}


.text-center.texto-fidecloud {
  font-family:"Varela round";
}

.card-web {
  border-radius:10px;
  margin:5px;
}