/*#region .ifes-btn */
.ifes-btn {
    display: inline-block;
    padding: var(--ifes-btn-padding-y) var(--ifes-btn-padding-x);
    font-family: var(--ifes-btn-font-family), sans-serif;
    font-size: var(--ifes-btn-font-size);
    font-weight: var(--ifes-btn-font-weight);
    line-height: var(--ifes-btn-line-height);
    color: var(--ifes-btn-font-color);
    text-align: center;
    text-wrap: var(--ifes-btn-text-wrap);
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--ifes-btn-border-width) solid var(--ifes-btn-border-color);
    border-radius: var(--ifes-btn-border-radius);
    box-shadow: var(--ifes-btn-box-shadow);
    background: var(--ifes-btn-background);
    transition: var(--ifes-btn-transition);
    filter: var(--ifes-btn-filter);
    opacity: var(--ifes-btn-opacity);
}

.ifes-btn:hover,
.ifes-btn:focus-visible {
    --ifes-btn-font-color: var(--ifes-btn-hover-font-color);
    --ifes-btn-background: var(--ifes-btn-hover-background);
    --ifes-btn-border-color: var(--ifes-btn-hover-border-color);
    --ifes-btn-box-shadow: var(--ifes-btn-hover-box-shadow);
    --ifes-btn-filter: var(--ifes-btn-hover-filter);
}

.ifes-btn:focus-visible {
    outline: 0;
}

.ifes-btn:active {
    --ifes-btn-font-color: var(--ifes-btn-active-font-color);
    --ifes-btn-background: var(--ifes-btn-active-background);
    --ifes-btn-border-color: var(--ifes-btn-active-border-color);
    --ifes-btn-box-shadow: var(--ifes-btn-active-box-shadow);
    --ifes-btn-filter: var(--ifes-btn-active-filter);
}

.ifes-btn:active:focus-visible {
    --ifes-btn-box-shadow: var(--ifes-btn-focus-box-shadow);
}

.ifes-btn:disabled {
    --ifes-btn-font-color: var(--ifes-btn-disabled-font-color);
    --ifes-btn-background: var(--ifes-btn-disabled-background);
    --ifes-btn-border-color: var(--ifes-btn-disabled-border-color);
    --ifes-btn-box-shadow: var(--ifes-btn-disabled-box-shadow);
    --ifes-btn-opacity: var(--ifes-btn-disabled-opacity);
    pointer-events: none;
}

.ifes-btn[style*="display: none;"] {
    display: inline-block !important;
}

/*#endregion*/

/*#region input */
input:disabled {
    pointer-events: none;
    filter: none;
    opacity: var(--ifes-input-disabled-opacity);
}

/*#endregion*/
/*#region checkbox/radio */
input:checked[type=checkbox] {
    --ifes-check-bg-image: var(--ifes-checkbox-checked-background-image)
}

input:checked[type=radio] {
    --ifes-check-bg-image: var(--ifes-radio-checked-background-image)
}

input[type=checkbox]:indeterminate {
    background-color: var(--ifes-color-blue); /* TODO */
    border-color: var(--ifes-color-blue); /* TODO */
    --ifes-check-bg-image: var(--ifes-checkbox-indeterminate-background-image)
}

