.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}
:root {
    --babColor0: #1a505b;
    --babColor1: #c2e6ee;
    --babColor2: #85cddc;
    --babColor3: #48b4cb;
    --babColor4: #133c44;
    --babColor5: #0d282e;

    --midColor0: #7e2668;
    --midColor1: #f2d2ea;
    --midColor2: #e4a5d4;
    --midColor3: #d778bf;
    --midColor4: #6a2057;
    --midColor5: #541945;

    --babFilter0: invert(24%) sepia(13%) saturate(2284%) hue-rotate(143deg) brightness(94%) contrast(87%);
    --babFilter5: brightness(0) saturate(100%) invert(11%) sepia(9%) saturate(3251%) hue-rotate(144deg) brightness(99%)
        contrast(95%);

    --midFilter0: invert(19%) sepia(41%) saturate(3099%) hue-rotate(287deg) brightness(91%) contrast(90%);
    --midFilter5: invert(13%) sepia(58%) saturate(1503%) hue-rotate(279deg) brightness(98%) contrast(98%);

    --whiteFilter: invert(100%) sepia(0%) saturate(7465%) hue-rotate(185deg) brightness(108%) contrast(99%);

    --colorGrey0: #bfbfbf;
    --colorGrey1: #ffffff;
    --colorGrey2: #f2f2f2;
    --colorGrey3: #d9d9d9;
    --colorGrey4: #a6a6a6;
    --colorGrey5: #9c9c9c;
    
    --successLight: #E2FAEC;
    --successMid: #198754;
    --successDark: #0F5132;
    --warningLight: #FFF3E9;
    --warningMid: #FD7E14;
    --warningDark: #C25D08;
    --errorLight: #FFEAEC;
    --errorMid: #DC3545;
    --errorDark: #AE0F1E;
    --infoLight: #E4EFFF;
    --infoMid: #0D6EFD;
    --infoDark: #084298;
	
	  --successLightFilter: brightness(0) saturate(100%) invert(87%) sepia(14%) saturate(241%) hue-rotate(87deg) brightness(111%) contrast(96%);
    --successMidFilter: brightness(0) saturate(100%) invert(35%) sepia(91%) saturate(385%) hue-rotate(100deg) brightness(99%) contrast(90%);
    --successDarkFilter: brightness(0) saturate(100%) invert(22%) sepia(62%) saturate(539%) hue-rotate(100deg) brightness(97%) contrast(94%);
    --warningLightFilter: brightness(0) saturate(100%) invert(87%) sepia(13%) saturate(502%) hue-rotate(321deg) brightness(110%) contrast(103%);
    --warningMidFilter: brightness(0) saturate(100%) invert(53%) sepia(13%) saturate(5169%) hue-rotate(352deg) brightness(105%) contrast(98%);
    --warningDarkFilter: brightness(0) saturate(100%) invert(31%) sepia(69%) saturate(2548%) hue-rotate(22deg) brightness(97%) contrast(94%);
    --errorLightFilter: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(500%) hue-rotate(307deg) brightness(111%) contrast(104%);
    --errorMidFilter: brightness(0) saturate(100%) invert(28%) sepia(70%) saturate(3477%) hue-rotate(338deg) brightness(91%) contrast(88%);
    --errorDarkFilter: brightness(0) saturate(100%) invert(10%) sepia(63%) saturate(6283%) hue-rotate(347deg) brightness(99%) contrast(97%);
    --infoLightFilter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(2774%) hue-rotate(178deg) brightness(103%) contrast(105%);
    --infoMidFilter: brightness(0) saturate(100%) invert(44%) sepia(82%) saturate(6009%) hue-rotate(209deg) brightness(101%) contrast(99%);
    --infoDarkFilter: brightness(0) saturate(100%) invert(17%) sepia(85%) saturate(2072%) hue-rotate(206deg) brightness(96%) contrast(100%);    
}

.notificationBanner {
    padding: 16px;
    display: flex;
    gap: 16px;
    margin: 16px 0 32px 0;
    border-radius: 8px;
}

.bannerIcon {
    width: 32px;
    height: 32px;
	min-width: 32px;
}

.notificationBanner p,
.notificationBanner p a,
.notificationBanner a {
    margin-bottom: 4px;
    font-size: 1.0rem;
}

.notificationBanner .bannerTitle,
.notificationBanner .bannerTitle p,
.notificationBanner .bannerTitle p a {
    font-size: 1.2rem;
    font-weight: 600;
}

.notificationBanner .bannerTitle {
    margin-bottom:8px;
}

.notificationBanner.dark .bannerMessage {
    color: #ffffff;
}

/*------ Info ------- */

