.autocomplete-list { position: absolute; z-index: 2000; background:#fff; border:1px solid #ddd; width:100%; max-height:200px; overflow:auto; }
    .autocomplete-item { padding:6px 10px; cursor:pointer; }
    .autocomplete-item:hover { background:#f0f0f0; }
	
	.bg-selected {
    background-color: #e3f2fd !important;
    border-color: #0d6efd !important;
}


.slide-in {
    animation: slideIn 0.3s ease-out;
}


/* Анимации */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.slide-in-left {
    animation: slideInLeft 0.5s ease-out;
}

.slide-in-right {
    animation: slideInRight 0.5s ease-out;
}

.bounce-in {
    animation: bounceIn 0.6s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInLeft {
    from { 
        opacity: 0;
        transform: translateX(-30px);
    }
    to { 
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from { 
        opacity: 0;
        transform: translateX(30px);
    }
    to { 
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes bounceIn {
    0% { 
        opacity: 0;
        transform: scale(0.3);
    }
    50% { 
        opacity: 1;
        transform: scale(1.05);
    }
    70% { 
        transform: scale(0.9);
    }
    100% { 
        opacity: 1;
        transform: scale(1);
    }
}

/* Применение анимаций к элементам */
.card {
    animation: fadeIn 0.6s ease-out;
}

.list-group-item {
    animation: slideInLeft 0.5s ease-out;
}

.btn {
    transition: all 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Анимация для уведомлений */
.custom-notification {
    animation: slideInRight 0.5s ease-out;
}


@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

.input-attention {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.25rem rgba(220,53,69,.25);
  animation: shake 0.5s ease;
}


#model-autocomplete-list {
  position: absolute;
  width: 100%;
  z-index: 1000;
  border: 1px solid #dee2e6;
  background: white;
  max-height: 250px;
  overflow-y: auto;
}
#model-autocomplete-list .list-group-item {
  cursor: pointer;
}
#model-autocomplete-list .list-group-item:hover {
  background-color: #f8f9fa;
}


.padding-top-7{
	padding-top:7px
}
.padding-left-30{
	padding-left:30px
}


/* Стиль для кнопки очистки поиска */
#clearSearchBtn {
    border-left: none;
    transition: all 0.2s ease;
}

#clearSearchBtn:hover {
    background-color: #f8f9fa;
    border-color: #ced4da;
}

.input-group:focus-within #clearSearchBtn {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}




/* Стили для выпадающего списка статусов */
.status-dropdown {
    display: none;
    animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Убедитесь, что dropdown поверх других элементов */
.modal .status-dropdown {
    z-index: 1060 !important;
}

#refillsListContainer .form-check {
    margin-right: 10px;
}
#refillsListContainer .form-check-label {
    margin-left: -8px;
}
#refillsListContainer .form-check-input {
    margin-top: 6px;
}