.css_body {
    min-height: 30vh;

}

#particles-js {
    background-image: url('https://gamlaguardia.com.bo/public/images/portada.jpeg');
    position: fixed;
    width: 100%;
    height: 110%;
    top: 0;
    left: 0;
    z-index: -2;
    background-size: cover; 
    background-repeat: no-repeat; 
}

#principal {
    color: azure;

}

.gob_title {
    color: #0B6623;
    font-family: Cambria;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}

.guar_title {
    color: rgb(13, 44, 90);
       text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
   
    
}

.img_css {
    display: block;
    margin: 0 auto;

}

.rol_css {
    color: azure;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}



.usuarios_css:hover {
    background-color: rgba(255, 255, 255, 0.3);


}

.title_cFRTss {
    background-color: azure;
   
}

a {
    color: #007BFF;

    text-decoration: underline;

}

a:hover {
    color: #0056b3;
  
    text-decoration: none;
    
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.user_login {
    background: #0984e3;
    color: #FFFFFF;

}


.pass_login {
    background: #FFC312;
    color: #FFFFFF;
}

.spass_login {
    background: #EE5A24;
    color: #FFFFFF;

}

.ingresar_css {
    background: #006266;
    color: azure;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 

}

.func_login {
    background: #4cd137;
    color: #FFFFFF;
}

.func_pass_login {
    background: #0a3d62;
    color: #FFFFFF;
}

.tramite_buscar {
    background: #F79F1F;
    color: #FFFFFF;
}

.sidebar-dark-primary {
    background-color: #f7f9fc;
}

.brand-text {
       color: #34495e;
    text-shadow: 2px 2px 4px rgba(11, 36, 253, 0.5);
}

.gestionar {
    background: #0B6623;
}

.nav_lista {
    background: #f0f2f5;
}

.lista_sub {
    color: #1d0977;
  }

.lista_princ{
    color: #0901a2;
    
}
.iconos {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}

.icono_sombras {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}




input,
textarea {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    width: 90%;
    margin-bottom: 15px;
    transition: border-color 0.3s;
}

.custom-label1 {
    background: #E5EFF1  ; 
    padding: 2px; 
    display: block; 
   
}

.custom-label2 {
    background: #e0f2f1; 
    padding: 2px; 
    display: block; 
   }


.custon_label3{
 background:#e8eaf6 ; 
 padding: 2px; 
    display: block; 
   
}


select {

    border: none;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    width: 90%;
    margin-bottom: 15px;
    transition: border-color 0.3s;
}



input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #007bff;
}

input[type="submit"],
select[type="submit"] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
}

  .input-containerHora {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    
}

input[type="date"], input[type="time"] {
    width: 150px; 
}

.text-primary-info{
	background:  #1a237e;
}