/*ESTILOS PARA TODO EL SITIO*/


.form-control,.form-group{
    text-align:center;
    margin:0 auto;
}
/*COLORES DE TIPOGRAFÍAS*/
body{
    color:white;
    background:/*#ff0080*/rgb(30, 114, 189); /*COLOR DE FONDO1*/
}
h1{
    color:white;
}
h2{
    color:yellow;
    font-weight:bold;
}
h3{
    color:white;
    font-weight:bold;
}
h4{
    color:white;
    font-weight:bold;
}
p{
    color:white;
    font-weight: 600;
}
b{
    color:white;
}
table{
    color:black !important;
    max-width:80% !important;
}
thead{
    color:white;
}
table{
    max-width: 100%;
}
.row-titulo-principal,.center-titulo-principal,.titulo-principal{
    padding:0;
    margin:0;
}
h1,h2,h3,h4,h5,p,table,thead{
   /* padding-left:1em;
    padding-right:1em;
    padding-top:0.25em;*/
    margin-left:1em;
}
.row,.center,.container{
    padding:0em;
}
h1{
    text-align:center;
    display:inline-block;
    margin:auto;
    margin-top:3%;
    margin-bottom:3%;

}
.navbar{
    text-align:center;
}
.container{
    width:90%;
}
.formulario-informe{
    width:100%;
}
.marco-redondeado{
    border-radius:15px;
    padding:20px;
}

.marco-blanco-redondeado{
    border:dashed 2px white;
    padding:20px;
    border-radius:15px;
}
.marco-negro-redondeado{
    border:dashed 2px black;
    padding:20px;
    border-radius:15px;
}
#id_datos_reuniones_nuevas{
    display:none;
}
.botonera-formulario-informeareanorte{
    text-align:center;
    align-self:center;
    margin:3% auto;
}
.logo-cabecera, .logo-salir, a > .logo-cabecera{
	max-width:100px;
	max-height: 100px;
	display:inline;
    margin: 0 auto;
}

.row.index-login-row-ppal,.row.index-login-row-ppal > a{
    text-align: center;
    margin:0 auto;
}

.formulario-informe,div,.form-group,.navbar{
    background:/*#ff0080 COLOR DE FONDO2*/rgb(30, 114, 189);
}
.reuniones{
    font-size:1em;
}
.form-group{
    padding-top:10px;
    margin-top:10px;
}
.salir{
    color:white;
}
.form-control{
    max-width:240px;
}
.panel-formulario{
    padding:2em;
    border-radius:15px 15px 15px 15px;
}
@media only screen and (max-width:1300px){
    .formulario-informe{
    max-height:700px;
    background:#ff0080 /*rgb(30, 114, 189)*/;
}
}
#id-boton-vista-preliminar{
    display:inline-block;
}
#id-boton-envia-informe{
    display:none;
}
#id-boton-seguir-editando{
    display:none;
}

@media all {
   div.saltodepagina{
      display: none;
   }
}
   

@media print {
    .salir{
     display:none;
     }
    div.saltodepagina{ 
      display:block; 
      page-break-before:always;
    }
    .logo-salir{
        width:2em;
        height:2em;
        margin:0 auto;
    
    }
    .marco-negro-redondeado{
        border:none;
        background-color:white;
    }
    
}
/*ESTILOS PARA EL INDEX*/
#id-ver-clave{
    cursor:pointer;
}

.index-login-body, .index-login-container-ppal, .index-login-row-ppal, .index-login-form{
    color:black;
    text-align:center;
    background-color:rgb(30, 114, 189);
}
.link-boton{
    background-color:rgba(220,220,220,1);
    margin-top:1em;
    color:black;
}
.link-ayuda{
    color:white;
    margin-top:1em;
    font-size:bold;
}
.centrado{
    text-align:center !important;
    margin:0 auto;
}