/* ACF Frontend Forms */

.af-page-wrap {
    overflow-y: scroll;
}

.af-page-button[data-show-numbering="false"] {
    display: none;
}

.af-page-button span.index {
    margin: 0 0 0 20px;
}

.af-page-button:first-of-type span.index {
    margin: 0 0 0 10px;
}

.af-page-button:last-of-type span.index {
    margin: 0 10px 0 20px;
}

.af-page-button.current span.index {
    font-weight: 700;
}

.af-page-button span.title {
    display: none;
}

.af-previous-button, .af-next-button, .af-submit-button {
    border: none;
    padding: 15px 22px;
    font-weight: 600;
    cursor: pointer;
}

.af-previous-button {
    background-color: #ddd !important;
}

.af-previous-button::before {
    content: '\00AB';
    padding-right: 6px;
}

.af-next-button::after, .af-submit-button::after {
    content: '\00BB';
    padding-left: 6px;
}

.af-previous-button:hover, .af-previous-button:active, .af-previous-button:focus,
.af-next-button:hover, .af-next-button:active, .af-next-button:focus,
.af-submit-button:hover, .af-submit-button:active, .af-submit-button:focus {
    opacity: 0.9;
}

.af-previous-button[disabled], .af-next-button[disabled], .af-submit-button[disabled] {
    display: none;
}

ul.acf-radio-list li, ul.acf-checkbox-list li {
    font-size: initial !important;
    line-height: initial !important;
    margin-bottom: 10px !important;
}

.acf-field .acf-label label {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0.4rem 0 1rem 0;
}

.acf-field .acf-label label .acf-required {
    display: none; /* We don't need required field * */
}

ul.acf-radio-list li input[type="checkbox"], ul.acf-checkbox-list li input[type="checkbox"], ul.acf-radio-list li input[type="radio"], ul.acf-checkbox-list li input[type="radio"] {
    margin-right: 15px !important;
}

.acf-notice p {
    font-size: 1rem !important;
    line-height: 1.6rem !important;
}

.eokm-likert-scale-field input[type=radio] {
    margin-right: 4px;
}

.eokm-likert-scale-field label {
    margin-right: 10px;
}

.eokm-likert-scale-field .eokm-likert-scale-table {
    width: 100%;
    margin: 10px 0;
}

.eokm-likert-scale-field .eokm-likert-scale-table th,
.eokm-likert-scale-field .eokm-likert-scale-table td {
    padding: 5px 10px;
    text-align: center;
}

.eokm-likert-scale-field .eokm-likert-scale-table input[type=radio],
.eokm-likert-scale-field .eokm-likert-scale-table label {
    margin: 4px auto;
    display: block;
}

#eokm-result-chart-container {
    position: relative;
    width: 100%;
    height: 40vh;
}

#eokm-result-chart {
    width: 100%;
    height: 100%;
}