/*!
 * kkModels
 */

/* Reset */
.kk_Clear {
    display: none;
}
/*@media (min-width: 768px) {*/
@media (min-width: 576px) {

    /* Base wrapper */
    .kk_QuestionGroupWrapper {
        display: grid;
        gap: 1rem;
        width: 100%; /* ensure wrapper fits column */
        /*! overflow-x: auto; */ /* horizontal scroll if content too wide */
    }

    /* Equal column utilities with minmax to allow shrinking */
    .kk_ColumnCount_1 {
        grid-template-columns: minmax(0, 1fr);
    }

    .kk_ColumnCount_2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kk_ColumnCount_3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kk_ColumnCount_4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .kk_ColumnAssignment_1 {
        grid-column: 1;
    }

    .kk_ColumnAssignment_2 {
        grid-column: 2;
    }

    /* 25 / 75 split */
    .cols-25-75 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }

    /* 75 / 25 split */
    .cols-75-25 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }

    /* 40 / 60 split */
    .cols-40-60 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }

    /* 60 / 40 split */
    .cols-60-40 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }

    /* 30 / 70 split */
    .cols-30-70 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
    }

    /* 70 / 30 split */
    .cols-70-30 .kk_QuestionGroupWrapper {
        grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    }

    /* Tables inside question wrappers */
    .kk_QuestionGroupWrapper table {
        width: max-content; /* natural table width */
        max-width: 100%; /* don’t break wrapper */
        display: block; /* allow horizontal scroll */
    }
}


/* Questions */
.kk_Control > ul,
/* pindicator */
.kk_ProgressBar > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .kk_ProgressBar > ul > li {
        display: inline-block;
    }

        .kk_ProgressBar > ul > li > input[type="submit"] {
            margin-left: .25rem;
        }
/*? Model questions */
.kk_Control img {
    width: 100%;
}
/* Base form control styles */
.kk_Control > textarea,
.kk_Control > input[type=color],
.kk_Control > input[type=text],
.kk_Control > input[type=number],
.kk_Control > input[type=password],
.kk_Control > input[type=date],
.kk_Control > input[type=time],
.kk_FileSelect > input[type=file],
.kk_DSControl_Textbox > input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .kk_Control > textarea,
    .kk_Control > input[type=color],
    .kk_Control > input[type=text],
    .kk_Control > input[type=number],
    .kk_Control > input[type=password],
    .kk_Control > input[type=date],
    .kk_Control > input[type=time],
    .kk_FileSelect > input[type=file],
    .kk_DSControl_Textbox > input[type="text"] {
        transition: none;
    }
}

/* file upload */
.kk_FileSelect > input[type=file]::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.kk_FileSelect > input[type=file]::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .kk_FileSelect > input[type=file]::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .kk_FileSelect > input[type=file]::file-selector-button {
        transition: none
    }
}

.kk_FileSelect > input[type=file]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.kk_FileSelect > input[type=file]:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}


/* Focus state */
.kk_Control > textarea:focus,
.kk_Control > input[type=color]:focus,
.kk_Control > input[type=text]:focus,
.kk_Control > input[type=number]:focus,
.kk_Control > input[type=password]:focus,
.kk_Control > input[type=date]:focus,
.kk_Control > input[type=time]:focus,
.kk_FileSelect > input[type=file]:focus,
.kk_DSControl_Textbox > input[type="text"]:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Hover & active state */
.kk_Control > textarea:hover,
.kk_Control > textarea:active,
.kk_Control > input[type=color]:hover,
.kk_Control > input[type=color]:active,
.kk_Control > input[type=text]:hover,
.kk_Control > input[type=text]:active,
.kk_Control > input[type=number]:hover,
.kk_Control > input[type=number]:active,
.kk_Control > input[type=password]:hover,
.kk_Control > input[type=password]:active,
.kk_Control > input[type=date]:hover,
.kk_Control > input[type=date]:active,
.kk_Control > input[type=time]:hover,
.kk_Control > input[type=time]:active,
.kk_FileSelect > input[type=file]:hover,
.kk_FileSelect > input[type=file]:active,
.kk_DSControl_Textbox > input[type="text"]:hover,
.kk_DSControl_Textbox > input[type="text"]:active {
    border-color: #86b7fe;
}
/* Date/time adjustments */
.kk_Control > input[type=date]::-webkit-date-and-time-value,
.kk_Control > input[type=time]::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0;
}

.kk_Control > input[type=date]::-webkit-datetime-edit,
.kk_Control > input[type=time]::-webkit-datetime-edit {
    display: block;
    padding: 0;
}
/* Placeholder colors */
.kk_Control > textarea::-moz-placeholder,
.kk_Control > input[type=text]::-moz-placeholder,
.kk_Control > input[type=number]::-moz-placeholder,
.kk_Control > input[type=password]::-moz-placeholder,
.kk_DSControl_Textbox > input[type="text"]::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}