input[type=radio],
input[type=checkbox] {
    /*TODO move to variables*/
    --ifes-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 10l3 3l6-6'/%3e%3c/svg%3e");
    --ifes-check-bg: var(--ifes-body-background-color);
    --ifes-border-width: 1px;
    --ifes-border-color: rgba(0, 0, 0, .25);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--ifes-check-background-color);
    background-image: var(--ifes-check-background-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--ifes-check-border-width) solid var(--ifes-check-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

input[type=checkbox] {
    border-radius: 0.25rem;
}

input[type=radio] {
    border-radius: 50%;
}

input[type=radio]:active,
input[type=checkbox]:active {
    filter: brightness(90%);
}

input[type=radio]:focus,
input[type=checkbox]:focus {
    border-color: var(--ifes-color-blue);
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}

input:checked {
    background-color: var(--ifes-color-blue);
    border-color: var(--ifes-color-blue);
}

/*#endregion*/
/*#endregion*/

/*#region dev */
.ifes-error-html-parser {
    border: 3px solid var(--ifes-color-red) !important;
    background-color: var(--ifes-color-yellow) !important;
}

.ifes-p-unknown {
    border: 3px solid var(--ifes-color-blue) !important;
    background-color: var(--ifes-color-yellow) !important;
}

/*#endregion*/
/*#region .ifes-listing */
.ifes-listing {
    padding-left: var(--ifes-panel-padding-x);
    padding-right: var(--ifes-panel-padding-x);
    display: grid;
    grid-template-columns: auto 1fr;
}

.ifes-listing span.ifes-label::after {
    content: ': ';
    padding-left: 1px;
    padding-right: calc(0.5 * var(--ifes-body-font-size));
}

/*#endregion*/

/*#region ##### warpit panels ############################*/
.ifes-panel {
    padding: var(--ifes-panel-padding-y) var(--ifes-panel-padding-x);
}

/*#region .ifes-p-phone-number */
.ifes-p-phone-number a {
    color: unset;
}

/*#endregion*/
/*#region .ifes-p-caller-name */
.ifes-p-caller-name:empty {
    display: none;
}

/*#endregion*/
/*#region .ifes-p-go-to-idle */

.ifes-p-go-to-idle div.ifes-input-wrapper input[type=radio],
.ifes-p-go-to-idle div.ifes-input-wrapper input[type=checkbox] {
    float: right;
    margin-left: var(--ifes-panel-padding-x);
}

.ifes-p-go-to-idle>div:nth-of-type(2) {
    display: none;
}

.ifes-content-col-2 .ifes-p-go-to-idle div.ifes-input-wrapper input[type=radio],
.ifes-content-col-2 .ifes-p-go-to-idle div.ifes-input-wrapper input[type=checkbox] {
    float: left;
    margin-left: -1.5rem;
    margin-right: 0;
}

/*#endregion*/
/*#region .ifes-p-submit */
.ifes-p-submit {
    text-align: right;
}

.ifes-content-col-2 .ifes-p-submit {
    text-align: left;
}

/*#endregion*/
/*#region .ifes-p-hangup */
.ifes-p-hangup {
    text-align: right;
    --ifes-btn-bg: #b60609;
    --ifes-btn-hover-bg: var(--ifes-btn-bg);
    --ifes-btn-active-bg: var(--ifes-btn-bg);
}

.ifes-content-col-2 .ifes-p-hangup {
    text-align: left;
}

/*#endregion*/
/*#region .ifes-p-call-status */

.ifes-p-call-status-items {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: var(--ifes-panel-padding-y) var(--ifes-panel-padding-x);
}

.ifes-p-call-status-header {
    font-weight: 700;
    padding-left: var(--ifes-panel-padding-x);
    padding-right: var(--ifes-panel-padding-x);
}

.ifes-p-call-status-header .ifes-help {
    font-weight: normal;
}

/*#endregion*/
/*#region .ifes-p-quota */
.ifes-p-quota {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    column-gap: var(--ifes-default-line-height);
    row-gap: var(--ifes-default-line-height);
}

.ifes-p-quota:empty {
    display: none;
}

.ifes-p-quota>table>tbody>tr>td {
    height: unset !important;
}

.ifes-p-quota>table>tbody>tr>td>font {
    color: unset !important;
}

.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(2)>b,
.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3)>b,
.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(4)>b {
    display: none;
}

.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(2)::before {
    content: '\A(#)';
    white-space: pre-wrap;
    font-weight: 700;
}

.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3)::before {
    content: '\A(✓)';
    white-space: pre-wrap;
    font-weight: 700;
}

