/* LOGIN HTML*/
.login-fondo{
  background: url(../img/background.jpg) no-repeat center center fixed;
  background-size: cover;
}

.dash-fondo{
  background-color: #f0f0f0;
}

.main-section{ /*Sector para modificar el contenedor central de mi form */
  margin:0 auto; /* Para centrar*/
  margin-top:25% /*Petición para que el contenedor baje, parece que no está funcionando*/
  top: 25%;
  padding: 0;
}

.modal-content{
  background-color: #FFFFFF;
  opacity: .95;
  padding: 0 20px;
  box-shadow: 0px 0px 3px #848484;
  font: 90% sans-serif;
  color: #848484;
}

.form-group input{
  height: 50px;
  font-size: 18px;
  border: 1;
  color: #848484;
}

.forgot a{
  color: grey;
  font-size: 13px;
}

.ocultar{
  display: none;
}

.material-icons i{
  font-size: 100px;
}

.iconoslogin{
  font-size: 15px;
}

 /* Se ve mejor en png's
.user-img{
  box-shadow: 0px 0px 3px #848484;
  margin-top: -50px;
  margin-bottom: 35px;
}*/

/* SLIDEBAR */
.list-group-item{
  border: 0px;
  background-color: #000000;
}

.lineaDiv{
  width: inherit;
}

#wrapper {
   overflow-x: hidden;
}

#sidebar-wrapper {
 min-height: 100vh;
 margin-left: -15rem;
 -webkit-transition: margin .25s ease-out;
 -moz-transition: margin .25s ease-out;
 -o-transition: margin .25s ease-out;
 transition: margin .25s ease-out;
 width: 15em;
}

#sidebar-wrapper .sidebar-heading {
 padding: 0.875rem 1.25rem;
 font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
 width: 15rem;
 /*font: 90% sans-serif;*/
}

#page-content-wrapper {
 min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
 margin-left: 0;
}

@media (min-width: 768px) {
 #sidebar-wrapper {
   margin-left: 0;
 }

 #page-content-wrapper {
   min-width: 0;
   width: 100%;
 }

 #wrapper.toggled #sidebar-wrapper {
   margin-left: -15rem;
 }
}

.iconosgrl{
  font-size: 25px;
}

.iconoslog{
  font-size: 50px;
  text-align: center;
  color: blue;
}

.list-name{
  text-align: center;
  color: inherit;
}

.iconossml{
  font-size: 25px;
}

.logosys{
  text-align: center;
}

/* Calendario */

#calendar {
  max-width: 1100px;
  margin: 0 auto;

}

import { mdiLogin } from '@mdi/js';
import { mdiEye } from '@mdi/js';
import { mdiDomain } from '@mdi/js';
import { mdiAccount } from '@mdi/js';
import { mdiArrowLeftBold } from '@mdi/js';
import { mdiAccountKey } from '@mdi/js';
import { mdiMapMarker } from '@mdi/js'; /* Solo funciona o con map o con marker */
import { mdiRoutes } from '@mdi/js';
import { mdiCarEstate } from '@mdi/js';