* {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: none;
    box-sizing: border-box;
    list-style:none;
  }
  
  :root {
    --black: #000000;
    --white: #ffffff;
  
    --grey: #6C757D;
    --darkgrey: #333333;
  
    --ligthorange: #ffe9a5;
    --orange: #FFC000;
    --orangetransp: #ffbf00c8;

    --danger: #ffbe69c8;
    --error: #ff6969c8;
    --success: #76ff69c8;

    --Bdanger: #f7ae50;
    --Berror: #fd4b4b;
    --Bsuccess: #57fa49;

    --blue: #2c9dc0;
  
    --ligthergreen: #e9fee6;
    --ligthgreen: #a4ffa4;
    --green: #158628;
    --darkgreen: #0a4714;
    --superdarkgreen: #0a270f;
    --greentransp: #09ff00bb;
  
    /* font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default; */
    
  }

body {
    background-color: var(--ligthergreen);
    margin-top: 5rem;
}

.container{
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn{
  background-color: var(--green);
  color: var(--ligthergreen);
  padding: 0.3rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem;
}

.btn-cancelar{
  background-color: var(--Berror);
  color: var(--ligthergreen);
  padding: 0.3rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem;
}

.btn-mod{
  background-color: var(--blue);
  color: var(--ligthergreen);
  padding: 0.3rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem;
}

.horizontal{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.checkbox-item{
  margin: 0.3rem;
}

.checkbox-list{
  display: flex;
  flex-wrap: wrap;
}

textarea {
  max-height: 5rem;
  width: 10rem;
  field-sizing: content;
}

.con-incidencia {
  color: rgb(255, 0, 0);
  font-weight: bolder;
}

.incidencia-icon {
  width: 0.8rem;
}

.dispositivo-checkbox,
#seleccionar_todos {
  margin-right: 1rem;
}

.listasPerfil {
  max-width: 20rem;
}