html
{background-color:#ffffff;}

/* ------------------------------------------------- */
/* COLORES PRINCIPALES                                              */
/* ------------------------------------------------- */
:root {
    --color1: hsl(26, 70%, 54%);
    --color2: #b94645;
    --color3: #9b2f3e;
    --color4: #410324;
    --color5: #960e53;

    --yes: #2dd009;
    --no: #df1403;

    --tarjeta1:#107316;
    --tarjeta2:#db0777;
    --tarjeta3:#db6407;
    --tarjeta4:#6e07db;
    --tarjeta5:#07b8db;
    --tarjeta6:#dbae07;
    --tarjeta7:#34522d;
    --tarjeta8:#524a2d;
    --tarjeta9:#f259f7;
    --tarjeta10:#382d52;
    --tarjeta11:#0b46a7;
  }

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


/* ------------------------------------------------- */
/* LOGIN                                             */
/* ------------------------------------------------- */
#container_login
{
  background-color:#ffffff;   
}

body#fondo_login
{
  /*background-color:azure;  */
  background-color:var(--color5);
}

footer#footer_login
    {
      background-color:azure;
      /*background: repeating-linear-gradient(to right, var(--color1), var(--color2),var(--color3));*/
    }

nav#navbar_menu_login
{
  background-color:azure;
  color:var(--color4);
}

div#head_tarjeta_login
{
  background: var(--color1);
  color:azure;
}

button#login{
  background-color:var(--color2);
  color:azure;
}

button#login:hover{
  background-color:var(--color3);
  color:azure;
}

    

/* ------------------------------------------------- */
/* MENU                                              */
/* ------------------------------------------------- */
nav#navbar_menu_principal
{
    background-color:var(--color3);
    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;
}

li.elemento_lista
{color:#ffffff;}

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

div#head_tarjeta
{
  background: #7c7c7c;
  /*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(--color3);}


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

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

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

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

button#guardar
{
  background-color:var(--color5);
  font-weight: bold;
}

button#guardar:hover
{
  background-color:var(--color4);
  font-weight: bold;
}


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

input[type=text].texto_input {
  border: 3px solid black;
  border-radius: 10px;
  color:black;
  background-color: white;
  font-weight: bold;
}

input[type=text].texto_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ababab;
  opacity: 1; /* Firefox */
}

input[type=text].texto_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ababab;
}

input[type=text].texto_input::-ms-input-placeholder { /* Microsoft Edge */
  color: #ababab;
}


input[type=text].texto_input:focus {
  border: 4px solid var(--color2);
  border-radius: 10px;
}

input[type=text].texto_input:disabled {
  background-color: #acacac;
  color:#adadad;
}

select.texto_select {
  border: 3px solid var(--color4);
  border-radius: 10px;
}

select.texto_select * {
  font-weight: bold;
}

select.texto_select option:selection {
  font-weight: bold;
}

select.texto_select:focus {
  border: 4px solid var(--color2);
  border-radius: 10px;
}

textarea.texto_textarea {
  border: 3px solid var(--color4);
  border-radius: 10px;
  resize: none;
  font-weight: bold;
}

textarea.texto_textarea:disabled {
  background-color: #acacac;
  color:#adadad;
}


textarea.texto_textarea:focus {
  border: 4px solid var(--color2);
  border-radius: 10px;
  resize: none;
}

input[type=number].texto_number {
  border: 3px solid var(--color4);
  border-radius: 10px;
  color:black;
  background-color: white;
  font-weight: bold;
}

input[type=number].texto_number:disabled {
  background-color: #acacac;
  color:#adadad;
}

input[type=number].texto_number::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: azure;
  opacity: 1; /* Firefox */
}

input[type=number].texto_number:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: azure;
}

input[type=number].texto_number::-ms-input-placeholder { /* Microsoft Edge */
  color: azure;
}


input[type=number].texto_number:focus {
  border: 4px solid var(--color2);
  border-radius: 5px;
}

input[type=email].texto_email {
  border: 3px solid var(--color4);
  border-radius: 10px;
  color:black;
  background-color: white;
  font-weight: bold;
}

input[type=email].texto_email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: azure;
  opacity: 1; /* Firefox */
}

input[type=email].texto_email:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: azure;
}

input[type=email].texto_email::-ms-input-placeholder { /* Microsoft Edge */
  color: azure;
}


input[type=email].texto_email:focus {
  border: 4px solid var(--color2);
  border-radius: 5px;
}

input[type=url].texto_url {
  border: 3px solid var(--color4);
  border-radius: 10px;
  color:black;
  background-color: white;
  font-weight: bold;
}

input[type=url].texto_url::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: azure;
  opacity: 1; /* Firefox */
}

input[type=url].texto_url:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: azure;
}

input[type=url].texto_url::-ms-input-placeholder { /* Microsoft Edge */
  color: azure;
}


input[type=url].texto_url:focus {
  border: 4px solid var(--color2);
  border-radius: 5px;
}


div#linea_divisoria
{
  width: 100%; 
  height: 20px; 
  border-bottom: 1px solid black; 
  text-align: center;
}

.form-check-input {
  clear: left;
}

.form-switch.form-switch-sm {
  margin-bottom: 0.5rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-sm .form-check-input {
  height: 1rem;
  width: calc(1rem + 0.75rem);
  border-radius: 2rem;
}

.form-switch.form-switch-md {
  margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}

.form-switch.form-switch-lg {
  margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}

.form-switch.form-switch-xl {
  margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}


.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;
}

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


/* ------------------------------------------------- */
/* BOTONES DE OPCIONES                                         */
/* ------------------------------------------------- */
#agregar_alumnos:hover
  {background-color: var(--color4);}

/* ------------------------------------------------- */
/* BOTONES DE IMPRIMIR Y DE OPCIONES                 */
/* ------------------------------------------------- */
button#boton_opcion_ventana
{
  background-color:var(--color5);
  border-color:black;
  border:gray 4px outset;
  border-radius: 20px;
  width:115px;
  height:115px;
}

button#boton_opcion_ventana:hover
{  
  max-width:125px;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 1s ease;
}

/* ------------------------------------------------- */
/* BOTONES DEL DATATABLE                             */
/* ------------------------------------------------- */
button.botones_datable_excel
{
  background-color:#144404;
  COLOR:white;    
}

button.botones_datable_excel:hover
{
  background-color:#144404;
  COLOR:white;
  border-radius: 20px;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 1s ease;  
}