:root{
}

.header-nav{
  position:fixed;
  z-index:5;
  top:0;
  right:0;
  visibility:hidden;
  overflow:auto;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:500px;
  height:100%;
  padding:0 18px 18px;
  -webkit-box-shadow:0 0 72px rgba(0, 0, 0, 0.1);
  box-shadow:0 0 72px rgba(0, 0, 0, 0.1);

  font-size:0.9rem;
}

@media (min-width: 1300px){

.header-nav{
    font-size:1rem
}
  }

.header-nav .header-nav-item{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}

.header-nav .header-nav-item a{
			height:unset;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-ms-flex-direction:column;
			flex-direction:column;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      text-decoration:none;
      color:#fff;
      white-space:nowrap;
		}

.header-nav .header-nav-item a .icon{
				width:1.5rem;
				height:1.5rem;
				background-repeat:no-repeat;
				background-position:center;
				background-size:contain;
        position:relative;
			}

.header-nav .header-nav-item a .icon.grid{
					background-image:url(../../icons/navigation/grid.svg);
				}

.header-nav .header-nav-item a .icon.home{
					background-image:url(../../icons/navigation/home.svg);
				}

.header-nav .header-nav-item a .icon.forward{
					background-image:url(../../icons/navigation/forward.svg);
				}

.header-nav .header-nav-item a .icon.back{
					background-image:url(../../icons/navigation/back.svg);
				}

.header-nav .header-nav-item a .icon.lock{
					background-image:url(../../icons/navigation/logout.svg);
				}

.header-nav .header-nav-item a .icon.exit{
					background-image:url(../../icons/navigation/exit.svg);
				}

.header-nav .header-nav-item a .icon.star{
					background-image:url(../../icons/navigation/star.svg);
				}

.header-nav .header-nav-item a .icon.user{
					background-image:url(../../icons/navigation/user.svg);
				}

.header-nav .header-nav-item a .icon.edit{
					background-image:url(../../icons/navigation/edit.svg);
				}

.header-nav .header-nav-item a .icon.menu{
					background-image:url(../../icons/navigation/burger.svg);
				}

.header-nav .header-nav-item a .icon.mail{
					background-image:url(../../icons/navigation/mail.svg);
				}

.header-nav .header-nav-item a .icon.mail.unread:after{
              content:' ';
              position:absolute;
              width:0.7rem;
              height:0.7rem;
              top:0;
              right:-5px;
              border-radius:50%;
              background-color:#2494db;
            }

.header-nav .header-nav-item a .icon.look{
					background-image:url(../../icons/navigation/look.svg);
				}

.header-nav .header-nav-item a .icon.help{
					background-image:url(../../icons/navigation/help.svg);
				}

.header-nav .header-nav-item a .icon.gain{
					background-image:url(../../icons/navigation/gain.svg);
				}

.header-nav .header-nav-item a .icon.patienter{
					background-image:url(../../icons/navigation/my_patients.svg);
				}

.header-nav > :not(:last-child){
    margin-right:35px;

  }

@media (min-width: 1200px){

.header-nav > :not(:last-child){
      margin-right:45px

  }
    }

@media (min-width: 1300px){

.header-nav > :not(:last-child){
      margin-right:65px

  }
    }

.header-nav{
  grid-column:5 / -1;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}

.header-nav.is-active{
    visibility:visible;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
  }

@supports (flex-basis: max-content){

.header-nav{
    -ms-flex-preferred-size:max-content;
    flex-basis:max-content
}
  }

@media (min-width: 1000px),(min-width: 1200px){

.header-nav{
}
    body:not(.is-always-mobile-nav) .header-nav{
      position:static;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      visibility:visible;
      overflow:visible;
      grid-column:5 / -1;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
      max-width:none;
      margin-top:auto;
      padding:0;
      -webkit-transform:none;
      -ms-transform:none;
      transform:none;
      border-top:0;
      -webkit-box-shadow:none;
      box-shadow:none;
    }
    body.is-always-mobile-nav .header-nav{
      right:auto;
      left:100vw;
      overflow:auto;
      max-width:calc(58.33333vw + 238px);
      padding-right:18px;
      border-top-width:198px;
    }

      body.is-always-mobile-nav .header-nav.is-active{
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%);
      }
  }

@media (min-width: 1440px){
    body.is-always-mobile-nav .header-nav{
      max-width:calc(100vw - var(--max-width) + 209.25px + var(--max-width)/12*7);
      padding-right:calc(100vw - var(--max-width) - 72px);
    }
  }