:root {
    --header-logo-width: 50px;
    --header-logo-height: 50px;
    --color-background: #ffffff;

    --lip-theme-primary-color: #2276d2;
    --lip-theme-text-color: #252525;
    --lip-theme-error-color: #cc2020;
    --lip-theme-gray1-color: #e5e7eb;
    --lip-theme-gray2-color: #9ca3af;
}

@font-face {
    font-family: "NotoSans";
    font-style: normal;
    font-weight: 400;
    src: local("NotoSans Regular"),
    local("NotoSans-Regular"),
    url("../fonts/NotoSans-Regular.woff2") format("woff2"),
    url("../fonts/NotoSans-Regular.woff") format("woff");
}

@font-face {
    font-family: "NotoSans";
    font-style: italic;
    font-weight: 400;
    src: local("NotoSans Italic"),
    local("NotoSans-Italic"),
    url("../fonts/NotoSans-Italic.woff2") format("woff2"),
    url("../fonts/NotoSans-Italic.woff") format("woff");
}

@font-face {
    font-family: "NotoSans";
    font-style: normal;
    font-weight: 600;
    src: local("NotoSans Bold"),
    local("NotoSans-Bold"),
    url("../fonts/NotoSans-Bold.woff2") format("woff2"),
    url("../fonts/NotoSans-Bold.woff") format("woff");
}

@font-face {
    font-family: "NotoSans";
    font-style: italic;
    font-weight: 600;
    src: local("NotoSans Bold"),
    local("NotoSans-Bold"),
    url("../fonts/NotoSans-BoldItalic.woff2") format("woff2"),
    url("../fonts/NotoSans-BoldItalic.woff") format("woff");
}

html {
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga", "kern";
    scroll-behavior: smooth;
}

