/*
 * Core: General Layout Style
 * -------------------------
 */

 @font-face {
    font-family: Montserrat-Regular;
    src: url('fonts/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
    font-family: Montserrat-Bold;
    src: url('fonts/Montserrat/Montserrat-Bold.ttf');
}
@font-face {
    font-family: Montserrat-black;
    src: url('fonts/Montserrat/Montserrat-Black.ttf');
}
@font-face {
    font-family: Montserrat-medium;
    src: url('fonts/Montserrat/Montserrat-Medium.ttf');
}
html,
body {
  height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  font-family: Montserrat-Regular;
  font-weight: 100;
  overflow-x: hidden;
  overflow-y: auto;
}
  /*
   * Content Wrapper - contains the main content
   */
   .content-wrapper,
  
   .layout-top-nav .content-wrapper,
   .layout-top-nav {
     margin-left: 0;
   }
  @media (max-width: 767px) {
    .content-wrapper {
      margin-left: 0;
    }
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
      transform: translate(20px, 0);
    }
  }
  
  @media (min-width: 768px) {
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse {
      margin-left: 0;
    }
  }
  @media (max-width: 932px) {
    #footer {
      position: static; /* Cambiar la posición a estática para que no esté fijo en la parte inferior */
      width: 100%; /* Asegurar que ocupe todo el ancho disponible */
      margin-top: 20px; /* Agregar un margen superior para separarlo del contenido */
      padding-top: 20px; /* Agregar un relleno superior para separarlo del contenido */
    }
  }
  @media only screen and (max-device-width: 428px) {
    #footer {
        position: static;
    }
  }
   .content-wrapper {
     min-height: 100%;
     background-color: #ecf0f5;
     z-index: 800;
   }
   .main-footer {
    background-color: #13322B;     
    bottom: 0px;
    width: 100%;
    margin-top: 10% !important;
    /* Agrega cualquier otro estilo que desees */
    position: fixed;
  }
  #tablaUsuarios_wrapper {
    margin-bottom: 100px; /* Ajusta el valor según sea necesario */
  }
  /* Estilos adicionales para reducir el tamaño de la tabla */
  #tablaUsuarios {
    font-size: 0.875rem; /* Reducir el tamaño de la fuente de la tabla */
  }

  @media (max-width: 767px) {
    #tablaUsuarios {
        font-size: 0.7rem; /* Reducir el tamaño de la fuente de la tabla en pantallas más pequeñas */
    }
  }
   .main-footer a:link{
   color: #ffffff;
   }
   .main-footer a:visited{
   color: #9D2449;
   }
   .main-footer a:hover{
   border-bottom: 1px solid #D4C19C;
   }
   .hold-transition .content-wrapper,
   .hold-transition .right-side,
   .hold-transition .main-sidebar,
   .hold-transition .left-side,
   .hold-transition .main-header .navbar,
   .hold-transition .main-header .logo,
   .hold-transition .menu-open .fa-angle-left {
     /* Fix for IE */
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
.bg-dark{
    background-color:#621132;
}
.has-error input[type="email"] {
  border-color: red; /* Cambiar el color del borde del campo de correo electrónico */
}

.has-error .error {
  color: red; /* Cambiar el color del mensaje de error */
  font-size: 12px; /* Tamaño de fuente más pequeño para el mensaje de error */
}
.error {
  margin-top: 0.25rem; /* Ajusta el margen superior para separar el mensaje de error del campo de entrada */
  font-size: 0.875rem; /* Tamaño de fuente más pequeño para el mensaje de error */
}