.toolbar {
  align-items: center;
  background: #004b75;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  height: 56px;
  padding: 0 24px;
  position: fixed;
  right: 0;
  z-index: 3;
}

.toolbar a i {
  color: #fff;
  font-size: 18px;
}

.toolbar a i.fa-ellipsis-v {
  font-size: 22px;
  position: relative;
  top: 1px;
}

@media only screen and (width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-width: 1024px) and (height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (width: 1024px) and (height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (device-width: 768px) and (device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .toolbar {
    display: flex !important;
  }
}

@media screen and (min-width: 768px) {
  .toolbar {
    display: none;
  }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .toolbar {
    display: none !important;
  }
}