body {

    padding-top: 0 !important;

    &.main-grid {
        margin: 0;
        background-color: var(--color-background) !important;
        font-family: "Noto Sans", system-ui, Arial, sans-serif !important;
        font-size: 15px !important;
        text-size-adjust: none;
        color: var(--lip-theme-text-color) !important;


        /* IFF LINK START */

        .iff-link {
            font-size: 14px;
            color: var(--lip-theme-primary-color) !important;
            font-weight: 700 !important;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }

        /* IFF LINK END */


        /* HEADER START */

        #lip-header {

            #lip-header-main {
                height: 82px;
                padding-left: 24px !important;
                border-bottom: none !important;
                box-shadow: 0 10px 14px #0000001a;
            }

            .logo {
                a {
                    &:hover {
                        border-radius: 4px;
                        outline: 2px solid var(--lip-theme-primary-color) !important;
                        outline-offset: 4px;
                    }
                }

                img {
                    height: var(--header-logo-height);
                    width: var(--header-logo-width);
                }
            }

            .prod-and-nav {
                margin-left: 6px !important;

                .product {
                    font-size: 18px;
                    font-weight: 700;
                }
            }

            /* Dashboard link */

            .flex-wrapper.navigation {
                display: none;
            }
        }

        /* HEADER END */

        /* FOOTER START */

        #lip-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100% !important;
            background-color: #ffffff;
            display: flex;
            align-items: center;
            z-index: 10;
            height: 44px !important;
            min-height: 44px !important;
            border-top: none !important;
            box-shadow: 0 -10px 14px 0 #0000001a;
            padding: 0 !important;

            .wrapper {
                width: calc(100vw - 30px)
            }

            ul {
                display: flex;
                justify-content: flex-end;
                gap: 40px;
                list-style: none;
                margin: 0;
                padding: 0;
            }
        }

        /* FOOTER END */

        /* BUTTONS START */

        button {
            &.primary, &.secondary, &.button-primary {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                column-gap: 8px !important;
                cursor: pointer !important;
                border: 2px solid var(--lip-theme-primary-color) !important;
                border-radius: 6px !important;
                font-family: NotoSans, Arial, sans-serif !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                line-height: 20px !important;
                text-align: center !important;
                padding: 6px 10px !important;


                &:hover {
                    outline: none !important;
                    box-shadow: none !important;
                }
            }

            &.primary, &.button-primary {
                background-color: var(--lip-theme-primary-color) !important;
                color: white !important;

            }

            &.secondary {
                background-color: #ffffff !important;
                color: var(--lip-theme-primary-color) !important;
            }
        }

        /* BUTTONS END */

        /* FORMS START */

        form {

            /* LABEL START */

            label {
                span {
                    font-size: 14px;
                    margin-bottom: 4px;
                }

                &:hover {
                    span {
                        text-decoration: none !important;
                    }
                }
            }

            /* LABEL END */

            /* INPUT DEFAULT START */

            input[type=text], input[type=email], input[type=password] {
                display: flex;
                gap: 0.5rem;
                padding: 0.625rem 0.875rem;
                font-size: 1rem;
                line-height: 1.5rem;
                border-radius: 0.375rem;
                border: 0;
                appearance: none;
                color: var(--lip-theme-text-color);
                box-shadow: inset 0 0 0 1px var(--lip-theme-gray2-color);
                transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

                &.error {
                    box-shadow: inset 0 0 0 1px var(--lip-theme-error-color);
                }

                &::placeholder {
                    color: var(--lip-theme-gray2-color) !important;
                }

                &:focus {
                    outline: none;
                }

                &:focus-visible {
                    box-shadow: inset 0 0 0 2px var(--lip-theme-primary-color);

                    &.error {
                        box-shadow: inset 0 0 0 2px var(--lip-theme-error-color);
                    }
                }

                &:disabled {
                    cursor: not-allowed;
                    opacity: 0.75;
                    background-color: var(--lip-theme-gray1-color);
                    box-shadow: none;
                }
            }

            /* INPUT DEFAULT END */

            /* CHECKBOX START */

            input[type="checkbox"] {
                accent-color: var(--lip-theme-primary-color); /* Deine Wunschfarbe */
                width: 24px !important;
                height: 24px !important;
            }

            /* CHECKBOX END */


            /* ERRORS START */

            ul.errors {
                margin-top: 5px;

                li {
                    color: var(--lip-theme-error-color);
                    font-size: 14px;
                    font-weight: normal;
                }
            }

            /* ERRORS START */
        }

        /* FORMS END */

        /* LOGIN START */

        .login {
            border: 2px solid var(--lip-theme-gray2-color) !important;
            border-radius: 16px !important;
            padding: 56px 64px 16px 64px !important;
            box-shadow: none !important;

            .content {
                font-size: 14px !important;
            }

            #lip-loginForm {
                h1 {
                    color: var(--lip-theme-text-color)
                }
            }

            .viewEmbedding.error {
                border-radius: 16px !important;

                .icon {
                    border-left: none
                }
            }
        }

        /* LOGIN END */

        /* LOGOUT START */

        #logoffMessageArea {
            border: 2px solid var(--lip-theme-gray2-color) !important;
            border-radius: 16px !important;
            padding: 56px 64px !important;
            box-shadow: none !important;

            a {
                color: var(--lip-theme-primary-color);
                font-weight: 700;

                &:hover {
                    outline: none !important;
                }
            }
        }

        /* LOGOUT END */

        /* ERROR PAGE START */

        #lip-main.appError.element {
            background-color: var(--color-background) !important;

            .error.viewEmbedding {
                border-radius: 16px !important;
                padding-bottom: 10px;

                .icon {
                    border-left: none
                }
            }
        }

        /* ERROR PAGE END */

    }

}

/* REQUEST START */


#lip_formBean .ffw_errorLabel {
    font-family: NotoSans, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-top: 4px !important;
    color: #cc2020;
}

.headerSeparator {
    background-color: #1775d3;
}

.ffw_segmentGroup {
    margin-bottom: 40px;
    box-shadow: rgba(7, 21, 41, 0.1) 0 20px 32px 0 !important;
}