.kk_Control > textarea::placeholder,
.kk_Control > input[type=text]::placeholder,
.kk_Control > input[type=number]::placeholder,
.kk_Control > input[type=password]::placeholder,
.kk_DSControl_Textbox > input[type="text"]::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
/* Disabled state */
.kk_Control > textarea:disabled,
.kk_Control > input[type=color]:disabled,
.kk_Control > input[type=text]:disabled,
.kk_Control > input[type=number]:disabled,
.kk_Control > input[type=password]:disabled,
.kk_Control > input[type=date]:disabled,
.kk_Control > input[type=time]:disabled,
.kk_FileSelect > input[type=file]:disabled,
.kk_DSControl_Textbox > input[type="text"]:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}
/* Textarea min height */
.kk_Control > textarea {
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
/* Color input styling */
.kk_Control > input[type=color] {
    width: 3rem;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: 0.375rem;
}

    .kk_Control > input[type=color]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .kk_Control > input[type=color]::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius);
    }

    .kk_Control > input[type=color]::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius);
    }

.kk_Control > select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .kk_Control > select {
        transition: none;
    }
}

.kk_Control > select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.kk_Control > select[multiple],
.kk_Control > select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.kk_Control > select:disabled {
    background-color: var(--bs-secondary-bg);
}

.kk_Control > select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
}

[data-bs-theme=dark] .kk_Control > select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* checkboxes (move) */
.kk_CheckboxControl {
    display: flex;
}

.kk_Control > input[type="checkbox"],
.kk_Control > ul > li > input[type="checkbox"],
.kk_DSControl_Checkbox > input[type="checkbox"],
.kk_Control > ul > li > input[type="radio"] {
    --bs-form-check-bg: var(--bs-body-bg);
    order: -1;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.kk_Control > input[type="checkbox"],
.kk_Control > ul > li > input[type="checkbox"],
.kk_DSControl_Checkbox > input[type="checkbox"] {
    border-radius: 0.25em;
}

.kk_Control > ul > li > input[type="radio"] {
    border-radius: 50%;
}

    .kk_Control > input[type="checkbox"]:active,
    .kk_Control > ul > li > input[type="checkbox"]:active,
    .kk_DSControl_Checkbox > input[type="checkbox"]:active,
    .kk_Control > ul > li > input[type="radio"]:active {
        filter: brightness(90%);
    }

    .kk_Control > input[type="checkbox"]:focus,
    .kk_Control > ul > li > input[type="checkbox"]:focus,
    .kk_DSControl_Checkbox > input[type="checkbox"]:focus,
    .kk_Control > ul > li > input[type="radio"]:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .kk_Control > input[type="checkbox"]:hover:not(:disabled),
    .kk_Control > ul > li > input[type="checkbox"]:hover:not(:disabled),
    .kk_DSControl_Checkbox > input[type="checkbox"]:hover:not(:disabled),
    .kk_Control > ul > li > input[type="radio"]:hover:not(:disabled) {
        border-color: #86b7fe;
    }

    .kk_Control > input[type="checkbox"]:checked,
    .kk_Control > ul > li > input[type="checkbox"]:checked,
    .kk_DSControl_Checkbox > input[type="checkbox"]:checked,
    .kk_Control > ul > li > input[type="radio"]:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .kk_Control > input[type="checkbox"]:disabled,
    .kk_Control > ul > li > input[type="checkbox"]:disabled,
    .kk_DSControl_Checkbox > input[type="checkbox"]:disabled,
    .kk_Control > ul > li > input[type="radio"]:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5;
    }

.kk_Control > input[type="checkbox"]:checked,
.kk_Control > ul > li > input[type="checkbox"]:checked,
.kk_DSControl_Checkbox > input[type="checkbox"]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.kk_Control > ul > li > input[type="radio"]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.kk_Control > input[type="checkbox"] + label,
.kk_Control > ul > li > input[type="checkbox"] + label,
.kk_Control > ul > li > input[type="radio"] + label {
    margin-left: .25em;
}

