@import "https://statics.form.lidl.com/lidl-style/css/lidl-fc-theme.min.css";

/*Designer*/
.noborder {
    border-style: hidden;
}
.maxwidth {
    width: 100%;
}

.xm-counter {
    margin-top: 8px !important;
    display: block;
}

/* Image Response Fix */
.CXImage img {
  object-fit: contain;
  height: auto;
  max-width: 100%;
}

/* Dynamic Error Fix */
.error-static-view .error > .xm-error-container {
    display: table-row;
}

.error-static-view .CXCheckbox.error > .xm-error-container {
    display: block;
}

/* Text breakout*/
.TextPraiseTheDown p{
    margin-bottom: 0px !important;
}

/* Recaptcha 8px fix*/
div[name=captchaInput] {
    padding-left: 8px;
}

/* JIRKO */
.xm-help-container:hover .xm-help-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23003673'%3E%3Cpath d='M30 1.5C14.29 1.5 1.5 14.29 1.5 30S14.29 58.5 30 58.5 58.5 45.71 58.5 30 45.71 1.5 30 1.5zm0 54C15.94 55.5 4.5 44.06 4.5 30S15.94 4.5 30 4.5 55.5 15.94 55.5 30 44.06 55.5 30 55.5z'/%3E%3Cpath d='M29.53 37.71c-.84 0-1.52.26-2.03.79-.52.53-.77 1.21-.77 2.05 0 .82.26 1.48.79 2s1.2.77 2.02.77c.84 0 1.52-.26 2.03-.77s.77-1.18.77-2c0-.86-.26-1.55-.77-2.07-.52-.51-1.2-.77-2.04-.77zM30.07 17.73c-1.85 0-3.41.47-4.7 1.4-1.28.94-2.14 2.23-2.57 3.89-.05.17-.04.32.02.45s.17.23.34.31l2.45.97c.22.07.39.08.52.02s.23-.2.31-.41c.26-.84.67-1.48 1.21-1.91s1.21-.65 2-.65c.82 0 1.45.25 1.91.74s.68 1.18.68 2.07c0 .96-.34 1.81-1.03 2.56-.68.74-1.84 1.44-3.47 2.09-.17.05-.29.13-.38.25-.08.12-.11.28-.09.47l.29 4.72c.02.19.09.34.2.43s.25.14.41.14h2.95c.19 0 .34-.05.45-.14.11-.1.17-.24.2-.43l.22-3.82c1.82-.86 3.12-1.85 3.89-2.95s1.15-2.41 1.15-3.92c0-1.92-.62-3.44-1.87-4.57-1.26-1.15-2.95-1.71-5.09-1.71z'/%3E%3C/svg%3E");
}

.xm-help-container:focus .xm-help-icon .xm-help-text:before, .xm-help-icon:hover .xm-help-text:before {
    top: -18px;
    border: 9px solid transparent;
    border-bottom-color: #e3e4e6;
    right: 5px;
}

.xm-help-container:focus .xm-help-icon .xm-help-text:after, .xm-help-icon:hover .xm-help-text:after {
    border: 8px solid transparent;
    border-bottom-color: #f8f8f9;
    right: 6px;
}

.XLine {
    border-width: 2px;
    border-color: #E3E4E5;
}

.required-star {
    color: #E60A14;
}

.body, .xm-form, BODY {
    color: #4E5761;
}

.XPage {
    background: #ffffff;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    height: 32px;
    width: 32px;
}

.ui-datepicker .ui-widget-header .ui-datepicker-title {
    line-height: 38px;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23353B42'%3E%3Cpath d='M23.8 30L39.86 5.91c.77-1.15.46-2.7-.69-3.47a.498.498 0 00-.69.14L20.94 28.89c-.45.67-.45 1.55 0 2.22l17.54 26.31c.15.23.46.29.69.14 1.15-.77 1.46-2.32.69-3.47L23.8 30z'/%3E%3C/svg%3E");
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
    transform: rotate(180deg)
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev:hover, .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
    border: unset;
    background: no-repeat 50%/16px 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%230050AA'%3E%3Cpath d='M23.8 30L39.86 5.91c.77-1.15.46-2.7-.69-3.47a.498.498 0 00-.69.14L20.94 28.89c-.45.67-.45 1.55 0 2.22l17.54 26.31c.15.23.46.29.69.14 1.15-.77 1.46-2.32.69-3.47L23.8 30z'/%3E%3C/svg%3E");

}

.hasTimePicker .ui-datepicker .ui-state-highlight, .hasTimePicker .ui-datepicker .ui-widget-content .ui-state-highlight, .hasTimePicker .ui-datepicker .ui-widget-header .ui-state-highlight, .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    color: #ADC7E4;
    border-color: #ADC7E4;
}

