body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  max-height : 100%;
  background-image: url('img/background.jpg');
}

html {
  height: -webkit-fill-available;
}

.grid-container{

/*height:  110vh;*/

grid-template-rows:    repeat(4, 1fr);
grid-template-areas:
  "menu cont cont cont"
  "menu cont cont cont"
  "menu cont cont cont"
  "menu cont cont cont";
gap: 10px;  
}

.grid-item2 { 
  grid-area: cont;
  display: grid;
  align-items: center;  /* Pendiente quitar */
  padding-left:40px;
  padding-top: 40px;
  padding-bottom: 40px;
  /*background-color: #f5f5f5;*/
  width: 100%; 
  /* height: 100%; */
}

@media (max-width:780px){
  .grid-item2 {
    grid-area: cont;
    display: grid;
    /* align-items: center; */
    padding-left:37px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    width: 100%; 
  }
}


.longtabla {
  width: 97%;
}

@media (max-width:780px){
  .longtabla {
    width: 93%;
  }
}

@media (min-width:1500px){
  .longtabla {
    width: 100%;
  }
}

.grid-item1 { 
box-shadow: 5px 5px 40px;
grid-area: menu;
min-height: 100vh;
/* min-height: -webkit-fill-available; */
/* height:110vh; */
}

.grid-container > div{
object-fit: cover;
}

/* Inicio de sesion */
.form-signin {
max-width: 330px;
padding:   15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/* Sidebar */

main {
height: 110vh;
height: -webkit-fill-available;
max-height: 110vh;
overflow-x: auto;
overflow-y: hidden;
}

.dropdown-toggle { outline: 0; }

.btn-toggle {
padding: .25rem .5rem;
font-weight: 600;
color: rgba(0, 0, 0, .65);
background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
color: rgba(0, 0, 0, .85);
background-color: #d2f4ea;
}

.btn-toggle::before {
width: 1.25em;
line-height: 0;
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
transition: transform .35s ease;
transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
transform: rotate(90deg);
}

.btn-toggle-nav a {
padding: .1875rem .5rem;
margin-top: .125rem;
margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
/*background-color: #d2f4ea;*/
background-color: #b2e6d61e;
background-color: #4e4e4ea1;
}

.scrollarea {
overflow-y: auto;
}

#titDev{
color:#cc6d45;
text-shadow: 2px 2px 4px #000000;
}

#contenido{
padding: 20px;
margin-top:-5rem;
}