body, input {
   font-size: small !important;
}

img.img_escudo {
   max-height: 70% !important;
}

img.img_logos {
   max-height: 40px !important;
}

.contenedor {
   width: 100%;
   height: calc(100% - 75px) !important;
   margin-top: 53px;
}

.login {
   width: 100%;
   height: auto;
}

.alert {
   padding: 7px 10px !important;
}

.bg-footer {
   background-color: #B09A5B !important;
}

.text-nav {
   font-size: 9px;
}

.contenido {
   margin-top: 50px;
   height: calc(100% - 20px);
   margin-bottom: 20px;
}

.btn-nav {
   background: none;
   border: none;
   color: #ADADAD;
   padding: 7px 0 7px 0;
}

.btn-nav:hover {
   color: #FAFAFA;
}

.nav-item {
   border-bottom: 1px #ADADAD solid;
}

.modal-header {
   background-color: #B09A5B;
}

.card:hover {
   cursor: pointer;
}

.text-btn {
   font-size: 10.4px;
}

.encabezados {
   background-color:  #7A3348;
}
/* altura para el nav 50px */
/* altura para el footer 20px */

.spinner {
   background: rgba(0, 0, 0, 0.5);
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
}

.contenido_spinner {
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.menu-lateral {
   /* width: 122px;
   margin-right: 8px; */
   display: none !important;
}

.menu-contenido {
   /* width: calc(100% - 130px); */
   width: 100%;
}

/* ------------------------------------------------------------------ */
@media (min-width: 400px) {
   img.img_logos {
      max-height: 55px !important;
   }

   .contenedor {
      display: block;
      height: calc(100% - 90px) !important;
      margin-top: 68px;
   }

   .login {
      max-width: 350px !important;
   }

   .text-nav {
      font-size: 13px;
   }
}

/* @media (min-width: 768px) {
   .encabezados {
      width: 50%;
   }
} */

@media (min-width: 992px) {
   .menu-lateral {
      display: block !important;
      width: 122px;
      /* margin-right: 8px; */
   }
   
   .menu-contenido {
      width: calc(100% - 130px);
      margin-left: 130px;
   }
}