/* ------------------------------------------------- */
/* BACKGROUND                                        */
/* ------------------------------------------------- */
html, body
{    
    background-image: url("../img/general/fondo.png");
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;          
}  

/* ------------------------------------------------- */
/* BARRA DE DESPLAZAMIENTO                           */
/* ------------------------------------------------- */  
     
  * {
    scrollbar-width: auto;
    scrollbar-color:var(--color2) var(--color3);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  }
  
  
  *::-webkit-scrollbar-track {
    background: var(--color3);
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--color2);
    border-radius: 20px;
    border: 3px solid var(--color5);
  }

/* ------------------------------------------------- */
/* MENU                                              */
/* ------------------------------------------------- */
nav#navbar_menu_principal
{
    background-color:var(--color1);
    color:azure;
}

nav#navbar_menu_principal.nav-item
{
    color:#ffffff;
    font-weight: bold;
}

ul#navbar_sublista
{
  background: var(--color3);  
  font-weight: bold;
  color:#ffffff;
}

ul#navbar_sublista li a
{
  background: var(--color3);
  font-weight: bold;
  color:#ffffff;
}

ul#navbar_sublista li a:hover
{
  background: var(--color1);
  font-weight: bold;
  color:#ffffff;
}

.nav-link:hover
{
  background: var(--color1);
  font-weight: bold;
  color:#ffffff;
}

li.elemento_lista
{color:#ffffff;}

a.dropdown-item:hover
{
    background-color:var(--color1);
    font-weight: bold;
    color:white;
}

div#head_tarjeta
{
  background: var(--color4);
  /*background: repeating-linear-gradient(to right, var(--color1), var(--color2),var(--color3));*/
  border-radius: 50px;
}

div#footer_tarjeta
    {background-color:azure;}

li hr.separador_menu
{
  border-color:var(--color1);
  margin: 0;
}    

#titulo_sistema
{
  background-color:var(--color5);
  color: white;
  border: 3px solid var(--color3);
  border-radius: 50px;
  font-weight: bold;
  padding:20px;
}

/* ------------------------------------------------- */
/* FOOTER                                              */
/* ------------------------------------------------- */

footer#footer_principal
{background-color: var(--color1);}


/* ------------------------------------------------- */
/* GENERALES                                         */
/* ------------------------------------------------- */

.invalid-feedback
{
  color:red;
  font-weight: bold; 
}

 span.texto_especial
{color:red;
font-weight: bold;}

/*body#body_form
  {background-color:#ffffff;}*/


label.titulo_opcion
{color:var(--color5);}  

.nav-tabs .nav-item .nav-link {
  background-color: var(--color4);
  color: #FFF;
}

.nav-tabs .nav-item .nav-link.active {
  color: #fff;
  background-color: var(--color1);
}

.tab-content {
  border: 1px solid #dee2e6;
  border-top: transparent;
  padding: 15px;
}

.tab-content .tab-pane {
  background-color: #FFF;
  color: #0080FF;
  min-height: 200px;
  height: auto;
}