svg {
    cursor: pointer;
}
.sidebar {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 58px;
    height: 100vh;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 0 11px #0000005e;
    z-index: 88888;
}
.user {
  flex:0.6;
}
.user a svg {
  width: 100% !important; 
  padding: 14px 10px 14px 10px;
}
.icons-page {
  flex:1;
  display: flex;
  align-self: flex-start;
  flex-direction: column;
}
.icons-page div {
  width: 58px;
  display: flex;
  align-items: center;
}
.archives {
  flex: auto;
  border-left: 4px solid transparent;
  padding-left: 10px;
  padding-right: 10px;
}

.add-new {
  flex: auto;
  border-left: 4px solid transparent;
  padding-left: 10px;
  padding-right: 10px;
}
.signout {
flex:1;
display: flex;
align-items: flex-end;
padding: 0px 10px 14px 10px;
}
.sign-border {
  width: 40px;
  height: 40px;
  border: 2px solid #2C3E50;
  border-radius: 35px;
}
.sign-border svg {
  width: 28px;
  height: auto;
  transform: translate(2px, 4px);
}
.pdf-design {
  flex: auto;
  border-left: 4px solid transparent;
  padding-left: 10px;
  padding-right: 10px;
}

.pdf-design a svg {
  width: 40px;
  padding: 4px 6px 4px 0px;
}
.add-new a svg {
  width: 40px;
  padding: 4px 6px 4px 0px;
}
.archives a svg {
  width: 40px;
  padding: 4px 6px 4px 0px;
}