/*Colors: #034578 #09375c */

/* header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top-banner h1 {
  color: #09375c;
  text-align: center;
  margin-bottom: 0rem; 
}



/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main {
    min-height: 100%;
padding-bottom: 50px !important;
}
footer {
  padding: 1rem 0 1rem;
  color: #09375c;
  text-align: center;
  height: 50px;
  
}
footer a {
  color: #fff;
  text-decoration: none;

}
footer a:hover {
  color: #1EAEDB;
}
footer p {
  margin-bottom: 0rem;
}

#azul1{     
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:blue !important;
}

#gris1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:darkgray !important;
}

#negro1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:black !important;
}


.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.custom-filter{
    min-width: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn-numRegente{
    margin: 0;
}

.abrir{
    display:block !important;
}

#dialogCarga > .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle{
   background: #045491;    
}

.ui-panelgrid.panelGPago{                    
            margin-bottom: 5%;       
}
.ui-panelgrid.panelGArchi .ui-widget-content{
            background: none;
}
.ui-panelgrid.withoutBackGround .ui-widget-content{
            background: none;
}

.ui-panelgrid.ui-widget.ui-panelgrid.panelGDatosEstablecimientos >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGRegentes >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.ui-panelgrid.panelGDatosEstablecimiento>.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGPropietario >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGInformacionAdicional >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGLaboratorioClinico >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGdUnra >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGridTituloEspecialidad >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGridDocTituloEspecialidad> tbody > .ui-widget-content,
.ui-panelgrid.ui-widget.panelGServiciosEstablecimiento >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGGeolocalizacion >.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelGAgregarPersonalBotones .ui-widget-content,
.ui-panelgrid.ui-widget.panelGBotones .ui-widget-content,
.ui-panelgrid.ui-widget.panelGObservacion .ui-widget-content,
.ui-panelgrid.ui-widget.panelGHorario > .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.panelBuscarJuntaRegente > .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive,
.ui-panelgrid.ui-widget.ui-panelgrid.panelGPago > .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive{        
    border:none;
    background: none;
}

.ui-selectmanycheckbox.ui-widget.selectLaboratorio > tbody > tr{
    display: flex;
    font-size: 1rem;
    flex-wrap: wrap;
}

.spinner{
  height: 100px;
  width: 100px;
  margin: auto;
  border: 6px solid;
  border-color: #045491 transparent #045491 transparent;
  border-radius: 50%;
  animation: spin 1.3s linear infinite;
}
.labelSpinner{
    color: #045491;
    margin-top: 20px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 600px) {
    .ui-selectonemenu-panel.ui-widget.ui-widget-content.ui-corner-all.ui-helper-hidden.ui-shadow{        
        left: 15% !important;   
        width: 72% !important;
    }
    .btnDocumentos,
    .guardarButton{
        width: 100%
    }
    .ui-button-text.ui-c{
    white-space: break-spaces !important;
    }
    .ui-icon.ui-icon-info.ui-c.info-porCuenta,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioEstablecimiento,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioEstablecimientoVerificar,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegente,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegente2,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegente3,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegente4,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegente5,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegenteVerificar,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegenteVerificar2,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegenteVerificar3,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegenteVerificar4,
    .ui-icon.ui-icon-info.ui-c.info-tablaHorarioRegenteVerificar5,
    .ui-icon.ui-icon-info.ui-c.info-panelGridGeolocalizacionVerificar{
            padding-right: 9px !important;
    }
    

    
}

.boton{
    background: url('https://cssp.gob.sv/establecimientos/faces/resources/img/Pagar_aqui_ON_oscuro.png') no-repeat ;
    background-size: 100%;
    position: relative;
    width: 180px;
    border: none;
    height: 47px;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    color: white;
}