.estrella1 {color: #d9c800; text-shadow: 1px 1px 1px #000000;}

.botonlistado {    border: solid 1px #e1e1e1;     margin: 1px;      padding: 4px 10px;}

.botonamarillo {background-color: #ffe00040}
.botonrojo {    background: #ff000029;}


.metrics {

    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: stretch;
    flex-direction: row;
    margin: 20px 0px 60px 0px;
}


.metric {

	border-radius: 10px;
   	border: solid 1px #cbcbcb;
    padding: 20px;

	font-size: 2em;
	margin: 20px 30px 0px 30px;
	flex-grow: 1;
	flex-shrink: 1;
	box-shadow: 7px 6px 7px 0px #cbcbcb5c;
}

.metric h3 {
    font-size: 27px;
    background: #f7f7f7;
    padding: 14px;
    margin: -20px -20px 14px -20px;
    border-radius: 10px 10px 0px 0px;
}

.metric .data {

    float: left;
    clear: both;
    font-size: 16px;
    display: block;
    margin: 6px;
    width: 100%;
    border-bottom: solid 1px #efefef;

}

.metric .boton {border: solid 1px #ededed;}

.metric .data.centro {text-align: center}

.metric .data.correcto {background-color: #b2e195de; padding: 10px;} 
.metric .data.incorrecto {background-color: #e19595de; padding: 10px; color:white;} 



.metric.naranja {color: #fff8ed;}
.metric.azul {color: #006cdb;}
.metric.verde {color: #3d9f00;}
.metric.morado {color: #bf41ff;}
.metric.amarillo {color: #fff8ed;}

.metric input { width: initial; }


/*body.perfil2 #entorno-herramientas{ display: none; }*/
body.perfil2 .nueva-pestana { display: none; }


#btn-insertar-hijofotos{display: none;}
#btn-insertar-masivo_xxxfotosxxx {display: none;}
#btn-insertar-hijovideos {display: none;}
#btn-insertar-masivo_xxxvideosxxx {display: none;}
.drop-insert-masivo {display: flex;}


.metric .data-horizontal {     display: flex;     flex-direction: row;     flex-wrap: wrap;     align-content: center;     justify-content: space-around; }
.metric .data-horizontal .data {  width: auto;  }

.lista-fichas { margin:0px 30px; height: 1px; width: 100%;}
.lista-fichas .ficha { display: flex; border:solid 1px #cbcbcb; margin-top:10px; padding:10px; border-radius: 10px; flex-direction: column; box-shadow:7px 6px 7px 0px #cbcbcb5c; }
.lista-fichas .centro { display:flex; width:100%; flex-grow: 1; flex-shrink: 1; }
.lista-fichas .foto { width:100px; flex-grow: 0; flex-shrink: 0;  height: 100px;     text-align: center; margin:10px;}
.lista-fichas .cuerpo { flex-grow:1; flex-shrink:1; }
.lista-fichas .titulo {  width: 100%;     display: flex;      justify-content: space-between;     align-items: center;     flex-wrap: wrap; }
.lista-fichas .overtitulo { font-size: 11px; }
.lista-fichas .icono {  padding: 6px; border-radius: 5px;   font-size: 11px; background-color: #c3c3c3; margin-right:5px; }
.lista-fichas .textotitulo { font-size: 22px; width:100%;}
.lista-fichas .subtextotitulo{ font-size: 12px; margin-left: 2px;}
.lista-fichas .datosvisitas { font-size: 11px; font-style: italic; margin-top:-35px;}
.lista-fichas .texto { font-size: 16px;  width:100%; margin-top:10px;}
.lista-fichas .botonera {     width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
.lista-fichas .botonficha { margin:0px 10px; }
.lista-fichas .botonficha a { display:block;   }
.lista-fichas .boton {    border: solid 1px #ededed; }
.lista-fichas .capa-busqueda-lista-fichas{display: inline-block; margin: 10px auto;}
.capa-busqueda-lista-fichas input{width:25%; display: inline-block;}
.capa-busqueda-lista-fichas i{font-size: 20px;display: inline-block;position: inherit;margin-left: 5px;top:5px;}


@media (max-width: 767px) {
    .lista-fichas .ficha .texto {display: none;}
    .lista-fichas .botonera { justify-content: space-evenly;}
    .lista-fichas .botonficha {  margin: 0px; width: 45%;}
}



/* boton de añadir hijos display = 3 abajo */
.hijosdirectos {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

#saldo-recargar { width: 218px;     font-size: 31px;     padding: 10px 80px 10px 20px;     text-align: center;     background: #efefef;     border: none;     margin-right: -83px; }
#saldo-recargar input[type=number]::-webkit-inner-spin-button, 
#saldo-recargar input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: auto; 
  margin: 0; 
}


.orange-text{ color:#ff7600;}
.green-text { color:green; }
.red-text { color:red; }
.white-text { color:white; }
.white-text:hover { color:white; }

.green:hover { background: #a5d906;  }
.red:hover { background: red;  }
.orange { background: #ff8100;  }
.orange:hover { background: #fd9b38;  }

.ampliada-datosvisitas {    /* right: 43px;     width: 200px; */ }

.usuarios .visible-xlcolumna-idnodo::before { content:"CP"; }
.fichas .visible-xlcolumna-idnodo::before { content:"P"; }

#vis_xxxfotosxxx .campoimagen .input-group {display: none;}
#vis_xxxfotosxxx .campoimagen .borrarimagen {display: none;}
.perfil2 #vis_xxxfotosxxx .campoimagen .descargarimagen {display: none;}
.perfil3 #vis_xxxfotosxxx .campoimagen .descargarimagen {display: none;}
.perfil5 #vis_xxxfotosxxx .campoimagen .descargarimagen {display: none;}



#vis_xxxvideosxxx .campoimagen .input-group {display: none;}
#vis_xxxvideosxxx .campoimagen .borrarimagen {display: none;}


.botonera-autorrenueva {
    padding: 29px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}


.form-fichas #vis_zona { margin-top: 40px;}
.form-fichas #vis_direccion { margin-top: 40px;}

@media (max-width: 767px) {
    #vis_zona { margin-top: 0px;}
    #vis_direccion { margin-top: 0px;}
}

.menu-desplegable a.anadir-todos-hijos-directos { display: none; }

.control-medidas {
    display: flex;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
}

.citapasion-medidas {width: 30%; float: left;}

.caja-aviso {
    background: #d9edff;
    padding: 25px;
    text-align: center;
    font-size: 18px;
}

/* LOGIN CITAPASION -> LIBRERIAS */


.fondopantalla {
    background:#FFF;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

#flogin {
    background:#FFF;
    font-family: 'Lato', sans-serif;
    border:none;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    border-bottom: 2px solid #c89f33;
    border-top: 2px solid #c89f33;
}

#flogin .info_login {
    color:#333;
    font-weight:600;
}

#flogin .boton_login input {
    background: linear-gradient(90deg, #c89f33, #ffd55f);
    padding: 10px 25px;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.1s linear;
    border:none;
    font-weight:500;
    font-size:22px;
    cursor:pointer;
}

#flogin .boton_login input:hover {
    transform: scale(1.05);
    transition: all 0.1s linear;
    background: #9f060e;
    opacity:1 !important;
}

.tabla-hijosdirectos.table > tbody > tr > td { vertical-align: top;}

@media (max-width: 767px) {
    #vis_xxxhorariosxxx.responsive-vertical tbody > tr > td {
        width: 33%;
        float: left;
    }

    #vis_xxxhorariosxxx tbody > tr > td.desde, #vis_xxxhorariosxxx tbody > tr > td.hasta {
        width: 100%;
        float: left;
    }

}

/*
#form-nodo .ayuda { float: none; height: auto; width: auto; margin:0; height: auto; padding:0 20px; }
#form-nodo .ayuda .ktooltip {display: none;}
#form-nodo .ayuda .tip { display: block !important; top: 0px; left:0px; position: relative; box-shadow: none; font-weight: 400; background-color: #ffd66196; color: black; border-radius: 10px;  font-size:11px; min-width: auto;     padding-left: 37px; margin-top: 10px; }
#form-nodo .ayuda:before { font-family: "Font Awesome 5 Free";     content: "\f0eb";      position: absolute;     z-index: 11;     top: 10px;     left: 37px;     color: red; }
*/

.avisocreditoscero {
    display: block;
    color: red;
    background: #f3e6e6;
    padding: 14px;
    font-size: 13px;
    flex-grow: 2;
    flex-shrink: 2;
    text-align: center;
    flex-basis: 100%;
    width: 15px;    
}

.perfil2 #aceptar-cancelar.fichas, .perfil3 #aceptar-cancelar.fichas, .perfil5 #aceptar-cancelar.fichas {
    left:10px;
}

.perfil2 #aceptar-cancelar.fichas .guardar, .perfil3 #aceptar-cancelar.fichas .guardar,.perfil5 #aceptar-cancelar.fichas .guardar {
    width: 100%;
    background: #ff4f00d1;
    color: white;

}

.perfil2 #aceptar-cancelar.fichas .aplicar, .perfil3 #aceptar-cancelar.fichas .aplicar, .perfil5 #aceptar-cancelar.fichas .aplicar  {
    display:none;
}

.avisos-tienes-que-recargar {    text-align: center;     padding: 20px 50px;     font-size: 16px;}

@media (max-width: 767px){
    .perfil2 #aceptar-cancelar.fichas .guardar .hidden-xs, .perfil3 #aceptar-cancelar.fichas .guardar .hidden-xs, .perfil5 #aceptar-cancelar.fichas .guardar .hidden-xs {
        display: inline-block!important;
    }
}