.btn-green {
    background-color: #1ab394;
    color: #fff;
    border-radius: 3px;
}
.btn-green:focus,
.btn-green:hover {
    background-color: #18a689;
    color: #fff;
}

.qfy_p_title {
    font-size: 14px;
}

tfoot .form-control {
    color: #1939b0;
    font-weight: 700;
    text-decoration: underline;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #1ab394; /* Green */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centered {
    text-align: center;
}

/* 1) Контейнер навигации: слева + зазоры */
#surveyContainer .sv-action-bar {
  display: flex !important;
  justify-content: flex-start !important; /* выравниваем слева */
  align-items: center !important;
  gap: 0.5rem !important;                 /* расстояние между кнопками */
  flex-wrap: wrap !important;
}

/* 2) На случай «растяжек»/разделителей, уводящих вправо */
#surveyContainer .sv-action-bar .sv-action-bar-spacer,
#surveyContainer .sv-action-bar .sv-action-bar-separator {
  display: none !important;
}

/* 3) Снять авто-сдвиг вправо и лишние отступы у элементов-обёрток */
#surveyContainer .sv-action-bar > .sv-action,
#surveyContainer .sv-action-bar > .sv-action .sv-action__content {
  margin: 0 !important;
}

/* 4) Селекторы для САМИХ кнопок: underscore-версии (из твоего HTML) */
#surveyContainer .sv_prev_btn,
#surveyContainer .sv_next_btn,
#surveyContainer .sv_complete_btn,
#surveyContainer .sv_start_btn {
  margin: 0 !important; /* интервалы даёт gap */
}

/* 5) Альтернативно (и надёжно) — по id контейнеров кнопок */
#surveyContainer #sv-nav-prev,
#surveyContainer #sv-nav-next,
#surveyContainer #sv-nav-complete,
#surveyContainer #sv-nav-start {
  order: initial !important;       /* на случай, если тема меняет порядок */
  margin: 0 !important;
}