.lipDisplayNone {
    display: none !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * IMPORTANT Necessary adjustments for the WebComponent integration
 */

.formBody .form-main .sidebar.left,
.formBody .form-main .sidebar.help {
    position: absolute !important;
    z-index: 10 !important;
    box-shadow: none !important;
}

.formBody .form-main .sidebar.left .sticky-content {
    top: 195px !important;
    position: fixed !important;
}

.formBody .form-main .sidebar.help .sticky-content {
    top: 200px !important;
    position: fixed !important;
}

.formBody .form-main .sidebar-visibility-switch {
    position: absolute !important;
    top: unset !important;
    z-index: 11 !important;
}

.formBody .form-main .sidebar-visibility-switch button {
    top: 195px !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * FormNavigation necessary adjustments that do not work over theme detail-params
 */

.FormNavigation * {
    font-family: NotoSans, sans-serif !important;
}

.FormNavigation button.action {
    min-height: 50px !important;
}

.FormNavigation > ul.items > li.current > div.item > button.action {
    border-left: 6px solid #2276d2 !important;
}

.FormNavigation .action:not([aria-disabled=true]):hover {
    color: #2276d2 !important;
}

.FormNavigation .item .status.error,
.FormNavigation .item .status.active-error {
    color: #cc2020 !important;
    fill: #cc2020 !important;
}

.FormNavigation .item .status.finished {
    color: #2276d2 !important;
    fill: #2276d2 !important;
}

.formBody .form-main .sidebar-visibility-switch svg {
    fill: #2276d2 !important;
}

.formBody .form-main .sidebar-visibility-switch button {
    border-color: #2276d2 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Fixes / Overrides
 */
/*#lip_formBean div[id^="icon:"][id$=":wrapper"] {*/
/*fix position selectize icon */
/*top: 11px !important;*/
/*}*/

#lip_formBean .lip_checkbox:has(input[type="radio"]) {
    /*fix position */
    margin-left: 1px !important;
}

#lip_formBean .lip_checkbox > input[type="radio"],
#lip_formBean .lip_checkbox > input[type="checkbox"] {
    height: 24px !important;
}

#lip_formBean .lip_checkbox + .Label.formControlLabel {
    cursor: pointer !important;
}

.Fieldset {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;

    border-color: #717171 !important;
    border-radius: 6px !important;
    padding: 0 30px 40px 30px !important;
}

.Fieldset > legend {
    color: #4a5568 !important;
}

.Fieldset > div.flex-container {
    flex: 1 0 100%;
}

fieldset {
    padding-bottom: 1px !important;
}

.Input.ffw_notEditable,
.InputSelect.ffw_notEditable,
.ffw_notEditable.formControl.formControlText,
.ffw_notEditable.formControl.formControlMultilineText {
    color: rgb(74, 85, 104) !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    min-height: 16px !important;
    border: 1px solid #808080;
    border-radius: 6px;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Special / Buttons
 */

.ButtonDeleteCompact > .lip_icon {
    display: inline-block;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1rem;
    margin-right: 0.5rem;
}

/** ButtonGroupAdd **/

.ButtonGroupAdd::before,
.ButtonGroupAddLarge::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20style%3D%22color%3A%232777c6%3B%22%20viewBox%3D%220%200%2015%2016%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-728.000000%2C%20-1384.000000)%22%20fill%3D%22currentColor%22%3E%3Cg%20transform%3D%22translate(647.500000%2C%201351.000000)%22%3E%3Cg%20transform%3D%22translate(80.500000%2C%2031.500000)%22%3E%3Cg%20transform%3D%22translate(0.000000%2C%202.000000)%22%3E%3Crect%20id%3D%22Rectangle%22%20x%3D%226%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2215%22%20rx%3D%221.5%22%3E%3C/rect%3E%3Crect%20id%3D%22Rectangle-Copy-2%22%20transform%3D%22translate(7.500000%2C%207.500000)%20rotate(-270.000000)%20translate(-7.500000%2C%20-7.500000)%20%22%20x%3D%226%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2215%22%20rx%3D%221.5%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 16px;
    padding-right: 1.75rem;
}

