/* Стили для контейнера страниц */
.page-container {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 60px);
  position: relative;
  overflow: hidden;
  padding: 30px; /*Отступ от края*/
  
}

/* Стили для каждой страницы */
.page {
  width: 90vw;
  display: none;
  border-radius: 5px;
  margin: 0 auto;
  opacity: 0;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* Уникальные стили для каждой страницы */
#page1 {
  background-color: #0c121780;
  /*border: 2px solid #00000060;*/
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.327);
  
}

#page2 {
  background-color: #0c121780;
  /*border: 2px solid #fd0000;*/
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.327);
}

/* Стили для активной страницы */
.active-page {
  width: clamp(100px, 50%, 400px);
  display: inline-block;
  opacity: 1;
  min-width: 230px;
  margin: 0 auto;
  padding: 5%;    
}

/**/

.selectize-input .my-select .placeholder {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}