:root {
  --customer-primary-color: #f39204 !important;
  --customer-primary-textColor: #fff !important;
  --customer-secondary-color: #f28080 !important;
  --header-height: 0px !important;
}

body {
  background: rgb(31, 30, 30) !important;
  background: url('/clientUploads/aleve.anymeet.io/logotipo_aleve.png') no-repeat left 5% top 5%,
    linear-gradient(#000000cc, #000000cc), url('/clientUploads/aleve.anymeet.io/background.jpg') !important;
  background-size: 35%, cover, cover !important;
}

.centeredLayout #body #participantsPlaceholder {
  background-color: #202124 !important;
}

.myRoom.ready {
  background: linear-gradient(#000000cc, #000000cc), url('/clientUploads/aleve.anymeet.io/background.jpg');
  background-position: center center;
}

.myRoom header {
  border: none !important;
}

.myRoom .leftHeader {
  max-width: 230px !important;
  width: 230px !important;
}

.centeredLayout #body #participantsPlaceholder .videosContainer {
  border-left: none;
}

.panelRight {
  margin-top: 90px;
  background-color: rgba(255, 255, 255, 0.1);
}

.leftHeader {
  height: 96px;
  background-image: none;
  margin: 19px 0px 0px 0px;
}

.myRoom.ready .leftHeader {
  height: 60px;
  background-image: url('/clientUploads/aleve.anymeet.io/logotipo_aleve.png');
  background-color: rgba(255, 255, 255, 0.2);
  background-position: center;
  border-radius: 10px;
  background-size: 220px;
  max-width: 240px;
}

.centerHeader {
  opacity: 0;
}

@media (max-aspect-ratio: 3/4) {
  body {
    background-image: none !important;
  }
  .header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .leftHeader {
    height: 60px !important;
    background-image: url('/clientUploads/aleve.anymeet.io/logotipo_aleve.png');
    background-size: 197px !important;
    background-repeat: no-repeat;
    margin: 33px 0px 0px 0px;
  }
  .myRoom.ready .leftHeader {
    height: 46px;
  }

  .panelRight {
    margin-top: 100px;
  }
}

@media (max-height: 560px) {
  .centeredLayout.myRoom.ready .header {
    display: none;
  }
}