.hasTimePicker .ui-datepicker, .ui-datepicker, .hasTimePicker .ui-datepicker .ui-widget-header, .ui-datepicker .ui-widget-header {
    background-color: #ffffff;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%230050AA'%3E%3Cpath d='M57.55 20.83a2.499 2.499 0 00-3.47-.69L30 36.2 5.91 20.14c-1.15-.77-2.7-.46-3.47.69-.15.23-.09.54.14.69l26.31 17.54c.67.45 1.55.45 2.22 0l26.31-17.54c.23-.15.29-.46.13-.69z'/%3E%3C/svg%3E") no-repeat right .9375rem center/1.5rem 1.5rem;
}

textarea::-webkit-resizer {
    width: 12px;
    height: 12px;
    background: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' xml:space='preserve' fill='%234e5761'%3E%3Cpath d='M1.8 58.7V55h53.4V1.6h3.7v57.1H1.8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 12px;
}

.CXSelect .XSelect.XCheckbox:focus-within {
    background: unset;
    outline: unset;
}

input:hover ~ LABEL, input:checked ~ LABEL {
    color: #0050AA;
}

.XPage .XSelect.XList OPTION {
    padding: 16px
}

.XPage .XSelect.XList OPTION:checked {
    background-color: #0050AA;
    color: white;
}

.CXTable table thead th, .CXTable table tbody td {
    padding: 8px 16px !important;
}

.XPage .CXTable TABLE {
    line-height: initial;
    border: unset;
    background: #ffffff;
}

.XPage .CXTable table thead th, .XPage .CXTable table thead th:first-child {
    border: 0;
    color: inherit;
    background-color: transparent;
    vertical-align: bottom;
    border-bottom: 2px solid #e4e4e4;
    font-size: initial;
}

.XPage .CXTable TABLE TBODY TR:nth-child(2n) {
}

.XPage .CXTable TABLE TBODY TR:nth-child(2n) {
    background: unset;
}

.XPage .CXTable TABLE TBODY TR:nth-child(2n+1) {
    background: #F1F2F3;
}

.XPage .CXTable TABLE TBODY TR {
    border-bottom: 1px solid #E3E4E5;
}

.XPage .CXTable TABLE TBODY TR:last-child {
    border: none;
}

.XPage .CXTable .XTableCheckbox TD, .XPage .CXTable .XQuestTable td {
    border: none;
    min-width: 64px;
    width: auto;
    max-width: 50vw !important;
}

.CXCheckbox:focus-within, .CXSelect .XSelect.XCheckbox:focus-within, .CXSelect .XSelect.XRadio:focus-within, .CXSelect .XQuestTable:focus-within {
    background: none;
    outline: none;
}


DIV.xm-item-div .CXUpload LABEL, DIV.xm-item-div .CXUpload LABEL.label-bottom, DIV.xm-item-div .CXUpload LABEL.label-left, DIV.xm-item-div .CXUpload LABEL.label-right, DIV.xm-item-div .CXUpload LABEL.label-top {
    border-radius: 2px;
    background-position: 16px center;
    padding: 16px;
    padding-left: 56px;
    height: 40px;
    background-size: 24px 24px;
    display: inline-flex;
    align-items: center;
}

@media only screen and (min-width: 600px) {
    DIV.xm-item-div .CXUpload LABEL, DIV.xm-item-div .CXUpload LABEL.label-bottom, DIV.xm-item-div .CXUpload LABEL.label-left, DIV.xm-item-div .CXUpload LABEL.label-right, DIV.xm-item-div .CXUpload LABEL.label-top {

        height: 48px;
    }

}


.xm-error-text.label-top.label-none.xm-text {
    margin-top: 8px;
    font-size: 12px;
}

DIV.xm-item-div LABEL.label-top {
    padding-bottom: 8px;
    padding-top: 16px;
    min-height: 48px;
}

.form-control, .hasTimePicker .ui-datepicker .ui-datepicker-title select.ui-datepicker-year, .hasTimePicker .ui-datepicker table tbody td a, .hasTimePicker .ui-datepicker table tbody td a.slot, .hasTimePicker .ui-datepicker table tbody td span, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year, .ui-datepicker table tbody td a, .ui-datepicker table tbody td a.slot, .ui-datepicker table tbody td span, DIV.xm-item-div INPUT.XTextField, DIV.xm-item-div TEXTAREA.XTextArea {
    padding: 8px 16px;
}

.footer, .CXFooter, .XFooter {
    background: #ffffff;
}

.body, .xm-form, BODY {
    background-color: #ffffff;
}

.CXHeader, .XHeader {
    background: #ffffff;
}