.ifes-p-quota>table>tbody>tr:nth-of-type(3)>td:nth-of-type(4)::before {
    content: '\A(±)';
    white-space: pre-wrap;
    font-weight: 700;
}

.ifes-p-quota>table>tbody>tr>td:nth-of-type(1) {
    min-width: 200px;
}

.ifes-p-quota>table>tbody>tr>td:nth-of-type(2) {
    min-width: 50px;
}

.ifes-p-quota>table>tbody>tr>td:nth-of-type(3) {
    min-width: 50px;
}

.ifes-p-quota>table>tbody>tr>td:nth-of-type(4) {
    min-width: 50px;
}

.ifes-p-quota>table>tbody>tr:last-of-type {
    border-top: 1px solid black;
    border-bottom: 3px double black;
    font-weight: 700;
}

.ifes-p-quota .tekst {
    border-top: 1px solid black;
}

/*#endregion*/
/*#region .ifes-p-interviewer-id */
.ifes-p-interviewer-username {
    font-weight: 700;
    padding-bottom: 0;
    padding-top: 0;
}

.ifes-p-interviewer-username>div:first-of-type {
    border-bottom: 1px solid black;
}

/*#endregion*/
/*#region .ifes-p-variable */

/*#endregion*/
/*#region .ifes-p-question */
.ifes-p-question {
    padding-top: 1.5rem;
}

/*#endregion*/
/*#region .ifes-p-error */
.ifes-p-error,
.ifes-error-msg,
td[paneltype="40"] {
    text-align: center;
    color: var(--ifes-survey-error-font-color);
    font-size: var(--ifes-survey-error-font-size);
    font-weight: var(--ifes-survey-error-font-weight);
    border: var(--ifes-survey-error-border);
    padding: var(--ifes-survey-error-padding);
}

.ifes-p-error,
.ifes-error-msg,
td[paneltype="40"]:not(:empty) {
    background: var(--ifes-survey-error-background);
}

/*#endregion*/
/*#region .ifes-p-instruction */
.ifes-p-instruction {
    width: 100%;
    color: var(--ifes-survey-instruction-font-color);
    background: var(--ifes-survey-instruction-background);
    font-size: var(--ifes-survey-instruction-font-size);
    font-weight: var(--ifes-survey-instruction-font-weight);
    border: var(--ifes-survey-instruction-border);
    padding: var(--ifes-survey-instruction-padding);
    border-radius: var(--ifes-default-border-radius);
}

.ifes-p-instruction:empty {
    display: none;
}

/*#endregion*/
/*#region .ifes-p-answer */
.ifes-p-answer {
    color: var(--ifes-survey-answer-font-color);
    background: var(--ifes-survey-answer-background);
    font-size: var(--ifes-survey-answer-font-size);
    font-weight: var(--ifes-survey-answer-font-weight);
    border: var(--ifes-survey-answer-border);
    padding: var(--ifes-survey-answer-padding);
    margin: var(--ifes-survey-answer-margin);
}

.ifes-p-answer>table>tbody>tr>td {
    vertical-align: middle;
    padding: var(--ifes-survey-answer-row-padding);
}

.ifes-p-answer>table>tbody>tr>td[data-label="true"] {
    width: 100%;
    padding-left: 0;
}

.ifes-p-answer>table>tbody>tr:nth-child(even) {
    background: var(--ifes-survey-answer-row-even-background);
}

.ifes-p-answer>table>tbody>tr:nth-child(odd) {
    background: var(--ifes-survey-answer-row-odd-background);
}

/*#endregion*/
/*#region .ifes-p-cancel-interview */
.ifes-p-cancel-interview {
    --ifes-btn-color: var(--ifes-body-font-color);
    --ifes-btn-border-color: var(--ifes-body-font-color);
    --ifes-btn-bg: #f0f0f0;
    --ifes-btn-hover-color: var(--ifes-body-font-color);
    --ifes-btn-hover-border-color: var(--ifes-body-font-color);
    --ifes-btn-hover-bg: #f0f0f0;
    --ifes-btn-hover-filter: brightness(90%);
}

