@import '../../assets/css/variables.scss';

:host {
  display: block;
}

.add-help-img{
    color: white;
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    i{
      line-height: 40px;
      padding-top: 2px;
    }
}
mat-toolbar {
  background: $primary;
  color: white;
  padding: 0;
  .hamburger {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    font-size: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center;
  }
  .suite {
    color: white;
    padding: 0 13px;
    border-left: solid 1px white;
    border-right: solid 1px white;
    @media (max-width: 600px) {
      border-left: none;
      border-right: none;
      font-size: 16px;
      width: 90%;
    }
  }

 .link-disabled{
    cursor: default;
    pointer-events: none;
  }
  .name {
    padding-left: 13px;
    flex: 1 1 auto;
    a {
      color: white;
    }
    @media (max-width: 600px) {
      display: none;
    }
  }
}

li {
  display: block;
  height: 50px;
}

ul {

  -webkit-padding-start: 15px;
}

.custom-margin-top {
  margin-top: 3px;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

.skip-to-content {
  opacity: 0;
  position: absolute;
  background-color: #fff !important;
  color: $primary !important;
  border-color: $primary !important;
  top: 5px;
  left: 5px;
  z-index: -1;
  font-size: 20px;
  font-weight: 400;
  height: 40px;
  &:focus {
    opacity: 1;
    z-index: 3;
  }
}