.kk_Control > input[type="checkbox"]:disabled + label,
.kk_Control > ul > li > input[type="checkbox"]:disabled + label,
.kk_Control > ul > li > input[type="radio"]:disabled + label {
    cursor: default;
    opacity: .5;
}
/*& switch */
.toggle-switch .kk_Control > input[type="checkbox"],
.toggle-switch .kk_Control > ul > li > input[type="checkbox"] {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}

    .toggle-switch .kk_Control > input[type="checkbox"]:checked,
    .toggle-switch .kk_Control > ul > li > input[type="checkbox"]:checked {
        background-position: right center;
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

.kk_CheckboxContainer.d-inline-block {
    margin-right: 1rem;
}
/* horz inputs */
.horizontal-checkboxes .kk_Control > ul > li {
    display: inline-block;
    margin-right: 1rem;
}

/* big check 
.big-check input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}*/

/* model buttons */
.kk_ButtonContainer {
    display: inline-block;
}

    .kk_ButtonContainer + .kk_ButtonContainer .kk_Control > button,
    .kk_ButtonContainer + .kk_ButtonContainer .kk_Control > input[type="submit"] {
        margin-left: .25rem;
    }

.kk_SignaturePadControl button, /* signature control */
.kk_Control > button,
.kk_DSSubmit_Button > button,
.kk_Control > input[type="submit"],
.kk_DSSubmit_Button > input[type="submit"],
.kk_ProgressBar > ul > li > input[type="submit"],
.kk_DSNavigationControlPanel > div > input[type="submit"] {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    text-wrap: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .kk_SignaturePadControl button, /* signature control */
    .kk_Control > button,
    .kk_DSSubmit_Button > button,
    .kk_Control > input[type="submit"],
    .kk_DSSubmit_Button > input[type="submit"],
    .kk_ProgressBar > ul > li > input[type="submit"],
    .kk_DSNavigationControlPanel > div > input[type="submit"] {
        transition: none;
    }
}

.kk_SignaturePadControl button:focus-visible, /* signature control */
.kk_Control > button:focus-visible,
.kk_DSSubmit_Button > button:focus-visible,
.kk_Control > input[type="submit"]:focus-visible,
.kk_DSSubmit_Button > input[type="submit"]:focus-visible,
.kk_ProgressBar > ul > li > input[type="submit"]:focus-visible,
.kk_DSNavigationControlPanel > div > input[type="submit"]:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.kk_SignaturePadControl button:hover, /* signature control */
.kk_Control > button:hover,
.kk_DSSubmit_Button > button:hover,
.kk_Control > input[type="submit"]:hover,
.kk_DSSubmit_Button > input[type="submit"]:hover,
.kk_ProgressBar > ul > li > input[type="submit"]:hover,
.kk_DSNavigationControlPanel > div > input[type="submit"]:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.kk_SignaturePadControl button:disabled, /* signature control */
.kk_Control > button:disabled,
.kk_DSSubmit_Button > button:disabled,
.kk_Control > input[type="submit"]:disabled,
.kk_DSSubmit_Button > input[type="submit"]:disabled,
.kk_ProgressBar > ul > li > input[type="submit"]:disabled,
.kk_DSNavigationControlPanel > div > input[type="submit"]:disabled {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.primary-button .kk_Control > button,
.primary-button.kk_DSSubmit_Button > button,
.primary-button .kk_Control > input[type="submit"],
.primary-button.kk_DSSubmit_Button > input[type="submit"],
.primary-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(13, 110, 253);
    --bs-btn-border-color: rgb(13, 110, 253);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(11, 94, 215);
    --bs-btn-hover-border-color: rgb(10, 88, 202);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(10, 88, 202);
    --bs-btn-active-border-color: rgb(10, 83, 190);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-bg: rgb(13, 110, 253);
    --bs-btn-disabled-border-color: rgb(13, 110, 253);
}

.secondary-button .kk_Control > button,
.secondary-button.kk_DSSubmit_Button > button,
.secondary-button .kk_Control > input[type="submit"],
.secondary-button.kk_DSSubmit_Button > input[type="submit"],
.secondary-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(108, 117, 125);
    --bs-btn-border-color: rgb(108, 117, 125);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(92, 99, 106);
    --bs-btn-hover-border-color: rgb(86, 94, 100);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(86, 94, 100);
    --bs-btn-active-border-color: rgb(81, 88, 94);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-bg: rgb(108, 117, 125);
    --bs-btn-disabled-border-color: rgb(108, 117, 125);
}

.success-button .kk_Control > button,
.success-button.kk_DSSubmit_Button > button,
.success-button .kk_Control > input[type="submit"],
.success-button.kk_DSSubmit_Button > input[type="submit"],
.success-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(25, 135, 84);
    --bs-btn-border-color: rgb(25, 135, 84);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(21, 115, 71);
    --bs-btn-hover-border-color: rgb(20, 108, 67);
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(20, 108, 67);
    --bs-btn-active-border-color: rgb(19, 101, 63);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-bg: rgb(25, 135, 84);
    --bs-btn-disabled-border-color: rgb(25, 135, 84);
}

.danger-button .kk_Control > button,
.danger-button.kk_DSSubmit_Button > button,
.danger-button .kk_Control > input[type="submit"],
.danger-button.kk_DSSubmit_Button > input[type="submit"],
.danger-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(220, 53, 69);
    --bs-btn-border-color: rgb(220, 53, 69);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(187, 45, 59);
    --bs-btn-hover-border-color: rgb(176, 42, 55);
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(176, 42, 55);
    --bs-btn-active-border-color: rgb(165, 40, 52);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-bg: rgb(220, 53, 69);
    --bs-btn-disabled-border-color: rgb(220, 53, 69);
}

.warning-button .kk_Control > button,
.warning-button.kk_DSSubmit_Button > button,
.warning-button .kk_Control > input[type="submit"],
.warning-button.kk_DSSubmit_Button > input[type="submit"],
.warning-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(0, 0, 0);
    --bs-btn-bg: rgb(255, 193, 7);
    --bs-btn-border-color: rgb(255, 193, 7);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(255, 202, 44);
    --bs-btn-hover-border-color: rgb(255, 199, 32);
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(255, 205, 57);
    --bs-btn-active-border-color: rgb(255, 199, 32);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0, 0, 0);
    --bs-btn-disabled-bg: rgb(255, 193, 7);
    --bs-btn-disabled-border-color: rgb(255, 193, 7);
}