/*#endregion*/
/*#region .ifes-p-make-appointment */
.ifes-p-make-appointment {
    --ifes-btn-color: var(--ifes-body-font-color);
    --ifes-btn-border-color: var(--ifes-body-font-color);
    --ifes-btn-bg: #f0f0f0;
    --ifes-btn-hover-color: var(--ifes-body-font-color);
    --ifes-btn-hover-border-color: var(--ifes-body-font-color);
    --ifes-btn-hover-bg: #f0f0f0;
    --ifes-btn-hover-filter: brightness(90%);
}

/*#endregion*/
/*#endregion ## warpit panels ############################*/

/*#region ##### layout panels ############################*/
/*#region .ifes-cati-appointment */
/*
.ifes-cati-appointment>div {
    float: left;
}

.ifes-cati-appointment::after {
    content: "";
    display: table;
    clear: both;
}
 */

/*#endregion*/
/*#region .ifes-cati-header */
.ifes-cati-header {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(2 * var(--ifes-panel-padding-x));
    background-color: var(--ifes-color-blue);
    color: #ffffff;
    border-radius: var(--ifes-default-border-radius);
    padding: var(--ifes-panel-padding-y) var(--ifes-panel-padding-x);
}

.ifes-cati-header .ifes-panel {
    padding: 0;
}

.ifes-cati-header .ifes-p-phone-number,
.ifes-cati-header .ifes-p-caller-name {
    font-size: 1.6rem;
}

.ifes-cati-header1 .ifes-p-phone-number {
    padding-top: 1.1rem;
}

.ifes-cati-header .ifes-p-caller-name:not(:empty)+.ifes-p-phone-number {
    font-size: unset;
    padding-top: unset;
}

.ifes-cati-header .ifes-p-project-info {
    padding-left: var(--ifes-panel-padding-x);
    border-left: 1px solid #ffffff;
    font-size: 0.9rem;
    line-height: 1.8rem;
}

.ifes-cati-header .ifes-p-project-info:empty {
    border-left: none;
}

.ifes-cati-header .ifes-p-project-info:has(> div.ifes-listing>span:nth-child(3)) {
    line-height: 1.2rem;
}

.ifes-cati-header .ifes-p-project-info-listing {
    padding: 0;
}

.ifes-cati-header .ifes-cati-appointment {
    padding-top: .375rem;
}

.ifes-cati-header .ifes-p-appointment-call-time {
    padding-top: 0;
}

.ifes-cati-header .ifes-p-appointment-comment {
    padding-top: 0;
    padding-left: 1.5rem;
}

.ifes-cati-header .ifes-p-appointment-comment:not(:empty) div::before {
    content: "→";
    margin-left: -1.5rem;
    margin-right: 0.5rem;
}

/*#endregion*/
/*#region .ifes-question-footer */
.ifes-questions-footer {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding-top: var(--ifes-panel-padding-y);
    padding-bottom: var(--ifes-panel-padding-y);
}

/*#endregion*/
/*#region .ifes-cati-footer */
.ifes-cati-footer {
    padding-top: var(--ifes-panel-padding-y);
    padding-bottom: var(--ifes-panel-padding-y);
    display: grid;
    grid-template-columns: auto auto 1fr;
    column-gap: var(--ifes-panel-padding-x);
}

.ifes-cati-footer .ifes-p-caller-name {
    grid-column: 2;
    grid-row: 1;
    font-weight: bold;
}

.ifes-cati-footer .ifes-p-phone-number {
    grid-column: 1;
    grid-row: 1;
}

.ifes-cati-footer .ifes-p-caller-name>span,
.ifes-cati-footer .ifes-p-phone-number>span {
    padding-left: var(--ifes-panel-padding-x);
}

.ifes-cati-footer .ifes-p-make-appointment {
    grid-column: 1;
    grid-row: 2;
}