.notificationBanner.info .bannerIcon {
    background-image: url("https://uat.baberghmidsuffolk.dp.placecube.com/documents/d/asset-library-54706/circle-info");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notificationBanner.info.light {
    background-color: var(--infoLight);
    border: solid 1px var(--infoDark)
}

.notificationBanner.info.light .bannerIcon {
    filter: var(--infoDarkFilter);
}

.notificationBanner.info.light .bannerTitle {
    color: var(--infoDark);
}

.notificationBanner.info.dark {
    background-color: var(--infoDark);
}

.notificationBanner.info.dark .bannerIcon {
    filter: var(--infoLightFilter);
}

.notificationBanner.info.dark .bannerTitle {
    color: var(--infoLight);
}

/*------ Question ------- */

.notificationBanner.question .bannerIcon {
    background-image: url("https://uat.baberghmidsuffolk.dp.placecube.com/documents/d/asset-library-54706/circle-question");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notificationBanner.question.light {
    background-color: var(--infoLight);
    border: solid 1px var(--infoDark)
}

.notificationBanner.question.light .bannerIcon {
    filter: var(--infoDarkFilter);
}

.notificationBanner.question.light .bannerTitle {
    color: var(--infoDark);
}

.notificationBanner.question.dark {
    background-color: var(--infoDark);
}

.notificationBanner.question.dark .bannerIcon {
    filter: var(--infoLightFilter);
}

.notificationBanner.question.dark .bannerTitle {
    color: var(--infoLight);
}

/*------ Success ------- */

.notificationBanner.success .bannerIcon {
    background-image: url("https://uat.baberghmidsuffolk.dp.placecube.com/documents/d/asset-library-54706/circle-check");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notificationBanner.success.light {
    background-color: var(--successLight);
    border: solid 1px var(--successDark)
}

.notificationBanner.success.light .bannerIcon {
    filter: var(--successDarkFilter);
}

.notificationBanner.success.light .bannerTitle {
    color: var(--successDark);
}

.notificationBanner.success.dark .bannerIcon {
    filter: var(--successLightFilter);
}

.notificationBanner.success.dark {
    background-color: var(--successDark);
}

.notificationBanner.success.dark .bannerTitle {
    color: var(--successLight);
}

/*------ Warning ------- */

.notificationBanner.warning .bannerIcon {
    background-image: url("https://uat.baberghmidsuffolk.dp.placecube.com/documents/d/asset-library-54706/warning");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notificationBanner.warning.light {
    background-color: var(--warningLight);
    border: solid 1px var(--warningDark)
}

.notificationBanner.warning.light .bannerIcon {
    filter: var(--warningDarkFilter);
}

.notificationBanner.warning.light .bannerTitle {
    color: var(--warningDark);
}

.notificationBanner.warning.dark {
    background-color: var(--warningDark);
}

.notificationBanner.warning.dark .bannerIcon {
    filter: var(--warningLightFilter);
}

.notificationBanner.warning.dark .bannerTitle {
    color: var(--warningLight);
}

/*------ Error ------- */

.notificationBanner.error .bannerIcon {
    background-image: url("https://uat.baberghmidsuffolk.dp.placecube.com/documents/d/asset-library-54706/circle-close");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notificationBanner.error.light {
    background-color: var(--errorLight);
    border: solid 1px var(--errorDark)

}

.notificationBanner.error.light .bannerIcon {
    filter: var(--errorDarkFilter);
}

.notificationBanner.error.light .bannerTitle {
    color: var(--errorDark);
}

.notificationBanner.error.dark {
    background-color: var(--errorDark);
}

.notificationBanner.error.dark .bannerIcon {
    filter: var(--errorLightFilter);
}

.notificationBanner.error.dark .bannerTitle {
    color: var(--errorLight);
}
.lfr-layout-structure-item-b7e33b09-ac72-d83b-70c4-e8f4ef5e512f {
display: none !important;
}
.lfr-layout-structure-item-9db43784-6567-56a2-26a3-b36e62a6c495 {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-6cda20ce-9fb2-1b9c-86f0-9f2c69e8de79 {
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a div[data-field-name="Field08422093"] .input-group-inset-item.input-group-inset-item-after {
display:none;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a div[data-field-name="Field08422093"] .input-group .input-group-item .input-group-inset-after.form-control {
border-right-width: 2px;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a button[disabled] {
pointer-events: none;
opacity: 0.6;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a .portlet-forms-display .ddm-label.optional::after {
display:none;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a label.btn.btn-secondary.select-button {
    min-height: 48px;
    margin: 0;
    color: var(--babColor0) !important;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a label.btn.btn-secondary.select-button:hover {
    min-height: 48px;
    margin: 0;
    background-color: var(--babColor1) !important;
    border: solid 2px var(--dark-grey);
    color: var(--babColor4) !important;
}

.lfr-layout-structure-item-bb9937c5-3383-ac9e-189c-46109ab2e09a label.btn.btn-secondary.select-button:active{
    min-height: 48px;
    margin: 0;
    background-color: var(--babColor0) !important;
    border: solid 2px var(--dark-grey);
    color: #ffffff !important;
}.lfr-layout-structure-item-72f50259-9308-80b7-31a6-549211673bff {
margin-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-1ce8323c-8fb0-a92c-700b-b3de88ac8cf7 {
margin-left: 1px !important;
margin-right: 1px !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-20ff5836-6978-51b0-7e4f-34d055094517 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-20ff5836-6978-51b0-7e4f-34d055094517 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
}