.info-button .kk_Control > button,
.info-button.kk_DSSubmit_Button > button,
.info-button .kk_Control > input[type="submit"],
.info-button.kk_DSSubmit_Button > input[type="submit"],
.info-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(0, 0, 0);
    --bs-btn-bg: rgb(13, 202, 240);
    --bs-btn-border-color: rgb(13, 202, 240);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(49, 210, 242);
    --bs-btn-hover-border-color: rgb(37, 207, 242);
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(61, 213, 243);
    --bs-btn-active-border-color: rgb(37, 207, 242);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0, 0, 0);
    --bs-btn-disabled-bg: rgb(13, 202, 240);
    --bs-btn-disabled-border-color: rgb(13, 202, 240);
}

.light-button .kk_Control > button,
.light-button.kk_DSSubmit_Button > button,
.light-button .kk_Control > input[type="submit"],
.light-button.kk_DSSubmit_Button > input[type="submit"],
.light-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(0, 0, 0);
    --bs-btn-bg: rgb(248, 249, 250);
    --bs-btn-border-color: rgb(248, 249, 250);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(211, 212, 213);
    --bs-btn-hover-border-color: rgb(198, 199, 200);
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(198, 199, 200);
    --bs-btn-active-border-color: rgb(186, 187, 188);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0, 0, 0);
    --bs-btn-disabled-bg: rgb(248, 249, 250);
    --bs-btn-disabled-border-color: rgb(248, 249, 250);
}

.dark-button .kk_Control > button,
.dark-button.kk_DSSubmit_Button > button,
.dark-button .kk_Control > input[type="submit"],
.dark-button.kk_DSSubmit_Button > input[type="submit"],
.dark-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(33, 37, 41);
    --bs-btn-border-color: rgb(33, 37, 41);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(66, 70, 73);
    --bs-btn-hover-border-color: rgb(55, 59, 62);
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(77, 81, 84);
    --bs-btn-active-border-color: rgb(55, 59, 62);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-bg: rgb(33, 37, 41);
    --bs-btn-disabled-border-color: rgb(33, 37, 41);
}

.link-button .kk_Control > button,
.link-button.kk_DSSubmit_Button > button,
.link-button .kk_Control > input[type="submit"],
.link-button.kk_DSSubmit_Button > input[type="submit"],
.link-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: rgb(108, 117, 125);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline;
}

.outline-primary-button .kk_Control > button,
.outline-primary-button.kk_DSSubmit_Button > button,
.outline-primary-button .kk_Control > input[type="submit"],
.outline-primary-button.kk_DSSubmit_Button > input[type="submit"],
.outline-primary-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(13, 110, 253);
    --bs-btn-border-color: rgb(13, 110, 253);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(13, 110, 253);
    --bs-btn-hover-border-color: rgb(13, 110, 253);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(13, 110, 253);
    --bs-btn-active-border-color: rgb(13, 110, 253);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(13, 110, 253);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(13, 110, 253);
    --bs-gradient: none;
}

.outline-secondary-button .kk_Control > button,
.outline-secondary-button.kk_DSSubmit_Button > button,
.outline-secondary-button .kk_Control > input[type="submit"],
.outline-secondary-button.kk_DSSubmit_Button > input[type="submit"],
.outline-secondary-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(108, 117, 125);
    --bs-btn-border-color: rgb(108, 117, 125);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(108, 117, 125);
    --bs-btn-hover-border-color: rgb(108, 117, 125);
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(108, 117, 125);
    --bs-btn-active-border-color: rgb(108, 117, 125);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(108, 117, 125);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(108, 117, 125);
    --bs-gradient: none;
}

.outline-success-button .kk_Control > button,
.outline-success-button.kk_DSSubmit_Button > button,
.outline-success-button .kk_Control > input[type="submit"],
.outline-success-button.kk_DSSubmit_Button > input[type="submit"],
.outline-success-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(25, 135, 84);
    --bs-btn-border-color: rgb(25, 135, 84);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(25, 135, 84);
    --bs-btn-hover-border-color: rgb(25, 135, 84);
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(25, 135, 84);
    --bs-btn-active-border-color: rgb(25, 135, 84);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(25, 135, 84);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(25, 135, 84);
    --bs-gradient: none;
}

.outline-danger-button .kk_Control > button,
.outline-danger-button.kk_DSSubmit_Button > button,
.outline-danger-button .kk_Control > input[type="submit"],
.outline-danger-button.kk_DSSubmit_Button > input[type="submit"],
.outline-danger-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(220, 53, 69);
    --bs-btn-border-color: rgb(220, 53, 69);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(220, 53, 69);
    --bs-btn-hover-border-color: rgb(220, 53, 69);
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(220, 53, 69);
    --bs-btn-active-border-color: rgb(220, 53, 69);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(220, 53, 69);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(220, 53, 69);
    --bs-gradient: none;
}