.ifes-cati-footer .ifes-p-cancel-interview {
    grid-column: 2;
    grid-row: 2;
}

.ifes-cati-footer .ifes-p-go-to-idle {
    grid-column: 3;
    grid-row: 1;
    text-align: right;
}

.ifes-cati-footer .ifes-p-hangup {
    grid-column: 3;
    grid-row: 2;
    text-align: right;
}

.ifes-cati-footer .ifes-p-go-to-idle .ifes-input-wrapper {
    float: right;
}

@media (max-width: 650px) {
    .ifes-cati-footer {
        grid-template-columns: 1fr 1fr;
    }

    .ifes-cati-footer .ifes-p-caller-name {
        grid-column: 1;
        grid-row: 2;
        padding-left: var(--ifes-panel-padding-x);
    }

    .ifes-cati-footer .ifes-p-phone-number {
        grid-column: 1;
        grid-row: 1;
    }

    .ifes-cati-footer .ifes-p-make-appointment {
        grid-column: 1;
        grid-row: 3;
        text-align: right;
    }

    .ifes-cati-footer .ifes-p-cancel-interview {
        grid-column: 2;
        grid-row: 3;
    }

    .ifes-cati-footer .ifes-p-go-to-idle {
        grid-column: 2;
        grid-row: 1 / 3;
        text-align: right;
    }
}

/*#endregion*/
/*#region .ifes-responsive-question */
.ifes-questions>.ifes-responsive-question {
    margin-top: var(--ifes-panel-padding-y);
    margin-bottom: var(--ifes-panel-padding-y);
}

.ifes-responsive-question td[paneltype="3"],
.ifes-responsive-question td[paneltype="4"] {
    padding: var(--ifes-survey-instruction-padding);
}

.ifes-responsive-question td[paneltype="4"] {
    /* instruction */
    width: 100%;
    color: var(--ifes-survey-instruction-font-color);
    background: var(--ifes-survey-instruction-background);
    font-size: var(--ifes-survey-instruction-font-size);
    font-weight: var(--ifes-survey-instruction-font-weight);
    border: var(--ifes-survey-instruction-border);
    border-radius: var(--ifes-default-border-radius);
}

.ifes-responsive-question tr:has(>td[paneltype="4"]:not(:empty))+tr>td {
    /* question padding after instruction */
    padding-top: 1.5rem;
}

.ifes-responsive-question td[paneltype="6"] {
    /* answer */
    color: var(--ifes-survey-answer-font-color);
    background: var(--ifes-survey-answer-background);
    font-size: var(--ifes-survey-answer-font-size);
    font-weight: var(--ifes-survey-answer-font-weight);
    border: var(--ifes-survey-answer-border);
    padding: var(--ifes-survey-answer-padding);
}

.ifes-responsive-question td[paneltype="6"] {
    /* answer */
    margin: var(--ifes-survey-answer-margin);
}

.ifes-responsive-question td[paneltype="6"] textarea {
    /* answer */
    width: 100%;
    height: calc(3 * var(--ifes-default-line-height));
}

.ifes-responsive-question td[paneltype="6"]>table>tbody>tr>td {
    /* answer */
    vertical-align: middle;
    padding: var(--ifes-survey-answer-row-padding);
}

.ifes-responsive-question td[paneltype="6"]>table>tbody>tr>td[data-label="true"] {
    /* answer */
    width: 100%;
    padding-left: 0;
}

.ifes-responsive-question td[paneltype="6"]>table>tbody>tr:nth-child(even) {
    /* answer */
    background: var(--ifes-survey-answer-row-even-background);
}

.ifes-responsive-question td[paneltype="6"]>table>tbody>tr:nth-child(odd) {
    /* answer */
    background: var(--ifes-survey-answer-row-odd-background);
}