.ButtonGroupAddLarge::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20style%3D%22color%3A%23555254%3B%22%20viewBox%3D%220%200%2015%2016%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-728.000000%2C%20-1384.000000)%22%20fill%3D%22currentColor%22%3E%3Cg%20transform%3D%22translate(647.500000%2C%201351.000000)%22%3E%3Cg%20transform%3D%22translate(80.500000%2C%2031.500000)%22%3E%3Cg%20transform%3D%22translate(0.000000%2C%202.000000)%22%3E%3Crect%20id%3D%22Rectangle%22%20x%3D%226%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2215%22%20rx%3D%221.5%22/%3E%3Crect%20id%3D%22Rectangle-Copy-2%22%20transform%3D%22translate(7.500000%2C%207.500000)%20rotate(-270.000000)%20translate(-7.500000%2C%20-7.500000)%20%22%20x%3D%226%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2215%22%20rx%3D%221.5%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ButtonRemove:hover {
    outline: #1775d3 solid 2px;
    box-shadow: none;
    outline-offset: -2px;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * SPECIAL - Edit box with border
 */

.ffw_segmentGroup {
    /* !override lucom default style! */
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

.ffw_segmentGroup.EducationEditSection,
.ffw_segmentGroup.PracticalPhaseEditSection,
.ffw_segmentGroup.PostGraduateEditSection {
    /*margin-top: 20px !important;*/
    margin-left: 38px !important;
    margin-right: 86px !important;
    padding: 0 46px 20px 6px;

    border-style: solid;
    border-color: #717171;
    border-width: 1px;
    border-radius: 6px;
}

.ffw_segmentGroup.EducationEditSection .ffw_segmentInstance .flex-container,
.ffw_segmentGroup.PracticalPhaseEditSection .ffw_segmentInstance .flex-container,
.ffw_segmentGroup.PostGraduateEditSection .ffw_segmentInstance .flex-container {
    padding-right: 0 !important;
}

.ffw_segmentGroup.EducationEditSection .ButtonPrimary,
.ffw_segmentGroup.PracticalPhaseEditSection .ButtonPrimary,
.ffw_segmentGroup.PostGraduateEditSection .ButtonPrimary {
    flex-grow: 0 !important;
}

/**----------------------------------------------------------------------------*/

/**
 * PARAGRAPH SPACER
 -----------------------------------------------------------------------------*/

.ffw_segmentGroup.applicantSection,
.ffw_segmentGroup.CommunicationSection,
.ffw_segmentGroup.AddressSection,
.ffw_segmentGroup.ResidentSection,
.ffw_segmentGroup.SixMonthsSection,
.ffw_segmentGroup.DifferentAddressSection,
.ffw_segmentGroup.AuthorisedSection,
.ffw_segmentGroup.RequestDataSection,
.ffw_segmentGroup.EducationInSection,
.ffw_segmentGroup.ProfessionSection,
.ffw_segmentGroup.MotherTongueSection,
.ffw_segmentGroup.EWRSection,
.ffw_segmentGroup.EPCSection,
.ffw_segmentGroup.FEGSection,
.ffw_segmentGroup.TrainingComparisonSection,
.ffw_segmentGroup.RequestOtherStateSection,
.ffw_segmentGroup.DeclarationCostTakeoverSection,
.ffw_segmentGroup.EducationCountriesSection,
.ffw_segmentGroup.ProfessionEducationSection,
.ffw_segmentGroup.EducationJobSection,
.ffw_segmentGroup.StateSection,
.ffw_segmentGroup.PracticalPhaseSection,
.ffw_segmentGroup.PostGraduateSection,
.ffw_segmentGroup.EarlierProcedureSection,
.ffw_segmentGroup.DeclarationsEuSection,
.ffw_segmentGroup.WorkPermitSection,
.ffw_segmentGroup.StudySection,
.ffw_segmentGroup.TrainingSection,
.ffw_segmentGroup.CircumstanceSection,
.ffw_segmentGroup.NotifiedSection,
div[id^="lip_segment-instance:request_attachment"][id$="attachments_item_uploadbox"].ffw_segmentInstance {
    margin-bottom: 2rem !important;
}

.ffw_segmentGroup.applicantSection:after,
.ffw_segmentGroup.CommunicationSection:after,
.ffw_segmentGroup.AddressSection:after,
.ffw_segmentGroup.ResidentSection:after,
.ffw_segmentGroup.SixMonthsSection:after,
.ffw_segmentGroup.DifferentAddressSection:after,
.ffw_segmentGroup.AuthorisedSection:after,
.ffw_segmentGroup.RequestDataSection:after,
.ffw_segmentGroup.EducationInSection:after,
.ffw_segmentGroup.ProfessionSection:after,
.ffw_segmentGroup.MotherTongueSection:after,
.ffw_segmentGroup.EWRSection:after,
.ffw_segmentGroup.EPCSection:after,
.ffw_segmentGroup.FEGSection:after,
.ffw_segmentGroup.TrainingComparisonSection:after,
.ffw_segmentGroup.RequestOtherStateSection:after,
.ffw_segmentGroup.DeclarationCostTakeoverSection:after,
.ffw_segmentGroup.EducationCountriesSection:after,
.ffw_segmentGroup.ProfessionEducationSection:after,
.ffw_segmentGroup.EducationJobSection:after,
.ffw_segmentGroup.StateSection:after,
.ffw_segmentGroup > .PracticalPhaseSection:after,
.ffw_segmentGroup.PostGraduateSection:after,
.ffw_segmentGroup.EarlierProcedureSection:after,
.ffw_segmentGroup.DeclarationsEuSection:after,
.ffw_segmentGroup.WorkPermitSection:after,
.ffw_segmentGroup.WorkPermitSection:after,
.ffw_segmentGroup.StudySection:after,
.ffw_segmentGroup.TrainingSection:after,
.ffw_segmentGroup.CircumstanceSection:after,
.ffw_segmentGroup.NotifiedSection:after,
div[id^="lip_segment-instance:request_attachment"][id$="attachments_item_uploadbox"].ffw_segmentInstance:after {
    content: "";
    display: block;
    padding-top: 2rem !important;
    height: 1px !important;
    border-bottom: 1px solid #e5e7eb !important;
    margin: 0 86px 0 38px !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Checkbox, Radiobutton
 */

.lip_checkbox input[type="checkbox"]:checked ~ div > .after,
.lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .after {
    color: #2276d2 !important;
}

.lip_checkbox input[type="radio"]:checked ~ div > .after:before,
.lip_checkbox div[data-type="radio"][data-checked="checked"] ~ div > .after:before {
    background-color: #2276d2 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Hover, active fixes
 */
/*dropdown*/

.selectize-control:hover + .selectizeIcon,
.selectizeWrapper:hover .selectizeIcon {
    color: #2276d2 !important;
}

.selectize-dropdown .selectize-dropdown-content .active.hover {
    color: #000000 !important;
    background-color: #e2eefc !important;
}

/*Tooltip*/

.tooltip {
    border-color: #2276d2 !important;
}

.tooltip.top:before {
    border-bottom-color: #2276d2 !important;
}

.tooltip .icon {
    fill: #2276d2 !important;
}

/*Lookup*/

.form button.lookupOpener:hover svg {
    fill: #2276d2 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Upload , Items, Attachment
 */

.UploadedItem .lip_icon {
    display: inline-block;
    font-size: 1.75rem;
}

.UploadedItem .file-info {
    line-height: 1rem;
    font-size: 0.9rem;
    overflow-wrap: break-word;
    word-break: break-word;
}

.UploadedItem .file-info__name {
    font-family: NotoSans, sans-serif;
    font-weight: 600;
}

.UploadedItem .file-info__size {
    font-family: NotoSans, sans-serif;
    font-weight: 400;
}

.UploadedItem .file-info__status {
    font-family: NotoSans, sans-serif;
    font-weight: 400;
}

.UploadedItem button {
    font-family: NotoSans, sans-serif;
    font-weight: 400;
}

.UploadedItem a {
    padding: 5px !important;
    color: #242424 !important
}

.UploadedItem a:hover,
.UploadedItem a:focus {
    outline: #1775d3 solid 2px;
    box-shadow: none;
    outline-offset: -2px;
    border-radius: 6px;
}

.UploadedItem .lip_icon {
    color: #4a5568 !important;
    margin-right: 1rem !important;
}

.ffw_segmentInstance:has(.UploadedItem) > .flex-container {
    padding-top: 0 !important; /*Reduces the space between the heading and the upload container.*/
    align-items: center !important;
}

.Upload {
    border-color: #717171 !important;
    border-radius: 6px !important;
    color: #242424 !important
}

.Upload:hover {
    border-color: #1775d3 !important;
    border-radius: 6px !important;
    color: #1775d3 !important
}

div[id$="attachments_item_description"].ffw_segmentInstance h2.Header2 {
    margin-bottom: 0 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Lookup Input
 */

.lookupWrapper div:has(>.lookupOpener.button) {
    position: unset !important;
    height: 40px !important;
}

.lookupWrapper .lookupOpener.button {
    position: unset !important;
    height: 40px !important;
    padding: 0 2em;
    border: none !important;
    box-shadow: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='color:%23555254;' viewBox='0 0 16 16'%3E<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g transform='translate(-914.000000, -1512.000000)'><g transform='translate(902.031250, 1500.000000)'><rect x='4.54747351e-13' y='0' width='40' height='40'></rect><g transform='translate(7.500000, 7.500000)' fill='currentColor'><g transform='translate(5.000000, 5.000000)'><path d='M6.0880127,0.3125 C9.27774028,0.3125 11.8635254,2.89828511 11.8635254,6.0880127 C11.8635254,7.36390373 11.4497998,8.54316397 10.7491865,9.49895548 L14.459731,13.2096882 C14.8185226,13.5684798 14.8185226,14.1508616 14.459731,14.5096532 C14.1009394,14.8684448 13.5185576,14.8684448 13.159766,14.5096532 L13.159766,14.5096532 L9.44082615,10.7912456 C8.49553478,11.4663275 7.33815901,11.8635254 6.0880127,11.8635254 C2.89828511,11.8635254 0.3125,9.27774028 0.3125,6.0880127 C0.3125,2.89828511 2.89828511,0.3125 6.0880127,0.3125 Z M6.0880127,2.1875 C3.93381902,2.1875 2.1875,3.93381902 2.1875,6.0880127 C2.1875,8.24220637 3.93381902,9.98852539 6.0880127,9.98852539 C8.24220637,9.98852539 9.98852539,8.24220637 9.98852539,6.0880127 C9.98852539,3.93381902 8.24220637,2.1875 6.0880127,2.1875 Z' fill-rule='nonzero'></path></g></g></g></g></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    background-color: rgba(0, 0, 0, 0);
    /*keep the 9px left so the lookup input and datepicker have the same size*/
    margin: 0 0 0 9px !important;
}

.lookupWrapper .selectize-control {
    width: calc(100% - 90px) !important;
}

.lookupWrapper .lookupOpener.button .lip_icon > span {
    /*Remove dots-horizontal*/
    display: none;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Datepicker input
 */

.formControlText.componentWrapper:has(.datePickerOpener) {
    border: 0 solid transparent !important;
}

.formControlText.componentWrapper.ffw_focussed:has(.datePickerOpener) {
    border: none !important;
    outline: none !important;
    outline-offset: unset !important;
}

.formControlText.componentWrapper:has(.datePickerOpener) input {
    border: 1px solid #717171 !important;
    outline: 2px solid transparent !important;
    border-radius: 6px !important;
    max-width: calc(100% - 95px) !important;
    width: 100% !important;
    flex: unset !important;
    height: auto !important;
    outline-offset: -2px;
}

.formControlText.componentWrapper:has(.datePickerOpener) input:focus {
    box-shadow: none !important;
    border: 1px solid transparent !important;
    outline: 2px solid #2775c4 !important;
}

.formControlText.componentWrapper:has(.datePickerOpener) .datePickerOpener {
    padding: 20px 25px !important;
    margin-left: 10px !important;
    border: 2px solid transparent !important;
}

.formControlText.componentWrapper:has(.datePickerOpener) .datePickerOpener.ffw_focussed {
    outline: none !important;
    border: 2px solid #2775c4 !important;
    border-radius: 6px !important;
}

.formControlText.componentWrapper:has(.datePickerOpener) .datePickerOpener svg {
    width: 22px !important;
    height: 22px !important;
}

.form button.datePickerOpener:hover svg {
    fill: #2275c4 !important;
}

.formControlText.componentWrapper.ffw_notEditable > .formControlText {
    padding-left: 0 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Lookup window
 */

.lookupWindow .dialog .header h2 {
    color: #252525 !important;
}

.lookupWindow .button.primary,
.lookupWindow .button-primary {
    background-color: #2276d2 !important;
    border-color: #2276d2 !important;
    color: #ffffff;
}

.lookupWindow .pageBrowser .button:not([disabled]):hover .svg-container {
    fill: #2276d2 !important;
}

.lookupWindow thead th {
    background-color: #bcd8fa !important;
    font-weight: bold !important;
    color: #111827 !important;
}

.lookupWindow .pages > input:hover,
.lookupWindow .pages > input:hover {
    background-color: #e2eefc !important;
}

.lookupWindow .pages .current {
    background-color: #e2eefc !important;
    color: #111827 !important;
}

.lookupWindow .dialog .matchcode input[type="text"] {
    min-height: 40px;
}

.lookupWindow .dialog div.content .list .table .tBody .tRow:hover {
    background-color: #e2eefc !important;
}

.lookupWindow .dialog div.content .list .table .tBody .tCell a {
    color: #000000 !important;
}

.lookupWindow .dialog div.content .list .table .tBody .tRow:hover a {
    text-decoration: none !important;
    color: #000000 !important;
}

.lookupWindow .button.link {
    color: #2276d2 !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Datepicker window
 */

.datepicker div > button {
    color: #333333 !important;
}

.datepicker:focus,
.datepicker *:focus {
    border-color: #2276d2 !important;
}

.datepicker table tr td.highlighted {
    color: #000000 !important;
    background-color: #e2eefc !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #ffffff !important;
    background-color: #2276d2 !important;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
    color: #ffffff !important;
}

.datepicker table tr td.today {
    background-color: #e2eefc !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Icons
 */

.InformationIcon {
    /* (i) Label */
    font-size: 1.75rem;
}

.MiniQuestionIcon {
    /* (?) Icon */
    align-self: flex-start;
}

.MiniQuestionIcon svg {
    /*width: 1.75rem !important;*/
    /*height: 1.75rem !important;*/
    fill: #4a5568 !important;
}

.MiniQuestionIcon > span {
    display: flex;
}

.formControlLabel.icon.componentWrapper .lip_icon {
    font-size: 1.5rem !important;
    margin-left: 0.25rem !important;
}

/**----------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------
 * Project-specific
 */

#lip_formBean div[id^="icon:"][id$=":wrapper"] {
    /*fix position selectize icon */
    top: 11px !important;
}

/**----------------------------------------------------------------------------*/