.server-dev,
.server-stg,
.server-localhost,
.server-prod {
  background-image: linear-gradient(to right, rgba(25, 114, 205, 0.6) 20px, #F7F7F7 20px);
  background-repeat: no-repeat;
}
.server-prod {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.6) 20px, #F7F7F7 20px);
}

.server-dev:before,
.server-stg:before,
.server-localhost:before,
.server-prod:before {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  height: 20px;
  color: white;
  content: 'localhost';
  position: fixed;
  left: -23px;
  top: 20%;
  z-index: 9999;
  transform: rotate(-90deg); }

.server-dev:before {
  content: 'vyvoj DEV'; }
.server-stg:before {
  content: 'vyvoj STAGING';
  left: -38px;}
.server-prod:before {
  content: 'production!';
  left: -28px; }