.ifes-p-variable,
td[paneltype="7"] {
    /* variable */
    position: absolute;
    right: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 1rem;
    background-color: darkorange;
    border: 2px solid black;
    border-bottom: 0;
    padding: 3px 3px 5px;
    border-top-left-radius: var(--ifes-default-border-radius);
    border-top-right-radius: var(--ifes-default-border-radius);
    z-index: 2;
    transform: rotate(270deg);
    transform-origin: right bottom;
}

/*#endregion*/

/*#endregion ## layout panels ############################*/

/*#region .ifes-progressbar*/
.ifes-progressbar {
    width: 100%;
    font-size: var(--ifes-survey-progressbar-font-size);
    font-weight: var(--ifes-survey-progressbar-font-weight);
    text-align: center;
    height: 1rem;
    line-height: 1rem;
}

td:has(> div.ifes-progressbar) {
    width: 100%;
    vertical-align: middle;
}

.ifes-progressbar>div {
    display: grid;
    width: var(--ifes-survey-progressbar-width);
    margin: 0 auto;
    color: var(--ifes-survey-progressbar-font-color);
    background: var(--ifes-survey-progressbar-background);
    border: var(--ifes-survey-progressbar-border);
    border-width: 2px;
    border-radius: var(--ifes-survey-progressbar-border-radius);
    height: 100%;
}

.ifes-progressbar>div>div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    color: var(--ifes-survey-progressbar-font-color);
    background: var(--ifes-survey-progressbar-background);
    line-height: 1em;
}

.ifes-progressbar>div>div:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
    color: var(--ifes-survey-progressbar-inner-font-color);
    background: var(--ifes-survey-progressbar-inner-background);
    overflow: hidden;
}

.ifes-progressbar>div>div:nth-child(2)>div {
    width: var(--ifes-survey-progressbar-width);
}

/*#endregion*/

.ifes-responsive {
    max-width: var(--ifes-container-max-width);
    margin: var(--ifes-container-margin);
    padding: var(--ifes-container-padding);
}

.ifes-responsive-status .ifes-content-col-1 .ifes-p-interviewer-id {
    display: none;
}

.ifes-responsive-status .ifes-content-col-1 .ifes-p-interviewer-id-listing {
    padding-left: 0;
    padding-right: 0;
}

.ifes-responsive-status .ifes-p-go-to-idle,
.ifes-responsive-status .ifes-p-hangup,
.ifes-responsive-status .ifes-p-submit {
    padding-left: calc(2*var(--ifes-panel-padding-x));
}

.ifes-content .ifes-content-col-1 {
    float: left;
    width: calc(100% - 300px);
    padding-right: calc(2*var(--ifes-panel-padding-x));
}

.ifes-content .ifes-content-col-2 {
    float: left;
    width: 300px;
}

.ifes-content:after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1000px) {
    .ifes-content .ifes-content-col-1 {
        width: calc(100% - 250px);
    }

    .ifes-content .ifes-content-col-2 {
        width: 250px;
    }
}

@media (max-width: 800px) {
    .ifes-content .ifes-content-col-1 {
        width: calc(100% - 200px);
    }

    .ifes-content .ifes-content-col-2 {
        width: 200px;
    }
}

@media (max-width: 700px) {
    .ifes-p-project-info {
        display: none;
    }
}

@media (max-width: 600px) {
    .ifes-p-tel-structure-data {
        display: none;
    }

    .ifes-responsive-status .ifes-content-col-1 .ifes-p-interviewer-id {
        display: block;
    }

    .ifes-responsive-status .ifes-content-col-2 .ifes-p-interviewer-id {
        display: none;
    }

    .ifes-content .ifes-content-col-1,
    .ifes-content .ifes-content-col-2 {
        width: 100%;
        float: unset;
    }
}


/* datetimepicker */
.xdsoft_datetimepicker {
    font-family: inherit;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background-color: var(--ifes-color-blue);
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background-color: var(--ifes-color-blue) !important;
}

/*#region .ifes-make-appointment */
.ifes-make-appointment {
    display: grid;
    grid-template-columns: auto auto 1fr;
    column-gap: 0.5rem;
    row-gap: 1rem;
}

