.company-info-in-drawer {
    margin: 0 10px 10px 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px;
}

.company-info-in-drawer .top-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.company-info-in-drawer .top-bar .dx-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: transparent;
}

.company-info-in-drawer .top-bar .dx-button .dx-button-content {
  padding: 0;
}

.company-info-in-drawer .top-bar .dx-button i {
  color: white;
}

.company-info-in-drawer .company-info {
  margin-bottom: 15px;
}

.company-info-in-drawer .company-info .company-address {
  display: flex;
  justify-content: space-between;
}

.company-info-in-drawer .company-info div {
  color: white;
}

.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer {
  margin: 0;
  padding: 0;
}

.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .company-info {
  width: 50px;
  height: 175px;
  margin-bottom: 0;
}

.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .company-info .company-title {
  transform: rotate(-90deg) translateY(-48px) translateX(-50px);
  width: 175px;
  height: 50px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all .2s;
}

.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .top-bar {
  padding: 15px;
}

.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .top-bar .dx-button:first-of-type,
.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .company-info > div:not(:first-of-type),
.dx-drawer:not(.dx-drawer-opened) .company-info-in-drawer .favorites  {
  display: none;
}