.outline-warning-button .kk_Control > button,
.outline-warning-button.kk_DSSubmit_Button > button,
.outline-warning-button .kk_Control > input[type="submit"],
.outline-warning-button.kk_DSSubmit_Button > input[type="submit"],
.outline-warning-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(255, 193, 7);
    --bs-btn-border-color: rgb(255, 193, 7);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(255, 193, 7);
    --bs-btn-hover-border-color: rgb(255, 193, 7);
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(255, 193, 7);
    --bs-btn-active-border-color: rgb(255, 193, 7);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(255, 193, 7);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(255, 193, 7);
    --bs-gradient: none;
}

.outline-info-button .kk_Control > button,
.outline-info-button.kk_DSSubmit_Button > button,
.outline-info-button .kk_Control > input[type="submit"],
.outline-info-button.kk_DSSubmit_Button > input[type="submit"],
.outline-info-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(13, 202, 240);
    --bs-btn-border-color: rgb(13, 202, 240);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(13, 202, 240);
    --bs-btn-hover-border-color: rgb(13, 202, 240);
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(13, 202, 240);
    --bs-btn-active-border-color: rgb(13, 202, 240);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(13, 202, 240);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(13, 202, 240);
    --bs-gradient: none;
}

.outline-light-button .kk_Control > button,
.outline-light-button.kk_DSSubmit_Button > button,
.outline-light-button .kk_Control > input[type="submit"],
.outline-light-button.kk_DSSubmit_Button > input[type="submit"],
.outline-light-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(248, 249, 250);
    --bs-btn-border-color: rgb(248, 249, 250);
    --bs-btn-hover-color: rgb(0, 0, 0);
    --bs-btn-hover-bg: rgb(248, 249, 250);
    --bs-btn-hover-border-color: rgb(248, 249, 250);
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(248, 249, 250);
    --bs-btn-active-border-color: rgb(248, 249, 250);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(248, 249, 250);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(248, 249, 250);
    --bs-gradient: none;
}

.outline-dark-button .kk_Control > button,
.outline-dark-button.kk_DSSubmit_Button > button,
.outline-dark-button .kk_Control > input[type="submit"],
.outline-dark-button.kk_DSSubmit_Button > input[type="submit"],
.outline-dark-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-color: rgb(33, 37, 41);
    --bs-btn-border-color: rgb(33, 37, 41);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(33, 37, 41);
    --bs-btn-hover-border-color: rgb(33, 37, 41);
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(33, 37, 41);
    --bs-btn-active-border-color: rgb(33, 37, 41);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(33, 37, 41);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(33, 37, 41);
    --bs-gradient: none;
}
/* Match kk buttons that do NOT have any of the standard utility classes */
.kk_SignaturePadControl button, /* signature control */
.kk_Control > button,
.kk_DSSubmit_Button > button,
.kk_Control > input[type="submit"],
.kk_DSSubmit_Button > input[type="submit"],
.kk_ProgressBar > ul > li > input[type="submit"],
.kk_DSNavigationControlPanel > div > input[type="submit"] {
    --bs-btn-color: rgb(13, 110, 253);
    --bs-btn-border-color: rgb(13, 110, 253);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(13, 110, 253);
    --bs-btn-hover-border-color: rgb(13, 110, 253);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(13, 110, 253);
    --bs-btn-active-border-color: rgb(13, 110, 253);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(13, 110, 253);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(13, 110, 253);
    --bs-gradient: none;
}
/*button szes*/
.large-button .kk_Control > button,
.large-button.kk_DSSubmit_Button > button,
.large-button .kk_Control > input[type="submit"],
.large-button.kk_DSSubmit_Button > input[type="submit"],
.large-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.small-button .kk_Control > button,
.small-button.kk_DSSubmit_Button > button,
.small-button .kk_Control > input[type="submit"],
.small-button.kk_DSSubmit_Button > input[type="submit"],
.small-button .kk_ProgressBar > ul > li > input[type="submit"] {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}
/*? search boxes */
/* Make the wrapper flex for input + button */
.kk-search-box .kk_Control.kk_TextboxControl {
    display: flex;
    flex-wrap: wrap; /* lets validation go to its own row */
    align-items: stretch;
    /*! gap: 0.5rem; */
}
    /* Input takes remaining space beside button */
    .kk-search-box .kk_Control.kk_TextboxControl input[type="text"] {
        flex: 1 1 auto; /* grow and shrink */
        min-width: 0; /* prevent overflow issues */
        width: initial;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* Button keeps its own width */
    .kk-search-box .kk_Control.kk_TextboxControl button {
        flex: 0 0 auto; /* don't stretch */
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    /* Validation on its own row */
    .kk-search-box .kk_Control.kk_TextboxControl .kk_Validation {
        flex: 1 1 100%; /* force to full width */
        margin-top: 0.25rem;
    }
/* placeholder content blocks */
.placeholder-content-blocks .kk_QuestionGroupWrapper, 
.kk_QuestionControlWrapper.content-block, .content-block {
    position: relative;
    padding: 1.75rem;
    background-color: #fff;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem;
    word-wrap: break-word;
    border-top: 3px solid #4892FE;
    overflow: visible;
}
/*&  Legacy Grids  **/
.kk_DataSourceGridControl > div {
    overflow-y: auto;
}

    .kk_DataSourceGridControl > div > table {
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: var(--bs-emphasis-color);
        --bs-table-bg: var(--bs-body-bg);
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-emphasis-color);
        --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
        --bs-table-active-color: var(--bs-emphasis-color);
        --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
        --bs-table-hover-color: var(--bs-emphasis-color);
        --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
        width: 100%;
        margin-bottom: 1rem;
        vertical-align: top;
        border-color: var(--bs-table-border-color);
    }

        .kk_DataSourceGridControl > div > table > tbody > * > * {
            padding: .5rem .5rem;
            color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
            background-color: var(--bs-table-bg);
            border-bottom-width: var(--bs-border-width);
            box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
        }

        .kk_DataSourceGridControl > div > table img {
            width: 50px;
        }

.kk_DSNavigationControlPanel,
.kk_DSNumberNavContainer {
    display: flex;
    gap: .25rem;
    justify-content: end;
}

.tiny-image img {
    width: 25px !important;
}
/* Small image */
.small-image img {
    width: 50px !important;
}
/* Medium image  */
.medium-image img {
    width: 100px !important;
}
/* Large image */
.large-image img {
    width: 200px !important;
}
/* Larger image */
.larger-image img {
    width: 400px !important;
}
/* Huge image */
.huge-image img {
    width: 600px !important;
}
/* Rounded image (use with anything) */
.rounded-image img {
    border-radius: 50% !important;
}
/*&  Grid tiles  **/
[class*="tiles-"] table {
    --bs-border-width: 0 !important;
    display: block;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

    [class*="tiles-"] table > tbody td {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    [class*="tiles-"] table tbody {
        display: flex;
        flex-wrap: wrap;
        gap: .75rem;
    }

        [class*="tiles-"] table tbody .kk_DSHeaderRow {
            display: none;
        }

/* Auto = no fixed width */
.tiles-auto table tbody > * {
    flex: 0 0 auto;
    width: auto;
}
/* Fixed tile counts with gap-safe calc */
.tiles-1 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (1 - 1))) / 1);
}