.ifes-make-appointment #datetimepicker {
    grid-column: 2;
}

.ifes-make-appointment label[for="dateInput"] {
    grid-row: 2;
    grid-column: 1;
}

.ifes-make-appointment #dateInput {
    grid-row: 2;
    grid-column: 2;
}

.ifes-make-appointment label[for="dogovor_komentar"] {
    grid-row: 3;
    grid-column: 1;
}

.ifes-make-appointment #dogovor_komentar {
    grid-row: 3;
    grid-column: 2 / -1;
}

.ifes-make-appointment label[for="app_call_this_num"] {
    grid-row: 4;
    grid-column: 1;
}

.ifes-make-appointment #app_call_this_num {
    grid-row: 4;
    grid-column: 2;
}

.ifes-make-appointment #app_call_this_num:focus::placeholder {
    color: transparent !important;
}

.ifes-make-appointment>label {
    justify-self: end;
    padding-top: 2px;
}

.ifes-make-appointment .ifes-make-appointment-phone-number-help {
    grid-row: 4;
    grid-column: 3;
    margin-left: unset;
    line-height: var(--ifes-body-line-height);
}

@media (max-width: 700px) {
    .ifes-make-appointment {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .ifes-make-appointment #datetimepicker {
        grid-column: 1;
        grid-row: 1;
    }

    .ifes-make-appointment label[for="dateInput"] {
        grid-column: 1;
        grid-row: 2;
    }

    .ifes-make-appointment #dateInput {
        grid-column: 1;
        grid-row: 3;
    }

    .ifes-make-appointment label[for="dogovor_komentar"] {
        grid-column: 1;
        grid-row: 4;
    }

    .ifes-make-appointment #dogovor_komentar {
        grid-column: 1;
        grid-row: 5;
    }

    .ifes-make-appointment label[for="app_call_this_num"] {
        grid-column: 1;
        grid-row: 6;
    }

    .ifes-make-appointment #app_call_this_num {
        grid-column: 1;
        grid-row: 7;
    }

    .ifes-make-appointment>label {
        margin-top: var(--ifes-panel-padding-y);
        justify-self: start;
        padding-top: 2px;
    }
}

/*#endregion*/

.ifes-hidden {
    visibility: hidden !important;
}

.ifes-help {
    margin-left: var(--ifes-panel-padding-x);
    font-size: calc(var(--ifes-body-font-size) * 0.8);
}

.ifes-test-interview-warning,
.ifes-dev-warning {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
    border-radius: var(--ifes-default-border-radius);
    font-weight: bold;
    font-size: calc(var(--ifes-body-font-size) * 0.8);
    padding: 5px;
}
.ifes-dev-warning {
    background-color: orange;
}
.ifes-test-interview-warning {
    background-color: green;
    color: #ffffff;
}

/* JQuery UI */
.ui-autocomplete.ui-widget {
   font-size: 1rem;
   font-weight: normal;
   font-family: inherit;
}

.ui-autocomplete.ui-widget-content {
    background: inherit;
}
.ui-autocomplete li.ui-menu-item a.ui-state-focus {
    font-weight: normal;
    background-color: #f0f0f0;
    color: inherit;
    border: none;
}

/*
/*#region .ifes-input-wrapper* /
.ifes-input-wrapper {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 0.125rem;
}

.ifes-input-wrapper input[type=radio],
.ifes-input-wrapper input[type=checkbox] {
    float: left;
    margin-left: -1.5rem;
}

.ifes-input-wrapper-reverse {
    padding-right: 1.5rem;
    padding-left: 0;
    text-align: right;
}

.ifes-input-wrapper.ifes-form-reverse input[type=radio],
.ifes-input-wrapper.ifes-form-reverse input[type=checkbox] {
    float: right;
    margin-right: -1.5rem;
    margin-left: 0;
}


 */
 */