.img-ratio-control {
    object-fit: cover;
}

.img-bg-control-1 {
    background-image: url('../img/default-image-3.webp');
    background-repeat: repeat;
    background-position: center;
}

.img-bg-control-2 {
    background-image: url('../img/default-image-4.webp');
    background-repeat: repeat;
    background-position: center;
}

.img-bg-control-3 {
    background-image: url('../img/default-image-5.webp');
    background-repeat: repeat;
    background-position: center;
}

.img-special-settings {
    height: 100%;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.rotate-icon {
    animation: rotation 0.5s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.square-btn {
    width: 50px;
    height: 50px;
}

.pagination .page-link {
    background-color: #fff; /* Цвет фона для secondary */
    color: #6c757d; /* Цвет текста */
}

.pagination .page-item.active .page-link {
    background-color: #6c757d; /* Цвет фона для активной страницы */
    color: #fff; /* Цвет текста для активной страницы */
    border-color: #6c757d; /* Цвет границы для активной страницы */
}

#overlay {
    display: none; /* по умолчанию скрыт */
    position: fixed; /* фиксированное позиционирование */
    z-index: 1000; /* находится над всеми элементами */
    top: 0; left: 0; right: 0; bottom: 0; /* занимает всю страницу */
    background-color: rgba(0,0,0,0.5); /* полупрозрачный фон */

    /* Центрирование спиннера */
    display: flex;
    justify-content: center;
    align-items: center;
}

.geochart-scale {
    overflow: hidden; /* Это свойство обрезает всё, что выходит за пределы элемента */
}

.google-visualization-geochart {
    transform: scale(6); /* Увеличивает размер карты в 2 раза */
    transform-origin: 10% 70%; /* Центр увеличения карты */
}

.emulate-link{
    color: #008ffb;
    font-size: 1.2rem;
}

.emulate-link:hover{
    color: #073f69;
    font-size: 1.2rem;
    cursor: pointer;
}