.tiles-2 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (2 - 1))) / 2);
}

.tiles-3 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (3 - 1))) / 3);
}

.tiles-4 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (4 - 1))) / 4);
}

.tiles-5 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (5 - 1))) / 5);
}

.tiles-6 table tbody > * {
    flex: 0 0 auto;
    width: calc((100% - (.75rem * (6 - 1))) / 6);
}

@media (max-width: 576px) {
    [class*="tiles-"] table tbody > * {
        flex: 0 0 auto;
        width: calc((100% - (.75rem * (1 - 1))) / 1);
    }
}

[class*="tiles-"] table tbody tr {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: rgba(var(--bs-body-bg-rgb),1);
    position: relative;
    word-wrap: break-word;
    border-top: 3px solid RGB(72, 146, 254);
}

    [class*="tiles-"] table tbody tr:hover {
        box-shadow: var(--bs-box-shadow) !important;
    }

    [class*="tiles-"] table tbody tr .clickable-tile a {
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

.kk_SignaturePadControl .signaturePadActions {
    display: flex;
    gap: .25rem;
}

.kk_SignaturePadControl img:not([src=""]) {
    margin: 1rem auto;
    display: block;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.kk_SignaturePadControl .signaturePadClose {
    font-size: 0;
    background-size: 50%;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}

/*# Tabs */
/* Getting rid of default margins */


/* tab button styles  */
.kk-tabs input[type="submit"],
.kk-tabs button {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    color: #677C98;
    border: none;
    border-radius: 0;
}

    .kk-tabs input[type="submit"]:hover,
    .kk-tabs button:hover {
        background-color: rgba(0,0,0,0.07);
        color: #15324D;
    }
/* current tab style */
.kk-tabs .kk-current-tab input[type="submit"],
.kk-tabs .kk-current-tab button,
.kk-tabs .kk-current-tab input[type="submit"]:hover,
.kk-tabs .kk-current-tab button:hover {
    background-color: #ffffff;
    color: #15324D;
    border: none;
}
/* Removing border on the next palceholder */
.kk-tabs + .kk_PlaceHolderContainer .kk_QuestionColumnWrapper {
    border-top: none;
}

/* kk-vertical-tabs */
.kk-tabs.kk-vertical-tabs {
    float: left;
    width: 200px;
}

    .kk-tabs.kk-vertical-tabs .kk_QuestionGroupWrapper {
        overflow: hidden;
    }

    .kk-tabs.kk-vertical-tabs + .kk_PlaceHolderContainer {
        float: right;
        width: calc(100% - 200px);
    }

    .kk-tabs.kk-vertical-tabs .kk_ButtonContainer {
        display: block;
    }

    .kk-tabs.kk-vertical-tabs input[type="submit"],
    .kk-tabs.kk-vertical-tabs button {
        white-space: normal;
        height: auto;
        display: block;
        text-align: left;
        width: 100%;
    }


td.kk-action-menu-wrapper {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 0.3s ease;
    text-align: right;
    width: 60px;
    max-width: 60px;
}

.kk-action-menu-trigger {
    /*float: right;*/
    display: inline-block;
    padding: 0;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    margin: 8px 0;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Action menu in tiles */
.dashboard-tiles td.kk-action-menu-wrapper,
.kk_GridTiles td.kk-action-menu-wrapper,
.grid-tiles td.kk-action-menu-wrapper {
    position: static;
    padding: 0;
}

.dashboard-tiles .kk-action-menu-trigger,
.kk_GridTiles .kk-action-menu-trigger,
.grid-tiles .kk-action-menu-trigger {
    position: absolute;
    margin: 0;
    top: 5px;
    right: 5px;
}
/* trigger icon */
.kk-action-menu-trigger::after {
    font-family: "Font Awesome 7 Pro";
    content: '\f39c';
    font-weight: 300;
    font-size: 1.1rem;
    color: #677C98;
    text-align: center;
    display: block;
}

.kk-action-menu-trigger:hover {
    background-color: rgba(0,0,0,0.07);
}

    .kk-action-menu-trigger:hover::after {
        color: #15324D;
    }
/* action menu box */
.kk-action-menu-content {
    display: none;
    position: absolute;
    background: white;
    word-wrap: break-word;
    right: 50px;
    top: 11px;
    z-index: 4;
    padding: 10px;
    box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.15);
}

    .kk-action-menu-content td {
        display: block;
        padding: 0px;
        transition: all 0.3s ease;
    }

.kk_GridTiles tr .kk-action-menu-content td,
.grid-tiles tr .kk-action-menu-content td,
.dashboard-tiles tr .kk-action-menu-content td {
    padding: 0;
}

.kk-action-menu-content td input[type="submit"],
.kk-action-menu-content td button {
    width: 100%;
    text-align: left;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    height: 42px;
    padding: 8px 15px;
    border-radius: 0;
    color: #677C98;
}

    .kk-action-menu-content td input[type="submit"]:hover,
    .kk-action-menu-content td button:hover {
        background-color: rgba(0,0,0,0.07);
        color: #677C98;
    }
	

/******************************************************
*
* 15. KK Modals
*
*******************************************************/
html.modal-open{ /* disabling page scroll when a modal is open */
    overflow:hidden;
    position: relative; /* Neeed for ios */
    height:100%; /* Neeed for ios */
} 

.kk-modal{
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    min-height:100%;
    overflow: auto;
    opacity:1;
    background: rgba(0,0,0,0.5);
}

.kk-modal .kk_PlaceHolderContent{
    position: relative;
    padding:50px;
    max-width: 750px;
    width:90%;
    margin: 30px auto 30px auto;
    border-radius: 6px;
    background-color: #ffffff;
    pointer-events: all;
    box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.15);
    outline:none!important;
    z-index:1;
}

.kk-modal.small-modal .kk_PlaceHolderContent{
    max-width: 450px;
}

/* Standard close button */
.kk_ButtonContainer.kk-modal-close{
    display:block;
    margin:0!important;
}
.kk-modal-close .kk_QuestionControl{
    position:static;
}
.kk-modal-close button{
    z-index:2;
    width:40px;
    height:40px;
    border-radius:50%;
    top:5px;
    right:5px;
    line-height:0;
    position: absolute;
    font-size:0;
    padding:0!important;
    margin:0;
    background-color:transparent;
    color:transparent;
    border:none;
}

.kk-modal-close button::after{
    content:'\f00d';
    font-family:'Font Awesome 5 Pro';
    font-weight:300;
    font-size: 1.5rem;
    line-height: 40px;
    color:#cfd4d9;
    height:40px;
    width:40px;
    display:block;
    text-align:center;
}

.kk-modal-close button:hover{
    background-color: #dc3545;
}
.kk-modal-close button:hover::after{
    color:#ffffff;
}
/* Close button that covers the background, also used in other popups */
.kk-modal-bg{
    margin:0;
    padding:0;
    border:none;
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    color:transparent;
    background-color:transparent;
    cursor:default;
    font-size:0;
}

/* Legacy close button */
.kk_ButtonContainer.kk-modal-close,
.kk_ButtonContainer.modal-close{
    display:block;
    margin:0!important;
}
.modal-close .kk_QuestionControl{
    position:static;
}
.kk-modal-close input[type="submit"],
.modal-close input[type="submit"]{
    width:40px;
    height:40px;
    top:5px;
    right:5px;
    background-position:50% 50%;
    position: absolute;
    font-size:0;
    padding:0!important;
    border-radius:50%;
    margin:0;
    background-color:transparent;
    color:transparent;
    border:none;
    background-size:17px 17px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cpath d='M10.3 8.5L15.7 3l1.1-1.1c.2-.2.2-.4 0-.6L15.6.1c-.2-.2-.4-.2-.6 0L8.5 6.7 1.9.1c-.1-.1-.4-.1-.6 0L.1 1.3c-.1.2-.1.5 0 .6l6.6 6.6-6.6 6.6c-.2.2-.2.4 0 .6l1.2 1.2c.2.2.4.2.6 0l6.6-6.6 5.4 5.4 1.1 1.1c.2.2.4.2.6 0l1.2-1.2c.2-.2.2-.4 0-.6l-6.5-6.5z' fill='%23cfd4d9'/%3e%3c/svg%3e");
}

.kk-modal-close input[type="submit"]:hover,
.modal-close input[type="submit"]:hover{
    background-color:#dc3545;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cpath d='M10.3 8.5L15.7 3l1.1-1.1c.2-.2.2-.4 0-.6L15.6.1c-.2-.2-.4-.2-.6 0L8.5 6.7 1.9.1c-.1-.1-.4-.1-.6 0L.1 1.3c-.1.2-.1.5 0 .6l6.6 6.6-6.6 6.6c-.2.2-.2.4 0 .6l1.2 1.2c.2.2.4.2.6 0l6.6-6.6 5.4 5.4 1.1 1.1c.2.2.4.2.6 0l1.2-1.2c.2-.2.2-.4 0-.6l-6.5-6.5z' fill='%23ffffff'/%3e%3c/svg%3e");
}



/******************************************************
*
* 15.3. Flyout panels
*
*******************************************************/
.kk-flyout{
    z-index: 18;
    position: fixed;
    top: 0;
    right: 0;
    bottom:0;
    width:80%;
    max-width:625px;
    height:100%;
    margin:0;
    background-color:#ffffff;
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    outline: none !important;
    overflow:hidden;
}
.kk-flyout .kk_PlaceHolderContent{
    padding:50px 70px 50px 50px;
    width:calc(100% + 20px);
    max-width:645px;
    height:100%;
    overflow-Y:scroll;
}

/* Left flyout */
.kk-flyout.kk-flyout-left{
    right: auto;
    left:0;
}

/* Standard close button */
.kk_ButtonContainer.kk-flyout-close{
    display:block;
    margin:0!important;
}
.kk-flyout-close .kk_QuestionControl{
    position:static;
}
.kk-flyout-close button{
    z-index:1;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size:0;
    padding:0!important;
    height:40px;
    margin:0;
    width:40px;
    line-height:0;
    background-color:#ffffff;
    color:transparent;
    border:none;
    border-radius:50%;
}

.kk-flyout-close button::after{
    content:'\f00d';
    font-family:'Font Awesome 5 Pro';
    font-weight:300;
    font-size: 1.5rem;
    line-height: 40px;
    color:#cfd4d9;
    display:block;
    text-align:center;
}

.kk-flyout-close button:hover{
    background-color:#dc3545;
}
.kk-flyout-close button:hover::after{
    color:#ffffff;
}
/* Legacy close button */
.kk-flyout-close input[type="submit"]{
    width:40px;
    height:40px;
    top:5px;
    right:5px;
    background-position:50% 50%;
    position: absolute;
    font-size:0;
    line-height:0;
    padding:0!important;
    border-radius:50%;
    margin:0;
    background-color:transparent;
    color:transparent;
    border:none;
    background-size:17px 17px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cpath d='M10.3 8.5L15.7 3l1.1-1.1c.2-.2.2-.4 0-.6L15.6.1c-.2-.2-.4-.2-.6 0L8.5 6.7 1.9.1c-.1-.1-.4-.1-.6 0L.1 1.3c-.1.2-.1.5 0 .6l6.6 6.6-6.6 6.6c-.2.2-.2.4 0 .6l1.2 1.2c.2.2.4.2.6 0l6.6-6.6 5.4 5.4 1.1 1.1c.2.2.4.2.6 0l1.2-1.2c.2-.2.2-.4 0-.6l-6.5-6.5z' fill='%23cfd4d9'/%3e%3c/svg%3e");
}

.kk-flyout-close input[type="submit"]:hover{
    background-color:#dc3545;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cpath d='M10.3 8.5L15.7 3l1.1-1.1c.2-.2.2-.4 0-.6L15.6.1c-.2-.2-.4-.2-.6 0L8.5 6.7 1.9.1c-.1-.1-.4-.1-.6 0L.1 1.3c-.1.2-.1.5 0 .6l6.6 6.6-6.6 6.6c-.2.2-.2.4 0 .6l1.2 1.2c.2.2.4.2.6 0l6.6-6.6 5.4 5.4 1.1 1.1c.2.2.4.2.6 0l1.2-1.2c.2-.2.2-.4 0-.6l-6.5-6.5z' fill='%23ffffff'/%3e%3c/svg%3e");
}