html, body {
  height: 100%;
  margin: 0;
  -webkit-text-size-adjust: none;
}

body {
  font: 10pt sans-serif;
}


input, button { 
  appearance: none;
  -webkit-appearance: none;
}

.map-container{
  width: 100%;
  height: 100%;
}

.tr-popup{
  display: none !important;
}
/* Боковая панель */
#sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 600px;
  height: 100%;
  background-color: #f7fcf6;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-color: rgba(0, 0, 0, 0.034);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  display: flexbox;
  overflow: auto;
}

@media (max-width: 568px
){
    #sidebar {
      width: 98%;
      transform: translateX(100%);
      transition: transform 0.65s ease-in-out;
      border-radius: 25px 0px 0px 15px;
    }
}

@media (max-width: 568px){
  #sidebar.active {
    width: 98%;
    border-radius: 25px 0px 0px 15px;
  }
}


#sidebar.active {
  transform: translateX(0);
}


#sidebar-closer {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}


@media (max-width: 280px){
  #sidebar-closer  {
    display: none;
  }
}

.ogauimg{
  block-size: 350px;
  border-radius: 15px;
  margin-top: 0%;
  margin-left: 3%;
  margin-right: 3%;  
}

#imgfloor{
  padding: 20px;

} 

.imgfloor{
  block-size: 350px;
  border-radius: 15px;
  margin-top: 0%;
  display: flex;
  margin-left: 3%;
  margin-right: 3%;  
}

@media (max-width: 568px){
  .imgfloor{
    block-size: 300px;
    margin-left: 3%;
    margin-right: 3%;  
  }
  .ogauimg{
    block-size: 300px;
    border-radius: 15px;
    margin-top: 0%;
  } 
}

@media (max-width: 500px){
  .imgfloor{
    block-size: 200px;
    margin-left: 3%;
    margin-right: 3%;  
  }
  .ogauimg{
    block-size: 270px;
    border-radius: 15px;
    margin-top: 0%;
  }  
}

@media (max-width: 460px){
  .imgfloor{
    block-size: 245px;
    border-radius: 15px;
    margin-top: 0%;
  }
  .ogauimg{
    block-size: 235px;
    border-radius: 15px;
    margin-top: 0%;
  } 
}

@media (max-width: 400px){
  .imgfloor{
    block-size: 220px;
    border-radius: 15px;
    margin-top: 0%;
  }
  .ogauimg{
    block-size: 210px;
    border-radius: 15px;
    margin-top: 0%;
  } 
}

@media (max-width: 360px){
  .imgfloor{
    block-size: 200px;
    border-radius: 15px;
    margin-top: 0%;
  }
  .ogauimg{
    block-size: 200px;
    border-radius: 15px;
    margin-top: 0%;
  } 
}

@media (max-width: 360px){
  .imgfloor{
    block-size: 150px;
    border-radius: 10px;
    margin-top: 0%;
  }
  .ogauimg{
    block-size: 150px;
    border-radius: 10px;
    margin-top: 0%;
  } 
}

@media (width: 430px){
  .imgfloor{
    block-size: 250px;
    border-radius: 15px;
    margin-top: 0%;
  } 
  .ogauimg{
    block-size: 248px;
    border-radius: 15px;
    margin-top: 0%;
  }  
}


.corpusname{
  font-size: 25px;
  color: rgba(12, 12, 12, 0.959);
  margin-bottom: 3%;
  margin-top: 0%;
  text-align: center;
}

.infogau{
  font-size: 16px;
  color: rgba(0, 0, 0, 0.774);
  margin-bottom: 0%;
  margin-right: 3%;
  margin-left: 3%;
}


#sidebar-content {
  padding: 20px;
}

.link{
  text-decoration: none;
}

/* Поиск аудиторий */
#search-input {
  position: absolute;
  top: 1%;
  left: 0.5vh;
  z-index: 999;
  font-size: 18px;
  width: 230px;
  border-radius: 12px;
  border-width: 2px;
  border-color: rgb(82, 82, 82) ;
  border-style: solid;
  background-color: #fcfcf7;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-right: 10px;
}

#search-button {
  z-index: 999;
  position: absolute !important;
  top: 1% !important;
  width: 42px !important; 
  height: 27px !important;
  left: 250px !important;
  border-radius: 12px !important;
  border-width: 2px !important;
  border-color: rgb(82, 82, 82) !important ;
  border-style: solid !important;
  background-color: #fcfcf7;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0vh !important;
  margin-right: 0vh !important;
}

@media (max-width: 280px){
#search-button {
  background-color: #fcfcf7;
  width: 80px !important;
  position: absolute !important;
  top: 5.5% !important;
  left: 3px !important;
  z-index: 999;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
}
  


/* Кнопки зума, отключение лишних кнопок */
.ol-zoom  {
  border-radius: 15px;
  border-width: 2px;
  background-color: #fcfcf7;
  border-color: rgb(82, 82, 82);
  border-style: solid;
  flex-direction: column;
  margin-left: 0.5vh;
  width: 30px;
  height: 65px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-top: 50vh;
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center; /* Центрирование содержимого по горизонтали */
  align-items: center; /* Центрирование содержимого по вертикали */
}

.ol-zoom-in, .ol-zoom-out  {
 margin-left: 0vh !important;
 margin-right: 0vh !important;
 text-align: center;
 font: 15pt sans-serif !important;
 margin-top: 6px !important;
 background-color: #ffff0000 !important;
 border: none !important;
 color: black !important;
 margin-top: 5px !important;
 appearance: none !important; 
 -moz-appearance: none !important;
 -webkit-appearance: none !important;
 display: flex;
 justify-content: center;
 align-items: center; 
}

.ol-zoom:focus, button:focus{
  outline: none;
} 


.ol-rotate{
  display: none !important;
}

.ol-attribution-collpase{
  display: none !important;
}

/* Built with OpenLayers
Exterior map © OpenStreetMap contributors */
.ol-attribution {
  display: flex;
  position: absolute;
  align-items: right;
  justify-content: right;
  bottom: 0.5em;
  width: 100%;
}

.ol-attribution ul {
  text-align: right;
  list-style: none;
}

.ol-attribution button {
  display: none;
}

@media  (max-width: 568px) {
.ol-attribution ul {
    font-size: 7px;
  }  
} 

/* Лого ОГАУ */
#logo img {
  position: absolute;
  bottom:  10px !important;
  left: 0.5vh;
  width: 80px;
  z-index: 9;
  opacity: 0.3;
}

@media  (max-width: 568px) {
  #logo img {
    width: 50px;
  }  
}

/*# sourceMappingURL=/style.e308ff8e.css.map */