/* ======================
   COGNITO CODE OVERRIDES
========================= */
.cognito-form {
    .cog-cognito {
        margin: 0 !important;
    }
    .cog-loader {
        opacity: 1 !important;
    }
    .cog-loader__cog {
        width: 100% !important;
        height: min(200px, 25vw) !important;
        background-color: unset !important;
        -webkit-mask: unset !important;
        animation: unset !important;
        background-image: url("https://cdn.luminate.ideagen.com/production/images/loader/loader.gif") !important;
        background-repeat: no-repeat !important;
        background-size: 64px !important;
        background-position: center !important;
        opacity: 1 !important;
    }
    .cog-cognito.cog-form * {
        font-family: "Gilroy" !important;
    }
    ol.el-scrollbar__view {
        padding-top: 24px !important;
    }
    .cog-label {
        font-size: 14.5px !important;
        margin-bottom: 8px !important;
        font-weight: 600 !important;
        color: var(--ideagen-color-neutral-90) !important;
        line-height: 17.5px !important;
    }
    .cog-input {
        padding-top: 0 !important;
    }
    .cog-form input {
        border: 2px solid var(--ideagen-color-neutral-10) !important;
        border-radius: 8px !important;
        height: 45px !important;
        transition: 0.25s ease-in-out !important;
        font-size: 14.5px !important;
        color: var(--ideagen-color-neutral-90) !important;
    }
    .cog-form input:hover {
        border: 2px solid var(--ideagen-brand-teal-05) !important;
    }
    .cog-form input:focus,
    .cog-form input:active {
        border: 2px solid var(--ideagen-brand-teal-10) !important;
    }
    .cog-form textarea {
        border: 2px solid var(--ideagen-color-neutral-10) !important;
        border-radius: 8px !important;
        transition: 0.25s ease-in-out !important;
        font-size: 14.5px !important;
        color: var(--ideagen-color-neutral-90) !important;
    }
    .cog-form textarea:hover {
        border: 2px solid var(--ideagen-brand-teal-05) !important;
    }
    .cog-form textarea:focus,
    .cog-form input:active {
        border: 2px solid var(--ideagen-brand-teal-10) !important;
    }
    .cog-button--primary {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: var(--ideagen-color-white) !important;
        background: var(--ideagen-brand-pink-05) !important;
        border-radius: 8px !important;
        padding: 8px 10px !important;
        border: 0 !important;
        line-height: 16px !important;
        cursor: pointer !important;
        transition: 0.2s !important;
        box-shadow: none !important;
        outline: 0 !important;
        margin-top: 0!important;
    }
    .cog-button--primary:hover {
        background: var(--ideagen-brand-pink-10) !important;
    }
    .cog-button--primary:focus,
    .cog-button--primary:active {
        background: var(--ideagen-brand-pink-20) !important;
    }
    .cog-button--secondary:not(.cog-upload__upload-button) {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: var(--ideagen-color-neutral-90) !important;
        background: var(--ideagen-color-neutral-05) !important;
        border-radius: 8px !important;
        padding: 8px 10px !important;
        border: 0 !important;
        line-height: 18px !important;
        cursor: pointer !important;
        transition: 0.2s !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
    .cog-button--secondary:not(.cog-upload__upload-button):hover {
        background: var(--ideagen-color-neutral-10) !important;
    }
    .cog-button--secondary:not(.cog-upload__upload-button):focus,
    .cog-button--secondary:active {
        background: var(--ideagen-color-neutral-20) !important;
    }
  .cog-page__navigation .cog-button, :root:root:root:root:root .cog-page__navigation .cog-button {
    margin-top: 0!important;
}
    .cog-helptext {
        line-height: normal !important;
        color: var(--ideagen-color-neutral-60) !important;
        font-size: 14px !important;
        margin-top: 8px !important;
    }
    .cog-error-message {
        background: var(--ideagen-color-red-50) !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
    .cog-form--light-background .cog-col.is-error::after {
        background: var(--ideagen-color-red-30) !important;
        outline: var(--ideagen-color-red-30) calc(var(--gutter) / 2 - 3px) solid !important;
        border-radius: 2px !important;
    }
    span.cog-page-progress__page-title {
        font-size: 14.5px !important;
    }
    .cog-page-progress__page.is-active span.cog-page-progress__page-title {
        font-weight: 700 !important;
    }
    .cog-page-progress--bar a {
        border-top-color: var(--ideagen-color-neutral-10) !important;
    }
    .el-upload-dragger {
        border: 2px dashed var(--ideagen-color-neutral-20) !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        transition: 0.2s !important;
    }
    .cog-upload .el-upload-dragger > div {
        background: var(--ideagen-color-neutral-05) !important;
        border-radius: 8px !important;
        transition: 0.25s ease-in-out !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 82px;
        position: relative;
    }
    .cog-upload .el-upload-dragger > div:hover {
        background: var(--ideagen-color-teal-05) !important;
    }
    .cog-upload:not(.is-read-only) {
        border: none !important;
    }
    .cog-cognito--styled .el-checkbox__inner,
    .cog-cognito--styled .el-radio__inner {
        width: 20px !important;
        height: 20px !important;
        border: 2px solid var(--ideagen-color-neutral-20) !important;
        transition: 0.25s ease-in-out !important;
    }
    .cog-cognito--styled .el-checkbox__inner:hover,
    .cog-cognito--styled .el-radio__inner:hover {
        border: 2px solid var(--ideagen-brand-teal-10) !important;
    }
    .cog-cognito--styled .is-checked .el-checkbox__inner {
        background-color: var(--ideagen-brand-teal-10) !important;
        border: 2px solid var(--ideagen-brand-teal-10) !important;
    }
    .cog-choice-option {
        cursor: pointer !important;
    }
    .cog-cognito--styled .is-focus.is-checked .el-checkbox__inner,
    .cog-cognito--styled .is-checked:focus .el-radio__inner {
        box-shadow: 0 0 0 1px var(--ideagen-brand-teal-10) !important;
    }
    .cog-section__heading.cog-heading {
        font-size: 14.5px !important;
        margin-bottom: 8px !important;
        font-weight: 600 !important;
        color: var(--ideagen-color-neutral-90) !important;
        line-height: 17.5px !important;
    }
    .cog-section__inner--background {
        background: white !important;
        border: calc(var(--border-width) * 2) solid hsla(var(--background-hsl), 0.2) !important;
    }
    .cog-upload__upload-button {
        text-decoration: none !important;
        color: var(--ideagen-brand-teal-10) !important;
        font-weight: 700 !important;
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        box-shadow: none !important;
        margin-right: -4px !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        font-size: 0 !important;
    }
    .cog-upload__drag-text:before {
        content: "Upload" !important;
        margin-right: 4px !important;
        color: var(--ideagen-brand-teal-10) !important;
        font-weight: 700 !important;
    }
    .cog-upload__drag-text {
        margin-left: 2px !important;
        line-height: normal;
        padding-top: 32px !important;
    }
    .cog-upload .el-upload-dragger.is-dragover > div {
        background: var(--ideagen-color-teal-05) !important;
        border-color: unset !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
  .cog-upload .el-upload-dragger > div {
    background: var(--ideagen-color-neutral-05) !important;
    border-radius: 8px !important;
    transition: 0.25s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 82px !important;
    position: relative !important;
}
    .cog-upload .el-upload-dragger > div::before {
        content: ""!important;
        position: absolute!important;
        top: 15px!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
        display: inline-block!important;
        width: 24px!important;
        height: 24px!important;
        background-repeat: no-repeat!important;
        background-size: contain!important;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7097 12.1678C15.0235 11.9238 15.4773 11.9459 15.7657 12.2343C16.0781 12.5467 16.0781 13.0533 15.7657 13.3657L12.5657 16.5657L12.4903 16.6322C12.1765 16.8763 11.7227 16.8541 11.4343 16.5657L8.23433 13.3657L8.16778 13.2903C7.92376 12.9765 7.94594 12.5227 8.23433 12.2343L8.3097 12.1678C8.62353 11.9238 9.07732 11.9459 9.3657 12.2343L11 13.8683V4.00636L11 4C11 3.44771 11.4477 3 12 3C12.5523 3 13 3.44771 13 4L13 13.8682L14.6343 12.2343L14.7097 12.1678Z" fill="%232F4051"/><path d="M7 8C5.34315 8 4 9.34315 4 11V18C4 19.6569 5.34315 21 7 21H17C18.6569 21 20 19.6569 20 18V11C20 9.34315 18.6569 8 17 8H15C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10H17C17.5523 10 18 10.4477 18 11V18C18 18.5523 17.5523 19 17 19H7C6.44772 19 6 18.5523 6 18V11C6 10.4477 6.44772 10 7 10H9C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8H7Z" fill="%232F4051"/></svg>')!important;
    }
    .cog-upload__list li:hover {
        background: var(--ideagen-color-neutral-05) !important;
        border-radius: 8px !important;
    }
    .cog-cognito--styled .cog-body a {
        color: var(--ideagen-brand-teal-10) !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    .el-checkbox__label span.cog-choice__value {
        font-size: 14.5px !important;
        margin-left: 4px !important;
        display: block !important;
    }
    .cog-cognito--styled .el-input__inner {
        border: 2px solid var(--ideagen-color-neutral-10) !important;
        border-radius: 8px !important;
        height: 42px !important;
    }
    .cog-cognito--styled .el-input__inner[aria-haspopup="listbox"] {
        cursor: pointer !important;
    }
    .cog-cognito--styled .el-input__inner:hover {
        border: 2px solid var(--ideagen-brand-teal-05) !important;
    }
    .cog-cognito--styled .el-input__inner:focus,
    .cog-cognito--styled .el-input__inner:active {
        border: 2px solid var(--ideagen-brand-teal-10) !important;
    }
    .cog-confirmation__message.cog-content.cog-html.cog-input p:nth-of-type(1) {
        margin: 0 !important;
    }
    .cog-confirmation__message.cog-content.cog-html.cog-input p:not(:nth-of-type(1)) {
        margin: 8px 0 !important;
        color: var(--ideagen-color-neutral-70) !important;
        font-size: 14.5px !important;
    }
    .cog-confirmation__message.cog-content.cog-html.cog-input h3 {
        font-size: 18px !important;
        font-weight: 700 !important;
        margin-bottom: 0 !important;
    }
    input.cog-picker__native-placeholder.el-input__inner {
        outline: 0 !important;
        border: 0 !important;
        background: none !important;
    }
    .cog-checkable.cog-inner-col {
        gap: calc(var(--gutter) * 0.4) !important;
    }
    @media (max-width: 767px) {
        .cog-checkable.cog-inner-col--2 {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        }
    }
}
.el-select-dropdown.el-popper {
    font-family: "Gilroy" !important;
    font-weight: 500 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(233, 233, 233, 1) !important;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05) !important;
}
.cog-cognito .el-select-dropdown__list li:hover {
    background: var(--ideagen-color-neutral-05) !important;
    outline: 0 !important;
}
.cog-cognito .el-select-dropdown__list li:first-child {
    border-radius: 12px 12px 0 0 !important;
}
.cog-cognito .el-select-dropdown__list li:last-child {
    border-radius: 0 0 12px 12px !important;
}
.cog-cognito .el-select-dropdown__list li {
    font-size: 14.5px !important;
}
.cog-cognito .el-select-dropdown__list li.selected {
    color: var(--ideagen-brand-teal-10) !important;
}
.cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only) {
    border: 2px solid rgba(221, 224, 227, 1) !important;
  	background: white !important;
    border-radius: 8px !important;
    box-shadow: none!important;
    transition: 0.25s ease-in-out!important;
    display: flex !important;
    align-items: center !important;
    line-height: normal!important;
    font-weight: 600 !important;
}
.cog-checkable--card .cog-checkable__item:not(.is-read-only):hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1) !important;
}
.cog-checkable--card .cog-checkable__item:not(.is-read-only).is-checked, :root:root:root:root:root .cog-checkable--card .cog-checkable__item:not(.is-read-only).is-checked {
   border-color: var(--ideagen-brand-teal-20) !important;
   color: var(--ideagen-brand-teal-20) !important;
   background-color: var(--ideagen-color-teal-05) !important;
   box-shadow: none!important;
}
.cog-checkable--card .cog-checkable__item:not(.is-read-only).is-checked:focus-within {
    outline: 0!important;
    outline-offset: 0!important;
}
.cog-checkable--card .cog-checkable__item:not(.is-read-only):not(.is-checked):focus-within, :root:root:root:root:root .cog-checkable--card .cog-checkable__item:not(.is-read-only):not(.is-checked):focus-within {
  	outline: 0!important;
    outline-offset: 0!important;
  }
.cog-checkable--card .is-checked .cog-choice__card-checkmark, :root:root:root:root:root .cog-checkable--card .is-checked .cog-choice__card-checkmark {
    display:none !important;
}
.cog-cognito--styled .el-radio__inner::after, :root:root:root:root:root .cog-cognito--styled .el-radio__inner::after {
    border: 2px solid transparent !important;
}
.cog-cognito--styled .is-checked .el-radio__inner::after, :root:root:root:root:root .cog-cognito--styled .is-checked .el-radio__inner::after {
    box-shadow: inset 0 0 0 1em var(--ideagen-brand-teal-10) !important;
    border: 2px solid white !important;
}
.cog-cognito--styled .el-radio__input.is-checked .el-radio__inner {
    border: 2px solid var(--ideagen-brand-teal-10) !important;
}