* {
  margin:0;
  padding:0;
  list-style:none;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
}
::-webkit-scrollbar { display:none; }
input:-webkit-autofill,input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { appearance:none; }
img { pointer-events:none; }
input:focus, select:focus, textarea:focus { outline:none; }
.none { display:none !important; }

.notFound {
  width:100%;
  height:100vh;
  display:flex;
}
.listado-title-items {
  font-size:12px;
  font-weight:400;
  color:#969EAE;
  text-transform:capitalize;
}
.content-img-guest {
  width: 32px;
  height: 32px;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}

.non-upper { text-transform:lowercase !important; }

/* Inicio login */
.content-login {
  width:100%;
  height:100vh;
  display:grid;
  place-items:center;
  background:#f7f7fa;
}
.content-form-login {
  width:700px;
  height:450px;
  display:flex;
  overflow:hidden;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0px 3px 6px 1px #eaeaea;  
}
.content-img-login {
  width:50%;
  display:flex;
}
.content-img-login img {
  max-width:100%;
  object-fit:cover;
  pointer-events:none;
}
.content-inputs-login {
  width:50%;
  display:grid;
  place-content:center;
}
.title-login {
  font-size:28px;
  font-weight:600;
  text-align:center;
}
.subtitle-login {
  width:280px;
  font-size:14px;
  font-weight:300;
  text-align:center;
}
.content-group-form {
  display:flex;
  padding:0 20px; 
  margin-top:15px; 
  position:relative;
  border-radius:12px;
  flex-direction:column;
  justify-content:center;
  border:2px solid #a7a7a7;
}
.content-group-form label {
  top:-10px;
  font-size:14px;
  font-weight:600;
  position:absolute;
  background:#fff;
}
.content-group-form input {
  border:none;
  height:35px;
  background:transparent;
}
.content-group-form select {  
  border:none;
  height:35px;
  background:transparent;
}
.content-group-form textarea {
  border:none;
  padding:10px;
  background:transparent;
}
.content-group-form input[type="password"] { width:90%; }
.pass-btns {
  right:15px;
  display:flex;
  position:absolute;
  align-items:center;
}
.pass-btns svg { cursor:pointer; }
.login-button {
  border:none;
  height:40px;
  cursor:pointer;
  font-weight:600;
  margin-top:15px;
  border-radius:20px;
}
/* Fin login */
/* Mdl */
.background {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  position:absolute;
  background:rgba(0,0,0,.3);
  transition:all 500ms ease-in-out;
}
.mdl-lateral {
  top:0;
  right:0;
  z-index:-1;
  width:400px;
  height:100vh;
  position:absolute;
  background:#F2F3F6;
  transition:all 500ms ease-in-out;
}
.mdl-lateral-head {
  z-index:3;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:center;
  box-shadow:2px 4px 6px #dedede;
}
.mdl-return {
  left:18px;
  position:absolute;
}
.mdl-close {
  right:18px;
  display:flex;
  cursor:pointer;
  position:absolute;
  align-items:center;
}
.mdl-lateral-head-title {
  font-size:16px;
  font-weight:700;
}
.mdl-lateral-body { 
  overflow:auto;
  position:relative;
  height:calc(100vh - 60px);
}
.mdl-lateral-body-aux { 
  overflow:auto;
  position:relative;
  height:calc(100vh - 60px);
}
.content-menu-items {
  display:flex;
  align-items:center;
}
.items-menu { 
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 164px);
}
.items-menu li {
  width:364px;
  height:60px;
  display:flex;
  cursor:pointer;
  padding:0 16px;
  font-size:14px;
  font-weight:500;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu li.active { background:#dbdbdb; }
.items-menu2 { 
  overflow:auto;
  margin:0 18px 18px;
  max-height:calc(100vh - 164px);
}
.items-menu2 li {
  width:364px;
  height:60px;
  display:flex;
  cursor:pointer;
  padding:0 16px;
  font-size:14px;
  font-weight:500;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu2 li.active { background:#dbdbdb; }
.svg-mdl-aux {
  display:flex;
  cursor:pointer;
  margin-right:16px; 
  align-items:center;
}
.svg-mdl-lateral {
  display:flex;
  margin-left:16px; 
  align-items:center;
}
.content-selector-items {
  display:flex;
  align-items:center;
}
.background.animation {
  z-index:1;
  animation-duration:1s;
  animation-name:enter-background;
}
.mdl-lateral.animation {
  z-index:1;
  animation-duration:.8s;
  animation-name:enter-mdl;
}
.background.out-animation {
  z-index:-1;
  animation-duration:1s;
  animation-name:out-background;
}
.mdl-lateral.out-animation {
  z-index:-1;
  animation-duration:.8s;
  animation-name:out-mdl;
}
@keyframes enter-background {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes enter-mdl {
  0% {
    opacity:0;
    transform:translateX(400px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes out-background {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes out-mdl {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(400px);
  }
}
.content-porcent-data {
  width:268px;
}
.content-porcent-data .porcent-data { 
  width:0;
  height:6px; 
}
.content-slide-images {
  position:relative;
}
.content-buttons-slider {
  top:90px;
  z-index:1;
  width:100%;
  display:flex;
  padding:0 12px;
  position:absolute;
  justify-content:space-between;
}
.content-buttons-slider button {
  width:32px;
  height:32px;
  border:none;
  display:grid;
  cursor:pointer;
  border-radius:2px;
  place-items:center;
  background:#F2F3F6;
}
.content-porcent-data .text-porcent { margin-top:15px; }
.content-porcent-data .porcent-data.green { background:#09FF00; }
.content-porcent-data .porcent-data.blue { background:#0089FF; }
.content-porcent-data .porcent-data.orange { background:#FFAA00; }
.content-porcent-data .porcent-data.red { background:#FF0000; }
.content-porcent-data .porcent-data.gray { background:#BBCEDA; }
/* Fin mdl */
/* Alertas */
.modal-notifications-global {  
  opacity:0;
  top:-500px;
  right:20px;
  z-index:18;
  width:500px;
  display:flex;
  padding:15px;
  position:fixed;
  height:fit-content;
  align-items:center;
  background:#fffdfd;
  transition:all 500ms ease-in-out;
  box-shadow:1px 1px 3px 1px #e9e9e9;
}
.contenedor-cerrar-modal-notifications {
  top:10px;
  right:10px;    
  cursor:pointer;
  position:absolute;
}
.animationNotificationsGlobal {
  top:25px;
  opacity:1;
}
.titulo-modal {
  font-size:18px;
  font-weight:500;
  color:#484848;
}
.texto-modal { color:#858585; }
.contenedor-estado-modal { margin-right:5px; }
/* Fin alertas */
/* little modal */
.mdl-little {
  right:0;
  bottom:0;
  z-index:1;
  width:400px;
  height:612px;
  position:absolute;
  background:#F2F3F6;
  border-radius: 10px 10px 0 0;
}
.mdl-little-head {
  height:60px;
  display:flex;
  font-weight:900;
  align-items:center;
  background:#ffffff;
  justify-content:center;
  border-radius: 10px 10px 0 0;
}
.mdl-little-head-title {
  font-size:16px;
  font-weight:900;
}
.mdl-little-head-close {
  width:29px;
  right:15px;
  height:29px;
  display:grid;
  cursor:pointer;
  position:absolute;
  border-radius:50%;
  place-content:center;
  background:#969EAE;
}
.mdl-little-head-close svg { transform:rotate(45deg); }
.mdl-little-body {
  display:flex;
  padding:20px;
  flex-direction:column;
  height:calc(100% - 62px);
  justify-content:space-between;
}
.content-user-info {
  width:364px;
  height:84px;
  background:#ffffff;
  border-bottom:1px solid #F2F3F6;
}
.content-user-info-aux {
  width:364px;
  height:32px;
  background:#ffffff;
}
.content-cancel-data {
  width:364px;
  height:60px;
  border:none;
  cursor:pointer;
  font-size:14px;
  font-weight:900;
  background:#fff;
  margin-bottom:20px;
}
.content-approbed-data {
  width:364px;
  height:60px;
  border:none;
  cursor:pointer;
  font-size:14px;
  color:#ffffff;
  font-weight:900;
  background:#29D884;
}
.content-info-user {
  height:100%;
  display:flex;
  padding:0 10px;
  align-items:center;
}
.content-info-user-title {
  font-size:15px;
  font-weight:500;
}
.content-info-user-subtitle {
  font-size:14px;
  font-weight:500;
}
.content-info-user-subtitle-aux {
  font-size:14px;
  font-weight:400;
  color:#969EAE;
}
.content-user-info-aux {
  display:flex;
  padding:0 10px;
  font-size:12px;
  font-weight:600;
  color:#969EAE;
  align-items:center;
  justify-content:space-between;
}
/* fin little modal */