/* General styles styles.css */
/* Уменьшаем межстрочный интервал */
.table-sm td, .table-sm th {

    padding-top: 0.25rem;
    padding-bottom: 0.1rem;

  }

#autocomplete-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgb(189, 185, 185);
    border: 1px solid #ccc;
    max-height: 800px;
    overflow-y: auto;
    z-index: 900;
}

.autocomplete-item {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #f0f0f0;
}

/* Song preview style on preview.php  */
/*body {
  height: 100%;
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    overflow: hidden;
  
    }
  */
    #output {
    height: calc(100vh - 80px); /* 80px — это примерная высота верхнего контейнера */
    font-family: monospace;
    white-space: pre-wrap;
    background: #dadada;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
  }
/*
  .chord {
    color: #9d3eeb;
    font-weight: bold;
    color: #15497c;
    font-weight: bold;
  }
*/

  /* Красная рамка для пустых полей */
input[type="text"], input[type="password"], textarea, select {
  border: 1px solid #ccc; /* Стандартная рамка */
}

input[type="text"].error, input[type="password"].error, textarea.error, select.error {
  border: 2px solid red; /* Красная рамка для пустых полей */
}

/* Стиль для сообщения о статусе */
#saveMessage {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

/* Зелёный цвет для успешных сообщений */
#saveMessage.success {
  color: green;
}

/* Красный цвет для сообщений об ошибке */
#saveMessage.error {
  color: red;
}

 

 .chk-true {
    color: green;
    font-weight: bold;
  }
  .chk-false {
    color: red;
    font-weight: bold;
  }
  .chk-null {
    color: inherit; /* по умолчанию */
  }

  .badge-soft-success {
  background-color: #d4edda;  /* мягкий зелёный */
  color: #155724;             /* тёмный текст */
  font-weight: normal;
  border-radius: 0.5rem;
  padding: 0.05em 0.4em;
  font-size: 0.85em;
  display: inline-block;
}

.badge-soft-danger {
  background-color: #f8d7da;  /* мягкий красный */
  color: #721c24;
  font-weight: normal;
  border-radius: 0.5rem;
  padding: 0.05em 0.4em;
  font-size: 0.85em;
  display: inline-block;
}

thead.sticky-top {
  z-index: 10 !important;
}

.dropdown-menu {
  position: absolute;
  z-index: 1050 !important;
}