#zl_id {
	width:200px;
}

#last_adr {
	width:200px;
}

.sortable {
text-align: center !important;
}

/* Подсветка при наведении */
#work-zones-table tbody tr:hover:not(.pg-row-selected) {
    background: #ddffded9;          /* нежно-голубой */
    cursor: pointer;
}

/* Выбранная строка */
#work-zones-table tbody tr.pg-row-selected {
    background: #92ff97; !important;  /* более насыщенный голубой */
    font-weight: 600;                /* полужирный текст */
}

.pg-tabs-nav {
   margin-bottom: 15px;
}

.pg-tabs-nav .nav-tab {
    cursor: pointer;
}

.pg-tabs-nav .nav-tab.disabled {
    color: #aaa;
    cursor: not-allowed;
}

.pg-tab-content {
    display: none;
    margin-top: 15px;
}

.pg-tab-content.active {
    display: block;
}

.wp-list-table th {
    text-align: left;
}

table {
    border: 1px solid black;
    display: table !important;
    visibility: visible !important;
}
/********************************************/
th.sortable {
    cursor: pointer;
    color: #0073aa;
    font-weight: bold;
}


th.sortable:hover {
    text-decoration: underline;
}

.pagination {
    margin-top: 15px;
    text-align: center;
}

.pagination-btn {
    margin: 0 5px;
    padding: 5px 10px;
    /*background: #f7f7f7;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.pagination-btn:disabled {
    background: #e0e0e0;
    cursor: not-allowed;
}

/* Блок фильтров */
#filter-container {
    margin-bottom: 15px;
}

.filter-block {
    display: none;
}

.filter-block.active {
    display: flex;
    gap: 10px;
    align-items: center;
	height: 20px; /*am adaugat */
}

/* Контейнер для анимации */
.loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.8); /* Полупрозрачный фон */
    z-index: 10;
    border: none; /* Убираем лишние границы */
    padding: 0; /* Убираем внутренние отступы */
    margin: 0; /* Убираем внешние отступы */
    box-shadow: none; /* Убираем тени */
    font-size: 0; /* Скрываем возможный текст */
    color: transparent; /* Убираем текст */
    background-image: none; /* Убираем фоновые изображения */
	overflow: hidden;
}

/* Индикатор загрузки */
.loading-spinner::after {
    content: '';
    width: 30px; /* Размер индикатора */
    height: 30px;
    border: 4px solid #0073aa; /* Основной цвет */
    border-top: 4px solid transparent; /* Прозрачный верх */
    border-radius: 50%; /* Круглый индикатор */
    animation: spin 0.8s linear infinite; /* Вращение */
}

/* Анимация вращения */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* Блок таблицы */
.table-container {
    width: 100%;
    max-height: 500px; /* Максимальная высота таблицы */
    height: calc(80vh); /* 80% от высоты экрана */
    overflow-y: auto; /* Прокрутка, если содержимое превышает высоту */
    position: relative; /* Для позиционирования анимации */
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

thead {
	height: 30px;
}

/***************************************************************************/
#master-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.master-step {
    display: none; /* Все шаги скрыты по умолчанию */
}

.master-step.active {
    display: block; /* Отображаем только активный шаг */
}

.master-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.master-navigation button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

#map-container {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    background: #eaeaea; /* Временный фон для карты */
    border: 1px solid #ccc;
}