.flex-center {
    display: flex;
    justify-content: center;
}

.modal-add-file div.col-sm-9.checkbox {
    padding-top: 2px
}

a {
    text-decoration: underline;
}

a.dropdown-toggle, .dropdown-menu a, div.navbar.navbar-inverse.navbar-static-top a {
    text-decoration: none
}

.MuiAutocomplete-listbox li {
    line-height: 1;
}

#content_form {
    margin-bottom: 5px;
}

.open > .dropdown-menu {
    background-color: var(--portalThemeColor4, #ffffff);
}

.open > .dropdown-menu > li > a {
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;
    height: auto;
}

.dropdown-menu > .active > a {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

.open .dropdown-menu > .active > a:focus {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

.navbar.navbar-inverse.navbar-static-top {
    background-color: #003078;
    color: white;
    font-family: Inter;
}

.navbar-fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 45px;
    margin: 5px 2px;
    margin-top: 10px;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 45px;
    margin: 0 2px;
    margin-top: 10px;
}

#site-footer {
    margin-top: 2rem;
    background: lightgray;
    border-top: 1px solid gray;
    padding: 3rem 1rem;
    background-color: #333333;
    color: white;
    border: none;
    font-size: large;
}

ul.social-icons {
    gap: 0.5rem;
}

ul.social-icons a, ul.social-icons a:before {
    display: block;
}

ul.social-icons a {
    border: 3px solid transparent;
}

ul.social-icons a:focus {
    background: none;
    box-shadow: none;
    outline: 3px solid black;
    border-color: lightblue;
}

#site-footer > .inner {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 320px) {
    #site-footer > .inner {
        grid-template-columns:repeat(auto-fit, minmax(calc(320px - 2rem), 1fr));
    }
}

#site-footer h2 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #1d70b8;
}

#site-footer a:not(:focus) {
    color: inherit;
}

#site-footer a:not(:hover) {
    text-decoration: none;
}

#footer-links, #footer-links-secondary {
    grid-row-end: span 2;
}

#copyright {
    grid-column: 1 / -1;
}

#social-media a:before {
    font-size: 3em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: var(--heading-colour, inherit);
    font-family: inherit;
}

.social-icon[href*="facebook.com"]:before {
    background-image: url(./Facebook_w.png);
    background-color: #1877f2;
    background-size: 50% 80%;
    background-position: 60% 100%;
}

.social-icon[href*="x.com"] :before {
    background-image: url(./Twitter.png);
    background-color: #000000;
    background-size: 65% 65%;
}

.social-icon[href*="twitter.com"]:before {
    background-image: url(./Twitter.png);
    background-color: #000000;
    background-size: 65% 65%;
}

.social-icon[href*="instagram.com"]:before {
    background-image: url(./Instagram.png),
    radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-size: 80% 80%, auto;
}

.social-icon:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    font-size: 1.75rem;
    background: no-repeat center center;
}

ul {
    list-style: disc;
    margin: 1rem 0;
    line-height: 1.2;
}

ul[data-horizontal] {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}


ul.menu {
    line-height: 2;
    position: relative;
}

ul.menu:not([data-horizontal]) li:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 0 4px;
    vertical-align: middle;
    position: absolute;
    left: calc(-0.5rem - 4px);
    height: 2em;
}

ul.submenu {
    margin-left: 0.5rem;
    width: 100%;
    font-size: 0.8rem;
}

ul.menu li.current-page:before {
    border-color: var blue;
}

:where(ol,ul):is(.menu,.submenu) {
    list-style: none;
    margin: 0;
    padding: 0;
}

.screen-reader-text {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

a.skip-link:not(:focus), .screen-reader-text {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

* {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #site-identity {
        position: relative;
    }
}

@media (min-width: 1290px) {
    #site-identity:before {
        content: '';
        display: block;
        background-color: #003078;
        border: solid #1d70b8;
        border-width: 6px 2px;
        border-radius: 100% 100%;
        position: absolute;
        top: -5px;
        left: 50%;
        height: 360%;
        max-height: 185px;
        aspect-ratio: 5/2.75;
        z-index: 0;
        pointer-events: none;
        transform: translate(-50%, -45%);
        background-image: url("data:image/svg+xml,data:image/svg+xml,%253Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%253E%253Crect width='200' height='110' y='90'%253E%253C/rect%253E%253C/svg%253E");
        -webkit-mask: var(--branding-mask);
        mask: var(--branding-mask);
        clip-path: ellipse(300% 62% at 50% 100%)
    }
}

#site-identity a:any-link {
    display: block;
    color: inherit;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

#site-identity a:focus {
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}

#logo {
    aspect-ratio: auto;
    object-fit: initial;
}

#site-identity a:focus #logo {
    outline-offset: 2px;
}

.siteTitle {
    display: inline;
    vertical-align: middle;
    font-family: 'Helvetica Neue';
    font-weight: 300;
    font-size: 22px;
    color: white;
    margin-left: 5cm;
    align-self: flex-end;
    padding-bottom: 15px;
}

a.skip-link:any-link {
    display: block;
    color: lightblue;
    background-color: darkblue;
    outline: 3px solid blue;
    outline-offset: 0;
    padding: 0.5rem;
    padding-right: max(1rem, calc(1rem + env(safe-area-inset-right)));
    padding-left: max(1rem, calc(1rem + env(safe-area-inset-left)));
    text-decoration: underline;
}

.navbar-toggle {
    margin-top: 8px;
}

img:not([src*=".svg?"]):not([src$=".svg"])[height] {
    height: auto !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    margin-top: 5px;
}


.navbar-inverse .navbar-toggle {
    margin-top: 15px;
}


.navbar-inverse .navbar-toggle:focus .icon-bar {
    border-color: #000;
}

.navbar-inverse .navbar-toggle:focus

.navbar-inverse .navbar-nav > li > a {
    color: white;
}


.navbar-inverse .navbar-nav > li > a:focus {
    outline-style: none;
}

.site-identity {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    gap: 10px;
}

.navbar-header {
    font-family: Inter;
    display: flex;
}

.navbar-nav > li > a {
    line-height: 32px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #5694ca
}

.navbar-inverse {
    color: white;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

@media (max-width: 650px) {
    .siteTitle {
        margin-left: auto;
        min-width: 100px;
        font-size: 1em;
    }
}

html[dir=ltr] li a {
    margin-right: 3px;
}

@media (max-width: 1200px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        border-width: inherit;
    }
}

.dropdown-menu {
    min-width: 100%;
    margin-right: -3px;
    margin-left: -3px;
}

.dropdown-toggle {
    width: 100%;
}

html {
    font: 400 16px/1.25 Inter, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

@media (min-width: 1024px) {
    html {
        font-size: 18px;
    }
}

body {
    background-color: var(--gds-white);
    color: var(--gds-black);
    margin: 0;
}

.max-width {
    width: 100%;
    max-width: var(--max-width, var(--gds-max-width, 1020px));
    margin-left: auto;
    margin-right: auto;
}

a.skip-link:any-link {
    display: block;
    color: var(--gds-black);
    background-color: var(--gds-yellow);
    outline: 3px solid var(--gds-yellow);
    outline-offset: 0;
    padding: 0.5rem;
    padding-right: max(1rem, calc(1rem + env(safe-area-inset-right)));
    padding-left: max(1rem, calc(1rem + env(safe-area-inset-left)));
    text-decoration: underline;
}

a:link {
    color: var(--gds-blue);
}

a:visited {
    color: var(--gds-purple);
}

a:hover {
    color: var(--gds-dark-blue);
    text-decoration-thickness: max(3px, .1875rem, .12em);
    text-decoration-skip-ink: none;
}


.staticFeedbackAndBetaHeader a:hover {
    color: var(--gds-dark-blue);
    text-decoration-thickness: max(3px, .1875rem, .12em);
    text-decoration-skip-ink: none;
}

a:focus {
    outline: 3px solid transparent;
    background-color: var(--gds-yellow);
    box-shadow: 0 -2px var(--gds-yellow), 0 4px var(--gds-black);
    text-decoration: none !important;
}

a:is(:active,:focus):not(.dropdown-toggle):not([aria-label="Sign in"]), a.home-menu-item:focus p.link-like {
    color: var(--gds-black) !important;
}

h1 {
    margin: 0 0 1rem;
    font-weight: 700;
}

h2 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1.5rem;
}

h3 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1.25rem;
}

h4, h5, h6 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1rem;
}

li {
    margin: 0;
}

:is(ul,ol) *:is(ul,ol) {
    margin-top: 1rem;
}

ul *:where(ul) {
    list-style: circle;
}

ul *:where(ul) *:where(ul) {
    list-style: square;
}

ol {
    list-style-type: decimal;
}

ol *:where(ol) {
    list-style: lower-roman;
}

ol *:where(ol) *:where(ol) {
    list-style: lower-alpha;
}

dl {
    display: grid;
    margin: 0 0 1rem;
}

dt, dd {
    text-align: left;
}

/*
moved to Customer Platform/Common/Upload files web template

dt {
    font-weight: 700;
    padding-right: 1rem;
    margin-bottom: 0.5rem;
}

dd {
    border-bottom: 1px solid var(--gds-mid-grey);
    margin: 0 0 1rem;
    padding-bottom: 1rem;
}*/


@media (min-width: 980px) {
    dl {
        grid-template-columns:3fr 7fr;
    }

    dt, dd {
        padding: 0.5rem 0 0.5rem;
        margin: 0;
    }

    /*dt {
        border-bottom: 1px solid var(--gds-mid-grey);
    }*/
}


table {
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 1rem;
}

caption, .caption, .caption-m, h3 .caption, .heading-m .caption {
    display: block;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--gds-dark-grey);
}

.caption-xl, h1 .caption, .heading-xl .caption {
    display: block;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--gds-dark-grey);
}

.caption-l, h2 .caption, .heading-l .caption {
    display: block;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--gds-dark-grey);
}

.caption-s, h4 .caption, h5 .caption, h6 .caption, .heading-s .caption {
    display: block;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
    color: var(--gds-dark-grey);
}


td, th {
    text-align: left;
    padding: 0.5rem 1rem 0.5rem 0;
}

:where(td,th):last-child {
    padding-right: 0;
}

td {
    font-weight: 400;
}

th {
    font-weight: 700;
}


:root {
    --gds-max-width: 1020px;
    --gds-red: #d4351c;
    --gds-yellow: #ffdd00;
    --gds-green: #00703c;
    --gds-blue: #1d70b8;
    --gds-dark-blue: #003078;
    --gds-light-blue: #5694ca;
    --gds-purple: #4c2c92;
    --gds-black: #0b0c0c;
    --gds-dark-grey: #505a5f;
    --gds-mid-grey: #b1b4b6;
    --gds-light-grey: #f3f2f1;
    --gds-white: #ffffff;
    --gds-light-purple: #6f72af;
    --gds-bright-purple: #912b88;
    --gds-pink: #d53880;
    --gds-light-pink: #f499be;
    --gds-orange: #f47738;
    --gds-brown: #b58840;
    --gds-light-green: #85994b;
    --gds-turquoise: #28a197;
    --gds-grey--shade: #383f43;
    --gds-grey--tint: #eeefef;
    --gds-purple--shade: #3d2375;
    --gds-purple--tint: #dbd5e9;
    --gds-turquoise--shade: #10403c;
    --gds-turquoise--tint: #bfe3e0;
    --gds-blue--shade: #144e81;
    --gds-blue--tint: #d2e2f1;
    --gds-yellow--shade: #594d00;
    --gds-yellow--tint: #fff7bf;
    --gds-orange--shade: #6e3619;
    --gds-orange--tint: #fcd6c3;
    --gds-red--shade: #942514;
    --gds-red--tint: #f6d7d2;
    --gds-red--shadow: #55150b;
    --gds-pink--shade: #80224d;
    --gds-pink--tint: #f7d7e6;
    --gds-green--shade: #005a30;
    --gds-green--tint: #cce2d8;
    --gds-green--shadow: #002d18;
    --gds-light-grey--shadow: #dbdad9;
    --max-width: 1164px;
    --focus: var(--gds-yellow, #EEB92A);
    --accent: var(--gds-blue, #2177B0);
    --accent-contrast: var(--gds-white, white);
    --primary: var(--gds-dark-blue, var(--gds-black, black));
    --primary-contrast: var(--gds-white, white);
    --secondary: var(--gds-green, #2d6502);
    --secondary-contrast: white;
    --dark-grey: #333333;
    --medium-grey: var(--gds-mid-grey, #b1b4b6);
    --light-grey: var(--gds-light-grey, #f3f2f1);
    --focus-color: #fd0;
}


blockquote {
    margin: 1.65rem 0;
    padding: 15px;
    clear: both;
    border-left: 10px solid var(--gds-mid-grey);
}

mark {
    display: inline-block;
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
    color: var(--gds-white);
    background-color: var(--gds-blue);
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

*:where(blockquote,.inset) p:first-child {
    margin-top: 0;
}

*:where(blockquote,.inset) p:last-child {
    margin-bottom: 0;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
.primary.btn.btn-primary {
    font: inherit;
    line-height: 1.1875;
    display: inline-block;
    position: relative;
    margin: 0;
    /*padding: 0.5rem;*/
    border: 3px solid transparent;
    border-radius: 0;
    color: #fff;
    background-color: var(--gds-green);
    box-shadow: 0 2px 0 var(--gds-green--shadow);
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    height: 34px;
    font-size: 1rem;
}

button:hover {
    background-color: var(--gds-green--shade);
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    height: 36px;
}

@media screen and (max-width: 270px) {
    .CustPlatContAsGuest {
        height: auto;
    }
}

.input-group-btn button, input-group-btn .primary.btn.btn-primary {
    height: 43px;
}

:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):where(:active,:hover,:link,:any-link,:visited) {
    color: #fff;
    text-decoration: none;
}

:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):active {
    top: 2px;
    border-color: transparent;
}


:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):focus:hover, :is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):focus:active {
    box-shadow: none;
    background: var(--gds-yellow) !important;
    color: var(--gds-black) !important;
    box-shadow: 0 2px 0 var(--gds-green--shadow) !important;
}

:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):active:focus {
    box-shadow: none;
}

:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):focus {
    border-color: var(--gds-yellow) !important;
    outline: 3px solid transparent !important;
}

:where(button:not(.MuiButtonBase-root),.button):before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -4px;
    left: -2px;
    background-color: transparent;
}

:where(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"],.button):active:before {
    top: -4px;
}

.button.disabled, :is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="reset"],input[type="button"])[disabled], #azureb2cmainpage button[aria-disabled="true"] {
    opacity: .5;
}

.button.disabled:not(.MuiButtonBase-root):hover, :is(button,input[type="submit"],input[type="reset"],input[type="button"])[disabled]:hover {
    background-color: var(--gds-green);
    cursor: default;
}

.button.disabled:not(.MuiButtonBase-root):active, :is(button,input[type="submit"],input[type="reset"],input[type="button"])[disabled]:active {
    top: 0;
    box-shadow: 0 2px 0 var(--gds-green--shadow);
}

:is(button:not(.MuiButtonBase-root),.button,input[type="submit"],input[type="button"]).secondary {
    color: var(--gds-black);
    background-color: var(--gds-light-grey);
    box-shadow: 0 2px 0 var(--gds-light-grey--shadow);
}

:is(button:not(.MuiButtonBase-root),.button,input[type="submit"],input[type="button"]).secondary:where(:active,:hover,:link,:any-link,:visited) {
    color: var(--gds-black);
}

:is(button:not(.MuiButtonBase-root),.button,input[type="submit"],input[type="button"]).secondary:hover {
    background-color: #dbdad9;
}

:is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="button"]).secondary[disabled]:hover {
    background-color: var(--gds-light-grey);
}

:is(button:not(.MuiButtonBase-root),input)[type="reset"], :is(button:not(.MuiButtonBase-root),.button,input[type="submit"],input[type="button"]).warning {
    background-color: var(--gds-red);
    box-shadow: 0 2px 0 var(--gds-red--shadow);
}

:is(button:not(.MuiButtonBase-root),input)[type="reset"]:where(:active,:hover,:link,:any-link,:visited), :is(button,.button,input[type="submit"],input[type="button"]).warning:where(:active,:hover,:link,:any-link,:visited) {
    color: #fff;
}

:is(button:not(.MuiButtonBase-root),input)[type="reset"]:hover, :is(button:not(.MuiButtonBase-root),.button,input[type="submit"],input[type="button"]).warning:hover {
    background-color: var(--gds-red--shade);
}

:is(button,input)[type="reset"][disabled]:hover, :is(button:not(.MuiButtonBase-root),input[type="submit"],input[type="button"]).warning[disabled]:hover {
    background-color: var(--gds-red);
}


fieldset {
    min-width: 0;
    margin: 0!important;
    padding: 0!important;
    border: none;
}

fieldset:after {
    content: "";
    display: block;
    clear: both;
}


legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

.legend > :is(h1,h2,h3,h4,h5,h6) {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

label {
    display: block;
    margin-bottom: 0.5rem;
}

select, textarea, input:not(:is([type="submit"],[type="button"],[type="reset"],.MuiInputBase-input)), .MuiOutlinedInput-root {
    border: 2px solid var(--gds-black);
    background-color: var(--gds-white);
    padding: 8px;
    min-height: 45px;
    min-width: 12rem;
    max-width: 100%;
    border-radius: 0;
    font: inherit;
}

input:not(:is([type="submit"],[type="button"],[type="reset"],.MuiInputBase-input)):focus, :is(select,textarea):focus, .MuiOutlinedInput-root:focus {
    outline: 3px solid var(--gds-yellow) !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 2px !important;
}

input[type="color"] {
    padding: 0;
}

textarea {
    min-height: 2.25rem;
    resize: vertical;
    display: block;
    width: 100%;
}

input:is([type="radio"],[type="checkbox"]) {
    width: 24px;
    height: 24px;
    border: 2px solid currentColor;
    overflow: hidden;
    padding: 0;
    position: absolute;
    min-width: fit-content;
    margin: 1px;
    min-height: auto;
    max-width: inherit;
}

input:is([type="radio"],[type="checkbox"]) + label, input[type="checkbox"] + input[type="hidden"] + label {
    position: relative;
    min-height: 2.5rem;
    padding: calc(0.5rem + 4px) 0 calc(0.5rem + 4px) 3.5rem;
}

input:is([type="radio"],[type="checkbox"]) + label:before, input[type="checkbox"] + input[type="hidden"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid currentColor;
    background: var(--gds-white);
    cursor: pointer;
    z-index: 1;
}

input:is([type="radio"],[type="checkbox"]) + label:after, input[type="checkbox"] + input[type="hidden"] + label:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(0.5rem + 2px);
    left: calc(0.5rem + 2px);
    z-index: 2;
    opacity: 0;
}

input:is([type="radio"],[type="checkbox"]):focus + label:before, input[type="checkbox"]:focus + input[type="hidden"] + label:before {
    outline: 3px solid var(--gds-yellow);
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
}

input[type="checkbox"] + label:after, input[type="checkbox"] + input[type="hidden"] + label:after {
    width: 1.15rem;
    height: 0.5rem;
    transform: rotate(-45deg);
    border: solid currentcolor;
    border-width: 0 0 5px 5px;
    border-top-color: transparent;
    margin: 2px 0 0 -1px;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info {
    padding-left: 22px;
    padding-top: 2px;
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
    border-radius: 50%;
}

input[type="radio"] + label:after {
    width: 1.25rem;
    height: 1.25em;
    background-color: currentColor;
}

input:is([type="radio"],[type="checkbox"]):checked + label:after, input[type="checkbox"]:checked + input[type="hidden"] + label:after {
    opacity: 1;
}

iframe {
    border: 0;
    width: 100%;
    height: auto;
}

meter, progress {
    display: block;
    width: 100%;
    border: 3px solid var(--gds-black);
    border-radius: 0;
    background: var(--gds-white);
    min-height: 2.5rem;
    margin: 1rem 0;
    -webkit-appearance: none;
    appearance: none;
}


hr {
    background: none;
    border: 0;
    padding: 0;
    margin: 1rem 0;
    border-bottom: 3px solid var(--gds-mid-grey);
}

a:focus img {
    outline: 3px solid var(--gds-yellow);
    outline-offset: -2px;
}

details {
    margin-bottom: 1rem;
    display: block;
}

details > summary {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 25px;
    color: var(--gds-blue);
    cursor: pointer;
    text-decoration: underline;
}

details > summary:hover {
    color: var(--gds-dark-blue);
}

details > summary:focus {
    outline: 3px solid transparent;
    color: var(--gds-black);
    background-color: var(--gds-yellow);
    box-shadow: 0 -2px var(--gds-yellow), 0 4px var(--gds-black);
    text-decoration: none;
}

details > summary:only-child {
    display: block;
}


details > summary:before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    border: solid transparent;
    border-width: 0.5rem 0 0.5rem 0.75rem;
    border-left-color: inherit;
}

details[open] > summary:before {
    transform: translateX(0.125rem) rotateZ(90deg);
}

details > :is(p,div):nth-child(2):last-child {
    padding: 1rem 0 1rem 1rem;
    border-left: 5px solid var(--gds-mid-grey);
}

details > summary:after {
    content: '';
    display: table;
}

@supports (--gds-icon: url(data:)) and ((mask:url(data:)) or (-webkit-mask:url(data:))) {
    /*ul.pagination .prev {
        padding-left:0;
    }

    ul.pagination .next {
        padding-right: 0;
    }

    ul.pagination .prev a:before,ul.pagination .next a:after {
        content: '';
        display: block;
        height: 0.85rem;
        width: 0.85rem;
        background-color: var(--gds-dark-grey);
    }

    ul.pagination .prev a:before {
        -webkit-mask: var(--gds-arrow-left) no-repeat center center;
        -webkit-mask-size: contain;
        mask: var(--gds-arrow-left) no-repeat center center;
        mask-size: contain;
    }

    ul.pagination .next a:after {
        -webkit-mask: var(--gds-arrow-right) no-repeat center center;
        -webkit-mask-size: contain;
        mask: var(--gds-arrow-right) no-repeat center center;
        mask-size: contain;
    }*/

}


.breadcrumb > :is(ul,ol) {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.breadcrumb li {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.breadcrumb li:not(:first-child) {
    margin-left: 0.5rem;
}

.breadcrumb li:not(:first-child):before {
    content: '';
    display: block;
    left: -0.25rem;
    width: 0.4rem;
    height: 0.4rem;
    margin: auto 0;
    transform: rotate(45deg);
    border: solid var(--gds-dark-grey);
    border-width: 1px 1px 0 0;
}

.notification.dismissable {
    padding-bottom: 2rem;
}

.notification > :where(h1,h2,h3,h4,h5,h6):first-child {
    margin: -1rem -1rem 1rem;
    padding: 0.3rem 1rem;
    background-color: var(--notification-colour, var(--gds-blue));
    color: var(--gds-white);
    font-size: 1.1875rem;
    border-bottom: inherit;
}

.notification p {
    font-size: inherit;
    font-weight: bold;
}

.notification p:last-child {
    margin-bottom: 0;
}

.notification .close {
    background: none;
    border: none;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0;
    color: var(--gds-blue);
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    font-size: 0.9em;
    box-shadow: none;
    text-decoration: underline;
}

.notification .close:active {
    top: auto;
}

.notification .close:hover {
    background: none;
    color: var(--gds-dark-blue);
}

.notification .close:focus {
    outline: 3px solid transparent;
    background-color: var(--gds-yellow);
    box-shadow: 0 -2px var(--gds-yellow), 0 4px var(--gds-black);
    text-decoration: none;
}

.notification .close:is(:active,:focus) {
    color: var(--gds-black);
}

@media (min-width: 1024px) {
    .notification {
        font-size: 1.2rem;
    }

    .notification.dismissable {
        padding-bottom: 1rem;
    }

    .notification.dismissable p:nth-last-child(2) {
        margin-bottom: 0;
    }

    .notification > :where(h1,h2,h3,h4,h5,h6):first-child {
        padding-right: 5rem;
    }

    .notification .close {
        top: 3px;
        bottom: auto;
        color: var(--gds-white);
        padding: 0.2rem 0.2rem;
        margin-right: -0.2rem;
        text-decoration: none;
    }

    .notification .close:after {
        content: '×';
        display: inline-block;
        aspect-ratio: 1/1;
        font-size: 2rem;
        line-height: 0.55;
    }

    .notification .close:active {
        top: 0;
        bottom: auto;
    }

    .notification .close:hover {
        color: var(--gds-white);
        box-shadow: 0 4px var(--gds-white);
    }

    .notification .close:is(:active,:focus) {
        color: var(--gds-black);
        box-shadow: 0 4px var(--gds-black);
    }
}

.cookie-control-widget {
    padding: 2rem 0;
    background-color: #333333;
    color: white;
    position: relative;
    z-index: 999;
}

.cookie-control-widget .screen-reader-text {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cookie-control-widget input[type="checkbox"] {
    all: revert;
}

.cookie-control-widget input[type="checkbox"] + label {
    padding: 0;
    min-height: 0;
    margin: 0;
}

.cookie-control-widget input[type="checkbox"] + label:before, .cookie-control-widget input[type="checkbox"] + label:after {
    content: none;
}

.cookie-control-widget h2 {
    color: inherit;
}

.cookie-control-widget fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.cookie-control-widget fieldset legend {
    font-weight: bold;
    float: left;
    margin-bottom: 1rem;
    padding-bottom: 2px;
    border-bottom: 1px solid currentColor;
    width: 100%;
}

.cookie-control-widget fieldset legend + * {
    clear: left;
}

.cookie-control-widget fieldset.settings {
    display: flex;
    gap: 1em;
    justify-content: end;
}

@media (max-width: 680px) {
    .cookie-control-widget fieldset.settings {
        flex-direction: column;
    }
}

.cookie-control-widget details {
    margin: 0;
}

.cookie-control-widget details[open] {
    width: 100%;
}

.cookie-control-widget details summary:before {
    content: none;
}

.cookie-control-widget details[open] summary, .cookie-control-widget details[open] ~ button {
    display: none;
}

.cookie-control-widget *:where(button,.button) {
    font-size: 0.8em;
    text-align: center;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    text-decoration: none;
}

.cookie-control-widget button.accept {
    background-color: #080;
}

.cookie-control-widget button.accept:where(:hover,:focus) {
    background-color: #070;
}

.cookie-control-widget button.reject {
    background-color: #900;
}

.cookie-control-widget button.reject:where(:hover,:focus) {
    background-color: #800;
}

.cookie-control-widget summary.button {
    background-color: #555;
    width: 100%;
    list-style: none;
}

.cookie-control-widget summary.button:before {
    content: none;
}

.cookie-control-widget summary.button::marker, .cookie-control-widget summary.button::-webkit-details-marker {
    display: none;
}

.cookie-control-widget summary.button:where(:hover,:focus) {
    background-color: #444;
}

.cookie-control-widget .form-element.checkbox {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 5px;
}

.cookie-control-widget .form-element.checkbox input {
    grid-row: 1 / span 2;
    align-self: start;
}

.cookie-control-widget .form-element.checkbox p {
    font-size: 0.8em;
    margin: 0 0 1.3em;
}


code, pre, kbd, samp {
    font-family: ‘Inter’, monospace;
    font-weight: 400;
}


[hidden] {
    display: none !important;
}

hr {
    height: 0;
    border: solid currentColor;
    border-width: 0 0 1px;
    margin: 1rem auto;
}

p:empty {
    display: none;
}

img:not([src*=".svg?"]):not([src$=".svg"])[height] {
    height: auto !important;
}

picture {
    display: inline-block;
}

picture > img, figure > img, a > img:only-of-type {
    display: block;
}

figure {
    margin: 0;
    display: inline-block;
}

figcaption {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    text-align: right;
    line-height: 2;
    color: var(--dark-grey);
}

iframe {
    border: none;
}

iframe:focus, body:focus {
    outline: none;
}

:where(ol,ul):not(:is(.menu,.submenu)) > li:not(:last-child) {
    margin-bottom: 0.5em;
}

audio, video {
    display: block;
    width: 100%;
}

video {
    aspect-ratio: 16/9;
}

input:not(:is([type="button"],[type="reset"],[type="submit"],[type="radio"],[type="checkbox"])), select {
    max-width: 100%;
    min-width: 28%;
}

@media screen and (max-width: 1200px) {
    input:not(:is([type="button"],[type="reset"],[type="submit"],[type="radio"],[type="checkbox"])), select {
        max-width: 100%;
        min-width: 40%;
    }
}

@media screen and (max-width: 768px) {
    input:not(:is([type="button"],[type="reset"],[type="submit"],[type="radio"],[type="checkbox"])), select {
        min-width: 100%;
    }

    .input-group.pull-left.view-search.entitylist-search input.query.form-control {
        min-width: auto;
    }
}

.left {
    text-align: left;
}

img.left, picture.left, audio.left, video.left {
    display: block;
    margin: 0 auto 1rem;
}

@media (min-width: 1024px) {
    img.left, picture.left, audio.left, video.left {
        float: left;
        margin: 0 1rem 0.5rem 0;
    }
}

table.left {
    margin-left: 0px;
    margin-right: auto;
}

.right {
    text-align: right;
}

img.right, picture.right, audio.right, video.right {
    display: block;
    margin: 0 auto 1rem;
}

@media (min-width: 1024px) {
    img.right, picture.right, audio.right, video.right {
        float: right;
        margin: 0 0 0.5rem 1rem;
    }
}

table.right {
    margin-left: auto;
    margin-right: 0px;
}


.center {
    text-align: center;
}

img.center, picture.center, audio.center, video.center {
    display: block;
    margin: 0 auto;
}

table.center {
    margin: 0 auto;
}

.full {
    text-align: justify;
}

img.full, picture.full, audio.full, video.full {
    display: block;
    margin: 0 auto;
}

table.full {
    margin: 0 auto;
}

code {
    font-size: 0.875em;
    display: inline-block;
    padding: 0 3px;
    border-radius: 1px;
}


pre > code:only-child {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    overflow-x: auto;
}

[data-style="arabic"] {
    list-style: decimal;
}

[data-style="roman"] {
    list-style: lower-roman;
}

[data-style="alpha"] {
    list-style: lower-alpha;
}

[data-style="disc"] {
    list-style: disc;
}

[data-style="circle"] {
    list-style: circle;
}

[data-style="square"] {
    list-style: square;
}


[data-autocomplete] {
    position: relative;
}

[data-autocomplete] .controls {
    border: 2px solid var(--gds-black);
    background-color: var(--gds-white);
    padding: 0.25rem;
    min-height: 2.5rem;
    min-width: 12rem;
    max-width: 100%;
    border-radius: 0;
    font: inherit;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

[data-autocomplete] .controls.has-focus {
    outline: 3px solid var(--gds-yellow);
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
}

[data-autocomplete] .controls input {
    border: none;
    background-color: transparent;
    padding: 0.25em;
    min-height: 0;
    min-width: 100px;
    flex: 1;
}

[data-autocomplete] .controls input:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

[data-autocomplete] .controls button {
    position: static;
    padding: 0.25em;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    background: var(--accent);
    border-radius: 4px;
    box-shadow: none;
    line-height: 1;
    font-size: 0.8em;
    border-width: 2px;
}

[data-autocomplete] .controls button:before {
    content: none;
}

[data-autocomplete] .controls button:after {
    display: inline-block;
    content: '';
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--icon--trash) no-repeat center center;
    mask: var(--icon--trash) no-repeat center center;
}

[data-autocomplete] .controls button:focus {
    border-color: black;
    outline: 2px solid var(--gds-yellow);
}

[data-autocomplete] .inputs {
    position: absolute;
    background-color: var(--gds-white);
    z-index: 100;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 11em;
    overflow: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    clip: rect(0 0 0 0);
}

[data-autocomplete] .controls.has-focus + .inputs, [data-autocomplete] .inputs:where(:hover,:focus-within) {
    clip: auto;
}

[data-autocomplete] .inputs .checkbox {
    padding: 0.5em;
}

[data-autocomplete] .inputs .checkbox input {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    min-height: 0;
}

[data-autocomplete] .inputs .checkbox label {
    padding: 0.25em 0;
    cursor: pointer;
    margin: 0;
    min-height: 0;
}

[data-autocomplete] .inputs .checkbox:hover {
    background-color: var(--gds-light-grey);
}

[data-autocomplete] .inputs .checkbox label:before, [data-autocomplete] .inputs .checkbox label:after {
    content: none;
}

[data-autocomplete] .inputs .checkbox:focus-within label, [data-autocomplete] .inputs .checkbox input:active + label {
    outline: 3px solid transparent;
    background-color: var(--gds-yellow);
    box-shadow: 0 -2px var(--gds-yellow), 0 4px var(--gds-black);
    text-decoration: none;
}


[data-table] > dl {
    grid-template-columns: minmax(auto, 40%) 1fr;
}

[data-table] > dl > dt {
    display: flex;
    justify-content: space-between;
    gap: 0 0.5em;
}

[data-table] > dl > dd[data-type="text"] {
    white-space: pre-line;
}

[data-table] > dl > :where(dt,dd) {
    padding: 0.5rem 0 0.5rem;
    margin: 0;
    border-bottom: 1px solid var(--gds-mid-grey);
}

[data-table] > dl > dt {
    background-color: var(--accent, black);
    color: white;
}

[data-table] > dl > dt, [data-table] > dl > dd {
    padding: 1rem;
}

[data-table] > dl > dd > :first-child {
    margin-top: 0;
}

[data-table] > dl > dd > :last-child {
    margin-bottom: 0;
}

[data-table][data-match-count="0"]:after {
    content: 'No matches found. Please check your filter and try again';
}


@media (min-width: 1024px) {
    [data-table] {
        display: grid;
        grid-template-columns: var(--column-distribution, repeat(var(--column-count), auto));
    }

    [data-table] > dl {
        display: contents;
    }

    [data-table] > dl:first-of-type > dt {
        grid-row: 1;
    }

    [data-table] > dl:not(:first-of-type) > dt {
        display: none;
    }

    [data-table] > dl:where(:not(.odd):not(.even):nth-of-type(even),.even) > dd {
        background-color: var(--light-grey);
    }

    [data-table] > dl:hover > dd {
        background-color: #C9DEEC;
    }

    [data-table] [data-alignment="left"] {
        text-align: left;
    }

    [data-table] [data-alignment="center"] {
        text-align: center;
        justify-content: center;
    }

    [data-table] [data-alignment="right"] {
        text-align: right;
        justify-content: end;
    }

    [data-table][data-match-count] > dl:first-child {
        display: contents !important;
    }

    [data-table][data-match-count] > dl[hidden]:first-child dd {
        display: none;
    }

    [data-table][data-match-count="0"]:after {
        grid-column: 1 / -1;
        background-color: var(--light-grey);
        font-style: italic;
        padding: 1rem;
        text-align: center;
    }

    [data-table][data-table-sortable] > dl:first-child > dt[data-sortable]:after {
        content: '';
        display: block;
        height: 1em;
        width: 1em;
        margin-right: -0.5em;
        flex: 0 0 auto;
        background-color: currentColor;
        transform: translateY(2px);
        -webkit-mask: var(--icon, var(--icon--sort)) no-repeat center center;
        mask: var(--icon, var(--icon--sort)) no-repeat center center;
        opacity: 0.5;
    }

    [data-table][data-table-sortable] > dl:first-child > dt[data-sortable][data-sort]:after {
        opacity: 1;
    }

    [data-table][data-table-sortable] > dl:first-child > dt[data-sortable][data-sort="asc"]:after {
        --icon: var(--icon--sort-down);
    }

    [data-table][data-table-sortable] > dl:first-child > dt[data-sortable][data-sort="desc"]:after {
        --icon: var(--icon--sort-up);
    }
}


[data-table]:where(.busy,.error) {
    border-top: 3.3rem solid var(--accent, black);
    padding: 1rem;
    text-align: center;
    background-color: var(--light-grey);
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

[data-table].busy:before {
    content: '';
    display: block;
    height: 4rem;
    width: 4rem;
    margin: 2rem auto;
    display: rotate 3s linear infinite;
}

a:not(.button):visited:not(:focus) {
    color: var(--gds-blue);
}

.pagination .active a:not(.button):visited:not(:focus) {
    color: var(--gds-white);
}

[data-table].busy:after {
    content: 'Loading...';
}

[data-table] .error-message {
    color: var(--gds-red, #900);
}

img {
    aspect-ratio: auto;
    object-fit: cover;
    max-width: 100%;
}

.notification > :last-child {
    margin-bottom: 0;
}


.breadcrumb > :is(ul,ol) {
    display: block;
    line-height: 1.5;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li:not(:first-child) {
    margin-left: 1rem;
}

.breadcrumb li:not(:first-child):before {
    left: -0.6rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}


article time {
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem;
    color: var(--dark-grey);
}

article .categories.categories li:nth-child(n) {
    display: none;
}

article .categories.categories li:first-child {
    display: inline;
}

article .categories.categories li::first-letter {
    text-transform: capitalize;
}


ul.pagination {
    margin-top: 2rem;
}

[data-table] {
    margin: 1rem 0 0;
}

[data-table] > dl {
    margin-bottom: 2rem;
}

[data-table] .empty {
    display: none;
}

@media (min-width: 1024px) {
    [data-table] {
        display: grid;
    }

    [data-table] > dl {
        display: contents;
    }

    [data-table] > dl > dt {
        grid-row: 1;
    }

    [data-table] > dl:not(:first-child) > dt {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    [data-table] .empty {
        display: block;
    }
}

summary > :is(h1,h2,h3,h4,h5,h6) {
    margin: 0;
}

.form-control:focus {
    border-color: inherit;
}

.breadcrumb > li > a, .breadcrumb > li a:hover {
    text-decoration: underline;
    text-decoration-thickness: max(3px, .1875rem, .12em);
    text-decoration-skip-ink: none;
    color: var(--gds-dark-blue);
}

.breadcrumb > li + li::before {
    padding: inherit;
}

.radio label, .checkbox label {
    display: inline;
}

.checkbox-cell .info label.field-label {
    font-size: 19px;
    line-height: 25px;
    margin-top: 1px !important;
    display: inline-block;
}

.form-control {
    border: 2px solid var(--gds-black);
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    border: none !important;
}

.crmEntityFormView .actions {
    border: none;
}

.page-header {
    border: none;
}

.crmEntityFormView .tab-title {
    border: none;
    padding-bottom: 1rem;
}

.crmEntityFormView .cell {
    padding: 0.5rem 1rem 0.5rem 0;
}

@media screen and (max-width: 767px) {
    .crmEntityFormView tr:first-child .cell {
        padding: 20px 1rem 0.5rem 0;
    }
}

.crmEntityFormView .cell.checkbox-cell label {
    margin-left: 5px;
}

fieldset[aria-label="Email Address"],
fieldset[aria-label="Home address"],
fieldset[aria-label="Postal address (optional)"],
fieldset[aria-label="Business address (optional)"] {
    border-bottom: 1px solid #B1B4B6;
}

fieldset[aria-label="Home address"] .section-title,
fieldset[aria-label="Postal address (optional)"] .section-title,
fieldset[aria-label="Business address (optional)"] .section-title {
    position: relative;
    top: 40px;
}

#mainContent #dataTable tr td a {
    text-decoration: none;
}

#mainContent #dataTable tr td a + img {
    width: 16px;
    margin-left: 8px;
}

.active-page {
    border-left: 4px solid #1D70B8;
    font-weight: bold;
    text-decoration: none;
}

.active-page a {
    font-weight: 700;
    text-decoration: none;
}

.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] {
    padding-left: 0px;
}

.card .form-group.row:before {
    content: "";
    position: relative;
    top: 0;
    border-top: 1px solid lightgray;
    width: 750px;
    left: 20px;
}

.form-control.border-none {
    box-shadow: none;
}

.card-body .form-group:first-of-type:before {
    border: none;
}

.badge {
    border-radius: inherit;
    padding: 5px 8px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}



.col-sm-10 #description {
    overflow: hidden;
}

.col-sm-8 .form-control.border-none#Name,
.col-sm-8 .form-control.border-none#Title {
    font-weight: bold;
}

.col-sm-2.col-form-label,
.col-sm-4.col-form-label {
    color: var(--gds-black)
}

.col-sm-4.col-form-label {
    font-weight: normal;
}

.card-title {
    padding-top: inherit;
}

.localAccount > .intro {
    display: none;
}

#api .heading {
    display: none;
}

.localAccount .divider {
    display: none;
}

.CustPlatContAsGuest {
    color: var(--gds-black);
    background-color: var(--gds-light-grey);
    margin-top: 10px;
}

.CustPlatContAsGuest:hover {
    background-color: var(--gds-light-grey--shadow);
    color: var(--gds-black);
}

.CustPlatContAsGuest:active {
    top: 2px;
    color: var(--gds-white);
}

.CustPlatContAsGuest:active:focus {
    color: var(--gds-black);
    background-color: var(--gds-light-grey) !important;
}

.CustPlatContAsGuest:active:hover {
    color: var(--gds-black);
}

.CustPlatContAsGuest:hover:focus {
    background-color: var(--gds-light-grey) !important;
}

/*.container#azureb2cmainpage{
    min-height: calc(100vh - 244px);
    padding-top: 50px;
}*/

.localAccount .entry .buttons {
    position: relative;
    top: 75px;
}

.localAccount #forgotPassword {
    display: block;
    margin-top: 10px;
}

.localAccount #forgotPassword:focus {
    width: fit-content;
}

.entry #email {
    font-size: large;
    min-width: 350px;
}

.localAccount label {
    font-size: larger;
}

.localAccount #password {
    min-width: 350px;
    position: relative;
}

.error.pageLevel p::before {
    content: 'There is a problem';
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: black;
    margin-bottom: 10px;
}

.error.pageLevel p {
    border: 4px solid var(--gds-red);
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 400px;
}

@media (max-width: 520px) {

    .error.pageLevel p {
        width: auto;
    }

}

.localAccount .entry .entry-item {
    margin-top: 30px;
}

.localAccount {
    max-width: fit-content;
}

.page-heading h1 {
    padding-bottom: 10px;
    color: #0B0C0C;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.page-heading ul {
    line-height: 13px;
    font-weight: 400;
}

.page-heading p {
    line-height: 10px;
}

.col-sm-6.clearfix {
    padding-left: 0px;
}

.container .row {
    padding-top: 10px;
    margin-left: 0;
}

.localAccount .create {
    position: relative;
    top: 100px;
}

.localAccount .create a {
    margin-left: 5px;
}

#attributeVerification ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 10px;
}

#attributeVerification .helpLink {
    display: none;
}

.error.itemLevel.shown {
    content: "With this email address you will log into the portal";
}

#azureb2cmainpage .intro {
    display: none;
}

#azureb2cmainpage .sendCode {
    margin-top: 20px;
}

#azureb2cmainpage .textInput {
    min-width: 300px;
    margin-top: 10px;
}

#azureb2cmainpage .dropdown_single {
    min-width: 300px;
    margin-top: 10px;
}

 #attributeList ul li:not(:first-child) {
    margin-top: 10px;
}


#azureb2cmainpage .buttons #cancel {
    left: 30px;
    color: var(--gds-black);
    background-color: var(--gds-light-grey);
}

#azureb2cmainpage .buttons #cancel:focus {
    background-color: var(--gds-light-grey);
}

#azureb2cmainpage .buttons #cancel:focus:hover {
    background-color: var(--gds-light-grey);
}

#attributeVerification label {
    font-size: x-large;
}

#attributeVerification .Password.newPassword_li,
#attributeVerification .Password.reenterPassword_li,
#attributeVerification .TextBox.givenName_li,
#attributeVerification .TextBox.surname_li {
    margin-top: 25px;
}

#azureb2cmainpage .col-md-12 {
    margin-bottom: 100px;
}

#attributeVerification > .buttons {
    margin-top: 50px;
}

.newPassword_label_desc ul {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 13px;
    font-weight: 400;
}

.Password.newPassword_li #newPassword {
    margin-top: 10px;
}

#azureb2cmainpage .buttons #cancel:hover {
    background-color: var(--gds-light-grey--shadow);
}

.GoBackToSignIn {
    margin-top: 25px;
    display: -webkit-box;
}

.GoBackToSignIn p {
    display: flex;
}

.GoBackToSignIn a {
    margin-left: 5px;
}

#azureb2cmainpage .verificationControlContent .buttons {
    margin-top: 20px;
}

#azureb2cmainpage .verificationControlContent .buttons .sendNewCode {
    margin-left: 20px;
}

#azureb2cmainpage .buttons .sendNewCode:active,
#azureb2cmainpage .buttons .sendNewCode:hover {
    background-color: var(--gds-light-grey);
    border-color: transparent;
}

#azureb2cmainpage .buttons .sendNewCode {
    color: var(--gds-black);
    background-color: var(--gds-light-grey);
}

#azureb2cmainpage .TextBox.emailVerificationCode_li.VerificationCode .attrEntry {
    margin-top: 20px;
}

#azureb2cmainpage .TextBox.emailVerificationCode_li.VerificationCode #emailVerificationCode {
    margin-top: 15px;
}

#azureb2cmainpage .error.itemLevel.show, #emailVerificationControl_error_message {
    color: var(--gds-red);
    font-weight: bold;
}

#azureb2cmainpage .email_li.email .attrEntry:has(> .error.itemLevel.show),
#azureb2cmainpage .TextBox.emailVerificationCode_li.VerificationCode .attrEntry:has(> .error.itemLevel.show),
#azureb2cmainpage .TextBox.emailVerificationCode_li.VerificationCode .attrEntry:has(#emailVerificationControl_error_message[aria-hidden="false"]),
#azureb2cmainpage #localAccountForm .entry .entry-item:has(> .error.itemLevel[aria-hidden="false"]),
#azureb2cmainpage #attributeList > ul > li:has(> .attrEntry > .error.itemLevel.show) {
    border-left: 4px solid var(--gds-red);
    padding-left: 15px;
}

#azureb2cmainpage li.TextBox.emailVerificationCode_li.VerificationCode {
    border: 0 !important;
}

#localAccountForm .error.pageLevel p::before {
    font-size: x-large;
}

#localAccountForm .error.pageLevel p, #localAccountForm .error.itemLevel p {
    color: var(--gds-red);
    font-weight: bold;
}

.EmailBox.email_li.email.email {
    display: inherit;
}

.email_li.email.email #email {
    margin-top: 10px !important;
    min-width: 400px;
}

.azureb2cmainpage_staticHeader .staticFeedbackAndBetaHeader {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 0px !important;
}

.betaElement {
    background-color: var(--gds-blue);
    color: var(--gds-white);
    padding: 5px 10px 5px 10px;
    font-weight: 600;
    font-size: large;
}

.feedback-link {
    text-decoration: Underline;
}

.home-link {
    color: var(--gds-black) !important;
    text-decoration: Underline;
    padding: 4px 0;
}

.betaDescription {
    padding-left: 10px;
}

.PrivacyNoticeDescription {
    font-size: large;
}

.btn.btn-default.button.previous {
    background-color: transparent !important;
    color: var(--gds-blue) !important;
    box-shadow: none !important;
    margin-left: 15px;
    text-decoration: underline;
    border: none;
    border: 3px solid transparent !important;
    height: unset;
}

.btn.btn-default.button.previous:hover, .btn.btn-default.button.previous:focus, .btn.btn-default.button.previous:focus:hover {
    text-decoration-thickness: max(3px, .1875rem, .12em);
    text-decoration-skip-ink: none;
    background-color: var(--gds-yellow) !important;
    border: 3px solid transparent !important;
    color: var(--gds-black) !important;
}

.container .page-heading .service-header {
    font-size: x-large;
    font-weight: 350;
}

/*
.field-label{
    font-size: 25px;
    line-height: 30px;
}*/

legend.field-label {
    font-weight: bold;
    border: 0;
    margin-bottom: 0.5rem;
}

.clearfix.cell.text.form-control-cell {
    padding-top: 25px;
}

#council_requestdetails {
    height: 250px;
}

#council_startdate_datepicker_description,
#council_enddate_datepicker_description {
    width: 200px;
}

#azureb2cmainpage .col-md-12 {
    padding-left: 0;
}

#council_emailaddress, #council_confirmemailaddress {
    width: 100% !important;
}

#council_organisationserviceareaid {
    width: 50% !important;
}

#council_phonenumber, #council_alternativephonenumber {
    width: 100% !important;
    max-width: 316px !important;
}

#council_manualaddressid_name {
    width: 65% !important;
}

#council_address_Container {
    width: 65% !important;
}

#council_summary, #council_requestdetails {
    width: 50% !important;
}

.crmEntityFormView .form-control-cell .control input#council_subjectdateofbirth_datepicker_description, #council_serviceprovidedon_datepicker_description {
    width: 100% !important;
    max-width: 300px;
}

div.description {
    /* width: 50%; */
}

.description.below {
    width: 100%;
    max-width: 600px !important;
}

.description.above {
    width: 100%;
    max-width: 600px;
}

h1.tab-title {
    padding-right: 50%;
}

@media screen and (max-width: 1200px) {
    #council_phonenumber, #council_alternativephonenumber {
        width: 50% !important;
    }

    #council_emailaddress, #council_confirmemailaddress {
        width: 50% !important;
    }

    #council_organisationserviceareaid {
        width: 50% !important;
    }

    #council_manualaddressid_name {
        width: 65% !important;
    }

    #council_summary, #council_requestdetails {
        width: 65% !important;
    }

    #council_address_Container {
        width: 65% !important;
    }

    h1.tab-title {
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #council_phonenumber, #council_alternativephonenumber {
        width: 100% !important;
    }

    #council_emailaddress, #council_confirmemailaddress {
        width: 100% !important;
    }

    #council_organisationserviceareaid {
        width: 100% !important;
    }

    #council_manualaddressid_name {
        width: 100% !important;
    }

    #council_address_Container {
        width: 100% !important;
    }

    #council_summary, #council_requestdetails {
        width: 100% !important;
    }

    div.description {
        width: 100%;
    }
}

.description {
    font-size: 19px;
    line-height: 25px;
    font-weight: initial;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--gds-dark-grey);
}

.input-append.input-group.datetimepicker {
    display: -webkit-inline-box;
}

#azureb2cmainpage p {
    line-height: 19px;
}

#azureb2cmainpage label {
    line-height: 25px;
}

.add-file.btn.btn-primary.action:focus,
.cancel.btn.btn-default:focus,
.btn.btn-default.pull-right.remove-value:focus, .btn-default:focus {
    outline: none;
    outline-offset: 0px;
    border-color: var(--gds-yellow) !important;
    outline: 3px solid transparent !important;
    background-color: var(--gds-yellow) !important;
}

.add-file.btn.btn-primary.action:hover,
.cancel.btn.btn-default:hover,
.btn.btn-default.pull-right.remove-value:hover, .btn-default:hover {
    background-color: var(--gds-light-grey--shadow) !important;
    border-color: var(--gds-light-grey--shadow) !important;
}

.add-file.btn.btn-primary.action:active,
.cancel.btn.btn-default:active,
.btn.btn-default.pull-right.remove-value:active, .btn-default:active {
    background-color: var(--gds-light-grey) !important;
    border-color: var(--gds-light-grey) !important;
    position: relative;
    top: 2px;
}

.add-file.btn.btn-primary.action:active:focus,
.cancel.btn.btn-default:active:focus,
.btn.btn-default.pull-right.remove-value:active:focus, .btn-default:active:focus {
    background-color: var(--gds-light-grey) !important;
    border-color: var(--gds-light-grey) !important;
    position: relative;
    top: 2px;
}

.btn-default:active:focus {
    box-shadow: 0 -2px var(--gds-yellow), 0 4px var(--gds-black) !important;
}

.add-file.btn.btn-primary.action:hover:focus,
.cancel.btn.btn-default:hover:focus,
.btn.btn-default.pull-right.remove-value:hover:focus, .btn-default:hover:focus {
    background: var(--gds-yellow) !important;
    color: var(--gds-black) !important;
    box-shadow: 0 2px 0 var(--gds-green--shadow) !important;
}


.add-file.btn.btn-primary.action,
.cancel.btn.btn-default,
.btn.btn-default.pull-right.remove-value, .btn-default {
    color: var(--gds-black) !important;
    background-color: var(--gds-light-grey) !important;
    border-color: var(--gds-light-grey) !important;
    box-shadow: 0 2px 0 var(--gds-green--shadow);
    height: 39px;
    font-size: 1rem;
}

.form-close {
    box-shadow: none;
}

#council_isconfirmedbycustomer {
    min-width: 10px;
    min-height: 10px;
    width: 32px;
    height: 32px;
}

#council_isconfirmedbycustomer_label {
    margin-left: 10px;
    font-weight: 400;
}

.datepicker button {
    box-shadow: none;
    height: auto;
    width: auto;
    color: var(--gds-black);
}

.datepicker button:hover {
    color: black;
    background-color: var(--gds-grey--tint);
}

.datepicker button:hover,
.datepicker button:focus,
.datepicker button:active {
    background-color: var(--gds-grey--tint);
    box-shadow: none;
}

.MuiButtonBase-root.MuiIconButton-root {
    box-shadow: none;
    border-radius: 0;
}

.MuiButtonBase-root.MuiIconButton-root:focus,
.MuiButtonBase-root.MuiIconButton-root:active,
.MuiButtonBase-root.MuiIconButton-root:hover {
    box-shadow: none;
    background-color: transparent;
}

.jquery-bootstrap-pagination .pagination .active a:focus {
    box-shadow: none !important;
    border-radius: 0;
}

.form-close:hover,
.form-close:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}

.form-close:active {
    background-color: transparent !important;
    color: var(--gds-black);
}

button:focus:not(:active):not(:hover),
.button:focus:not(:active):not(:hover),
input[type="submit"]:focus:not(:active):not(:hover),
input[type="reset"]:focus:not(:active):not(:hover),
input[type="button"]:focus:not(:active):not(:hover) {
    border-color: var(--focus-color);
    color: var(--gds-black);
    background-color: var(--focus-color) !important;
    box-shadow: 0 2px 0 var(--gds-black);
}

.datepicker button:focus:not(:active):not(:hover),
.datepicker .button:focus:not(:active):not(:hover),
.datepicker input[type="submit"]:focus:not(:active):not(:hover),
.datepicker input[type="reset"]:focus:not(:active):not(:hover),
.datepicker input[type="button"]:focus:not(:active):not(:hover) {
    border-color: var(--focus-color);
    color: var(--gds-black);
    background-color: transparent;
    box-shadow: none;
}

.datepicker :is(button,input[type="submit"],input[type="reset"],input[type="button"],.button):active:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

/* DO NOT DELETE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* LOADER */
#loaderOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(128, 128, 128, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    user-select: none;
}

#loaderOverlay .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #00703C;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* END: LOADER */

.cookies-btn, .btn-primary {
    color: var(--gds-white) !important;
    background-color: #00873F !important;
    text-decoration: none;
    border-color: #00873F !important;
    box-shadow: 0 2px 0 var(--gds-green--shadow);
    font-size: 19px;
    height: unset !important;
}

.cookies-btn.delete-btn {
    background-color: #900 !important;
    border-color: #900 !important;
    box-shadow: 0 2px 0 #55150B; 
    
}

.cookies-btn:hover, .btn-primary:hover {
    color: var(--gds-white) !important;
    background-color: #00873F !important;
    border-color: #00873F !important;
}

.cookies-btn.delete-btn:hover {
    background-color: #820909;
    background-color: #820909 !important;
    border-color: #820909 !important;
}


.cookies-btn:active, .btn-primary:active {
    color: var(--gds-white) !important;
    background-color: #00873F !important;
    border-color: #00873F !important;
    position: relative;
    top: 2px;
}

.cookies-btn.delete-btn:active {
    background-color: #55150B !important;
    border-color: #55150B !important;
}

 .cookies-btn:focus, .btn-primary:focus {
    border-color: #fd0 !important;
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    box-shadow: 0 2px 0 #0b0c0c !important;
    outline: none;
}

/*
.cookies-btn.delete-btn:focus {
    background-color: #55150B !important;
    border-color: #55150B !important;
} */

.btn-primary:hover {
    background-color: var(--gds-green--shade) !important;
    border-color: var(--gds-green--shade) !important;
}

.btn-primary:active,
.btn-default:active {
    background-color: var(--gds-green) !important;
}

.visible-sm-block.visible-md-block.visible-lg-block.navbar-brand {
    display: block !important;
}


@media (min-width: 768px) {

    .navbar.navbar-inverse.navbar-static-top .container {
        border-bottom-width: 5px;
        border-bottom-color: #1d70b8;
        border-bottom-style: solid;
    }
}

.visible-sm-block.visible-md-block.visible-lg-block.navbar-brand {
    right: -49px;
}

@media (max-width: 768px) {
    .navbar.navbar-inverse.navbar-static-top .container {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

:is(button,input[type="submit"],input[type="reset"],input[type="button"],.button):active:hover {
    box-shadow: none;
}

/* html, body {
    overflow-x: hidden;
} */

@media (min-width: 650px) and (max-width: 768px) {
    #site-identity {
        padding-left: 30px;
    }
}

.MuiAutocomplete-endAdornment {
    top: calc(50% - 18px) !important;
}

.MuiAutocomplete-endAdornment button:nth-child(2) {
    top: -1px;
}

@media screen and (max-width: 1200px) {
    .navbar-header .navbar-toggle {
        margin-left: auto;
    }
}

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before {
    content: "\f14a";
    color: #2980b9;
}

input[type="checkbox"]:disabled + .label-text {
    color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before {
    content: "\f0c8";
    color: #ccc;
}

/*Radio box*/

input[type="radio"] + .label-text:before {
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before {
    content: "\f192";
    color: #8e44ad;
}

input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

input[type="radio"]:disabled + .label-text:before {
    content: "\f111";
    color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before {
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before {
    content: "\f205";
    color: #16a085;
}

.toggle input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before {
    content: "\f204";
    color: #ccc;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    left: 0;
    top: 0;
}

.input-group-addon, .input-group-btn {
    width: inherit;
}

#council_manualaddressid_lookupmodal .view-toolbar .input-group-btn {
    width: 1%;
}

select[disabled], input[disabled] {
    background-color: var(--gds-light-grey);
}

.entitylist-search {
    width: inherit;
}

#entitylist-filters {
    width: 100%;
    display: flex;
}

#entitylist-filters li {
    flex-grow: 1;
}

.entitylist-filter .panel-body {
    width: 100%
}

.entitylist-filter .panel-body .pull-right {
    min-width: 104px;
    align-self: baseline;
}

ul#entitylist-filters ul.list-unstyled {
    display: flex;
}

ul#entitylist-filters .entitylist-filter-option-text {
    width: 100%;
}

.entitylist-filter .panel-body .pull-right {
    position: relative;
    top: 54px;
}

.pagination li a:not(.entity-pager-next-link, .entity-pager-prev-link) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25;
    box-sizing: border-box;
    position: relative;
    min-width: 45px;
    min-height: 45px;
    padding: 10px 15px;
}

.attachments-dt {
    min-width: 21%
}

div.message.alert-success.success {
    padding: 9px 18px 9px 14px;
    position: relative;
    margin-right: 18px;
}

div.message.alert-success.success input.close {
    box-shadow: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 40px;
    padding-top: 0;
} 

div.message.alert-success.success input.close:hover {
    color: #fff;
}

.page-heading .service-header span {
    color: #505A5F;
}

.page-copy .xrm-editable-html.xrm-attribute .xrm-attribute-value > div.row.sectionBlockLayout.text-left {
    padding: 0 !important;
}

h1.tab-title, h1.main-title {
    margin-bottom: 0;
    font-size: 48px;
    max-width: 680px;
    font-weight: 700;
}

h1.home-title {
    margin-bottom: 12px;
    font-size: 48px;
    font-weight: 700;
}

.summary-table h1.main-title {
    padding-left: 12px;
    margin-bottom: 12px;
    max-width: unset;
}

.PrivacyNoticeDescription p {
    margin: 0;
}

h1.tab-title + .tab.clearfix {
    margin-bottom: 0;
}

.page-heading + .row {
    padding-top: 0; 
}

.MuiTextField-root .MuiOutlinedInput-root {
    padding: 0 !important;
    border-radius: 0 !important;
}

.MuiTextField-root .MuiOutlinedInput-root .MuiIconButton-label img {
    filter: grayscale();
}

input.form-control:disabled {
    background-color: #F3F2F1 !important;
}

@media screen and (min-width: 768px) {

    .checkbox {
        position: relative;
    }

    .checkbox:has(input:checked)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 1px;
        height: 26px;
        width: 27px;
        border: 2px solid #0B0C0C;
    }

    .checkbox input:is([type="radio"], .checkbox [type="checkbox"]) {
        width: 25px !important;
        height: 25px !important;
        position: absolute;
        top: 1px;
        left: 2px;
    }

    .checkbox input:is([type="radio"]:checked, .checkbox [type="checkbox"]):checked {
        width: 21px !important;
        height: 21px !important;
        accent-color: white !important;
        position: absolute;
        top: 3px;
        left: 3px;
        border-radius: 2px;
    }

    .checkbox:has(label):has(input:checked)::before {
        content: "";
        left: 5px;
        top: 5px;
    }

}

.input-group .input-group-btn .btn.btn-default.launchentitylookup,
.input-group .input-group-btn .btn.btn-default.launchentitylookup:hover,
.input-group .input-group-btn .btn.btn-default.clearlookupfield,
.input-group .input-group-btn .btn.btn-default.clearlookupfield:hover, 
.view-search .btn.btn-default.btn-hg, .view-search .btn.btn-default.btn-hg:hover
 {
    background: #1D70B8 !important;
    height: 45px;
    border: 2px solid black;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: black !important;
    border-left-width: 0 !important;
    box-shadow: none;
    border-left: 0;
}

.view-search .btn.btn-default.btn-hg .fa-search::before {
    color: var(--gds-white);
}

.btn.btn-default.clearlookupfield:focus, .btn.btn-default.launchentitylookup:focus, .view-search .btn.btn-default.btn-hg:focus {
    outline: 3px solid var(--gds-yellow) !important;
}


.modal-lg.modal-dialog .form-close:focus, .modal-lg.modal-dialog .form-close:hover {
    opacity: 1;
}

.input-group .input-group-btn .btn.btn-default.launchentitylookup:focus {
    top: 0 !important;
}

.input-group .input-group-btn .btn.btn-default.launchentitylookup .fa,
.input-group .input-group-btn .btn.btn-default.clearlookupfield .fa 
 {
    color: #FFFFFF;
}

.page-heading .notification {
    position: relative;
    font-size: 15px;
    padding: 9px 39px 9px 14px;
}

.page-heading .notification .close {
    box-shadow: none;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 40px;
    padding-top: 0;
    background: #1D70B8;
    color: #FFF;
    text-decoration: none;
}

@media screen and (max-width: 1024px) { 
    .page-heading .notification .close {
        right: 0;
    }
}

.page-heading .notification .close:after {
    display: none;
}

.page-heading .notification .close span {
    font-size: 22px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: 432px;
    min-width: 288px;
    width: 100%;
}

@media screen and (max-width: 410px) { 
    .bootstrap-datetimepicker-widget.dropdown-menu {
        min-width: initial;
    }
}

a.add-file {
    text-decoration: none;
}

#attributeList ul li:last-child {
    margin-top: 25px !important;
}

.instructions {
    margin-top: 32px;
}

.instructions .description {
    padding-top: 0;
    padding-bottom: 0;
}

tr td th a.sharepoint-custom-icon {
    text-decoration: none !important;
}

td a.sharepoint-custom-icon, td a.delete-link, td a.edit-link {
    text-decoration: underline !important;
}

.dropdown-menu > li > .delete-link {
    padding: 0;
}

.dropdown-menu > li > a.edit-link, .dropdown-menu > li > a.edit-link:hover {
    padding: 0;
    border: 0;
}


.dropdown-menu > li > .delete-link:hover, td a.edit-link:hover {
    padding: 0;
    border: 0;
    background: transparent;
}

ul.dropdown-menu > li > a.delete-link:focus, focus:td a.edit-link {
    background-color: var(--gds-yellow) !important;
    padding: 0;
}

.dropdown-menu.file-actions {
    justify-content: flex-end;
}



/* Add file modal */

#upload_documents_files .modal-add-file .modal-dialog .modal-content .modal-header, #upload_documents_files .modal-add-file .modal-dialog .modal-content .modal-footer {
  padding: 20px 0 !important;
  margin: 0 20px;
}

.margin-addfile.form-group .control-label-addfile.col-sm-3 {
    display: none;
}

#choose-file-button-id, input[aria-label="Choose files"] {
    width: 100%;
    max-width: 430px !important;
    padding: 0 !important;
    min-height: unset;
}

.modal-header .form-close {
    font-size: 34px;
}

.form-horizontal.add-file .margin-addfile + .form-group .col-sm-3 {
    display:none;
}

.form-horizontal.add-file .margin-addfile + .form-group {
    display: flex;
}

.form-horizontal.add-file .margin-addfile + .form-group .checkbox {
    margin: 0 auto;
}

@media screen and (max-width: 767px) { 
    .form-horizontal.add-file .margin-addfile + .form-group .checkbox {
        margin: unset;
        margin-left: 8px;
    }

}

/* SAR */


.section-title h3, [data-name="homelessness_application_tab"] .section-title h2 {
    font-size: 36px;
    margin-top: 30px;
    margin-bottom: 0;
}

.validation-summary ul li a {
    display: inline-block;
    line-height: 1.2;
    font-size: 19px;
    padding: 2px 0;
}

.crmEntityFormView.left.col-md-10.col-md-pull-2 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 730px;
}

.crmEntityFormView.left.col-md-10.col-md-pull-2:has(fieldset[aria-label="Summary"]) {
    max-width: 800px;
}

.crmEntityFormView fieldset {
    max-width: 730px;
}

.crmEntityFormView fieldset[aria-label="Summary"] {
    max-width: 730px;
}

.crmEntityFormView.left.col-md-10.col-md-pull-2 .instructions {
    margin-top: 0;
}

#council_guardianaddress_label::after, .crmEntityFormView .cell div.info.required label::after {
    display: none !important;
    
}

@media screen and (max-width: 1024px) {
    .crmEntityFormView.left.col-md-10.col-md-pull-2 .instructions {
        margin-right: 0;
    }

    .crmEntityFormView.left.col-md-10.col-md-pull-2 .instructions > * {
        margin-right: 16px;
    }

}

.boolean-radio, .picklist  {
    padding-top: 14px;
    display: flex;
    flex-direction: column;
}

.checkbox-cell .field-label {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

#council_donthaveemailaddress_label {
    max-width: 500px;
    display: inline-block;
}


.boolean-radio label, .picklist label {
    padding: 10px 56px;
}

.boolean-radio label::after, .boolean-radio label::before {
    cursor: pointer;
}

.picklist label::before, .boolean-radio label::before {
    width: 40px !important;
    height: 40px !important;
    top: 6px !important;
}

.boolean-radio label::after, .picklist label::after {
    width: 20px !important;
    height: 20px !important;
    left: 10px !important;
    top: 16px !important;
}

.crmEntityFormView .cell .picklist label, .boolean-radio label {
    font-size: 19px;
}

.PrivacyNoticeInformation {
    font-size: large;
}

.PrivacyNoticeInformation ul, .PrivacyNoticeDescription ul {
    margin-top: 8px;
}

#upload_documents_files .alert.alert-block.alert-warning {
    margin-bottom: 0;
}

.instructions + .section {
    margin-bottom: 0;
}

 .crmEntityFormView table.table tr td,  .crmEntityFormView table.table tr td:first-child, .crmEntityFormView table.table tr th {
    padding-left: 0;
    padding-right: 0;
}

/* Progress bar */

.progress.list-group {
    background: transparent;
    border: 1px solid #B1B4B6;
    box-shadow: none;
    padding: 16px;
    margin-left: -30px;
}

@media screen and (max-width: 992px) { 
     .col-sm-3.col-md-2.div-right.col-sm-push-9.col-md-push-10.col-sm-3.col-md-2.div-right.col-sm-push-9.col-md-push-10 {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .progress.list-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 10px;
        margin-right: 16px;
        display: none;
    }
}

ol.progress.list-group.right {
    padding-top: 56px;
}

.progress.list-group .list-group-item .glyphicon {
    display: none;
}

.progress.list-group .list-group-item {
    border: none;
    text-align: left;
    padding: 10px 0;
    display: flex;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
}

.progress.list-group .list-group-item .number {
    padding-right: 0;
    display: block;
    background: #F3F2F1;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    line-height: 0;
    min-width: 30px;
    min-width: 30px;
    position: relative;
    top: -5px;
}

.progress.list-group .list-group-item.active {
    background: transparent;
    color: initial;
}

.progress.list-group .list-group-item.active .number {
    background: #1D70B8;
    color: #FFF;
}

.crmEntityFormView .tab-title {
    padding-right: 0;
}

.crmEntityFormView .cell.checkbox-cell div.info {
    padding-left: 32px !important;
    padding-top: 0px !important;
}

.documentPlaceholder div:not(:last-child) a.sp-item::after {
    content: ",";
    color: #0B0C0C;
}

#mainContent > br {
    display: none;
}

.crmEntityFormView .form-control-cell .control input:not(.query.form-control), .crmEntityFormView .picklist-cell .control select, #council_serviceareaid, .control .textarea {
    width: 100% !important;
    max-width: 400px !important;
}

.crmEntityFormView .form-control-cell .control input.MuiInputBase-input {
    max-width: unset !important;
    padding-right: 60px;
}

@media screen and (max-width: 1024px) { 
    .MuiButtonBase-root .MuiIconButton-label {
        visibility: visible;
    }

    .input-group-btn .btn.btn-default.clearlookupfield {
        margin-left: -35px;
        z-index: 10;
    }
}

.control #council_address_Container {
    width: 100% !important;
}

.crmEntityFormView .form-control-cell .control .MuiFormControl-root {
    max-width: 600px;
}

.crmEntityFormView .form-control-cell .control #council_guardianmanualaddressid_name {
    max-width: 600px !important;
    width: calc(100% - 34px) !important;
    min-width: unset
}

/* Summary */

.card-body .details-row-label, .card-body .text-break {
    font-size: 19px !important;
    line-height: 25px !important;
}

div.card > div.card-body > div.row {
    margin: 0 !important;
    padding: 4px 0 !important;
}

.card-header h2.card-title {
    font-size: 24px;
    line-height: 25px;
}

.card {
    box-shadow: none !important;
}
/* Summary mobile */

@media screen and (max-width: 1024px) {
    
    .container.summary-table, .instructions .card {
        margin-right: 0 !important;
        padding-right: 0;
    }

    .documentPlaceholder {
        padding: 0 15px;
    }

    .summary-table .documentPlaceholder {
        padding: 0;
    }

    #confirmation-content div.content {
        margin-right: 15px;
    }
    
    .confirmation-title {
        font-size: 32px;
        line-height: 35px;
    }
    .confirmation-referencenumber {
        font-size: 27px;
        line-height: 30px;
    }

    .instructions {
        margin-top: 0;
    }

    .card-header h2.card-title {
        font-size: 24px;
        line-height: 30px;
    }

    .info.required #council_isconfirmedbycustomer_label {
           display: inline-block;
            margin-top: 4px; 
    }

}

@media screen and (max-width: 767px) {
    h1.tab-title, h1.main-title, h1.home-title {
        font-size: 32px;
        line-height: 35px;
    }
    
    .card-body dt, .card-body dd  {
        font-size: 19px;
        line-height: 25px;
    }
}

/* Cookie banner */

#cookies {
    background: #2C2C2C;
    color: #fff;
    padding-bottom: 30px;
}

#cookies .info-container h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

#cookies .info-container {
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

#cookies .info-container {
    width: 100%;
    max-width: 575px;
    padding-right: 15px;
}

#cookies .cookie-btn-container {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 15px;
}

#cookies a.cookie-policy {
    color: #87CEEB;
}

#cookies a.cookie-policy:focus {
    color: var(--gds-black);
}

/* Your unsubmitted requests */

.page-header {
    margin: 0;
    border-bottom: 0
}

.page-header h1 {
    color: #0B0C0C;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.card {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .card {
        width: initial;
        margin-right: 15px;
    }    
}


@media screen and (max-width: 1024px) {
   .page-header h1, #mainContent h1, .sign-in-title {
        font-size: 32px;
        line-height: 35px; 
    }
}

/* Pagination */

.view-pagination .pagination .active a {
    background-color: #1D70B8 !important;
    color: #fff !important;
}

.view-pagination .pagination li a {
    color: #1D70B8 !important;
    position: relative;
}

.view-pagination .pagination li a.entity-pager-next-link,
.view-pagination .pagination li a.entity-pager-prev-link {
    color: transparent !important;
}

.view-pagination .pagination li a.entity-pager-next-link::before,
.view-pagination .pagination li a.entity-pager-prev-link::before {
    position: relative;
    color: #1D70B8;
    text-decoration: underline;
}

.view-pagination .pagination li:has(a.entity-pager-next-link)::after {
    content: "\f061";
    font-family: "FontAwesome";
    font-size: medium;
    color: #505A5F;
    z-index: 2;
    position: relative;
    pointer-events: none;
    left: 8px;
}

.view-pagination .pagination li:has(a.entity-pager-prev-link)::before {
    content: "\f060";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: medium;
    color: #505A5F;
    z-index: 3;
    position: relative;
    pointer-events: none;
    left: 5px;
}

.view-pagination .jquery-bootstrap-pagination .active a {
    border-radius: 0;
}

.entity-lookup .view-grid {
    font-size: 100%;
}


.modal-dialog .modal-body li {
    position: relative;
    height: 47px;
    display: inline-block;
}

.modal-dialog .modal-body li .entity-pager-next-link, .modal-dialog .modal-body li .entity-pager-prev-link {
    position: absolute;
    top: -10px;
    height: 36px;
    left: -6px;
}

.modal-dialog .modal-body li .entity-pager-next-link, .modal-dialog .modal-body li.disabled {
    margin-right: 8px;
}

.modal-dialog .modal-body .pagination > .disabled > a {
    background: initial;
}

.modal-dialog .modal-body .pagination > li > a:focus {
    background: var(--gds-yellow);
}

.modal-dialog .modal-body .pagination > li > a:focus::after, .modal-dialog .modal-body .pagination > li > a:focus::before {
    color: var(--gds-black);
}

.modal-dialog .modal-body .fa.fa.fw[role="checkbox"]:focus-visible {
    outline: 2px solid var(--gds-yellow);
}


/* SAR/Complaint Mobile */

@media screen and (max-width: 767px) {
    .page-heading .service-header span {
        font-size: 18px;
        line-height: 20px;
    }

    .section-title h3, [data-name="homelessness_application_tab"] .section-title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .field-label {
        font-size: 19px !important;
        line-height: 25px !important;
    }
    
    .clearfix.cell.text.form-control-cell {
        padding-top: 12px;
    }
    
    .PrivacyNoticeInformation {
        margin-right: 15px !important;
    }

     .input-group.datetimepicker {
        width: calc(100% - 48px) !important;
    }
    
    .alert {
        margin-right: 16px;
    }

    .view-grid:has(.table-striped.table) {
        width: 100%;
        overflow: scroll;
    }

}

/* WCAG */

#MessageLabel {
    outline: none;
}

.MuiInputBase-root .MuiAutocomplete-popupIndicator {
    width: 32px;
}

#addressSearch::placeholder {
    font-size: 15px !important;
    color: #505A5F !important;
    display: inline-block;
    opacity: 1
}

#addressSearch:focus, #addressSearch1:focus, #addressSearch2:focus, #addressSearch3:focus {
    outline: 3px solid var(--gds-yellow) !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 2px !important;
    border: 2px solid var(--gds-black);
}

/* Lookup mobile */

@media screen and (max-width: 767px) {
    .entity-lookup .view-grid.table-responsive {
        padding: 8px 12px;
    }

    .entity-lookup .view-grid.table-responsive tbody > tr.info > td:first-child, .modal-lookup tr > td:first-child {
        padding-right: 15px !important;
    }

    .modal .modal-footer button {
        margin-bottom: 12px !important;
    }

    .crmEntityFormView table.table tr th {
        padding: 0 12px 0 0;
    }
}

.modal-footer .btn, .modal-footer .primary.btn.btn-primary  {
    height: 39px !important;
}

/* Complaints */

.picklist.vertical input:is([type="radio"], [type="checkbox"]) + label {
    padding-bottom: 0;
}

.picklist.vertical input:is([type="radio"], [type="checkbox"]) + label .description {
    padding-bottom: 0;
}

.info:has(label#council_donthaveemailaddress_label) {
    padding-bottom: 0;
}

.info:has(label#council_donthaveemailaddress_label) + .control + .description.below {
    padding-left: 38px;
    padding-top: 0;

}

.info:has(label#council_donthaveemailaddress_label) + .control + .description.below:has(.warning-icon) {
    margin-left: 0;

}

.form-control.input-text-box + .input-group-addon:focus {
    outline: 3px solid var(--gds-yellow) !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 3px black !important;
    border:0;
}

.start-proccess-disclamer {
    margin-top: 32px;
    margin-bottom: 20px;
    font-size: 19px;
}

.start-proccess-disclamer h3 {
    font-size: 19px;
    color: #0B0C0C;
    margin-bottom: 8px;
}

.first-page-text-container {
    font-size: 19px;
    color: #0B0C0C;
}

.start-proccess-disclamer p {
    font-size: 19px;
    color: #505A5F;
    margin: 0;
}

a.link, .rcRefreshImage, .rcCaptchaAudioLink, .sharepoint-custom-underline, .delete-link {
    font-size: 19px;
}

.rcCaptchaAudioLink {
    margin-bottom: 8px;
}

a.btn.btn-default {
    text-decoration: none;
}

/* Modal Create */
 
.modal-lg.modal-dialog {
    width: calc(100% - 24px);
    max-width: 630px;
}

.modal-content .modal-header .form-close {
    top: 10px !important;
}

.modal-content .modal-header .modal-title {
    font-size: 36px;
}

.modal-content .modal-header .modal-title span {
    display: none;
}

.modal-content:has(.actions) {
    position: absolute;
    bottom: 0;
    backhgound: red;
}

select.form-control.picklist {
    font-size: 15px;
    padding: 2px 7px 4px 10px;
    flex-direction: inherit;
}

#ctl00_ContentContainer_WebFormControl_439bb728e891ef118a69002248c889a4_EntityFormView_captcha_CaptchaTextBox {
    min-width: unset !important;
}

.dropdown-menu > li > a {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
    line-height: 1 !important;
    margin-left: 24px !important;
}

.dropdown-menu > li > a.delete-link:hover:focus {
    background-color: var(--gds-yellow) !important;  
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}

.dropdown-menu > li > a:focus {
    background-color: var(--gds-yellow);
    padding-bottom: 5px !important;
    border: 0;
}

.open .dropdown-menu:has(a) {
    padding: 0 !important;
}

.open .dropdown-menu > li > a:hover, .open .dropdown-menu > li > a {
    margin: 0 !important;
    padding: 8px 12px !important;
    display: flex;
}

/* Upload files mobile */

@media screen and (max-width: 320px) {
    .modal-add-file .modal-dialog {
        margin: 10px 20px 10px 10px;
    }

    .modal-add-file .modal-dialog  .checkbox label {
        display: inline-block;
        padding-left: 12px;
    }

    .page-heading .service-header span {
        display: inline-block;
    }
}

/*  Health Protection - Approved Establishment */

@media (min-width: 650px) {

    div[data-name="establishment_details_tab"].tab.clearfix, div[data-name="establishment_details_tab"].tab.clearfix #council_establishmenttradingname, div[data-name="establishment_details_tab"].tab.clearfix .MuiFormControl-root  {
        max-width: 630px !important;
    }

    div[data-name="establishment_details_tab"].tab.clearfix .cell {
        padding-right: 0;
    }
}

div[data-name="establishment_details_tab"].tab.clearfix .MuiAutocomplete-root {
    margin-top: 0 !important;
}

a.sharepoint-custom-icon > span.fa.fa-file-o {
    display: none;
}

.before-you-begin {
    font-size: 19px;
    font-weight: 400;
    line-height: 25px;
}

/* Taxi Complaint */
.mb .tab-title {
    margin-bottom: 40px;
}

.mt {
    margin-top: 40px;
}

fieldset[aria-label="Identity information"] {
    margin-top: 36px !important;
}

.info.required legend.field-label{
    font-weight: bold;
    border-bottom: none;
    width: auto;
}

.description.below.radio-description {
    margin-left: 62px !important;
    width: calc(100% - 62px) !important;
    margin-top: -20px !important;
}

.table.table-striped th a {
  font-size: 19px;
  text-decoration: none;
}

.dropdown.action .btn.btn-default[data-toggle="dropdown"] {
  background-color: transparent !important;
  border: 0;
  box-shadow: none !important;
}

.dropdown.action .dropdown-menu li a {
  font-size: 19px;
}
.open .dropdown-menu > li > a:hover, .open .dropdown-menu > li > a, .open .dropdown-menu > li > a:hover, .open .dropdown-menu > li > a:hover:focus, .open .dropdown-menu > li > a:hover, .open .dropdown-menu > li > a:hover  {
  margin: 0 !important;
  padding: 8px 12px !important;
  display: flex;
  border: 2px solid transparent !important;
}

.dropdown.action .dropdown-menu {
  min-width: unset;
}

#Landlords_sgrid .dropdown.action .btn.btn-default[data-toggle="dropdown"] span {
  top: -3px;
  color: #1D70B8;
}

.view-toolbar.grid-actions.clearfix {
    padding-bottom: 32px;
    border-bottom: 0;
}

@media (min-width: 768px) {
    fieldset[aria-label="Your enquiry"] .clearfix.cell.textarea.form-control-cell {
        padding-right: 0;
    }
}

fieldset[aria-label="Your enquiry"] .textarea.form-control {
    max-width: unset !important;
} 

label.description {
    padding-top: 0 !important;
}


/* Approval of a Food Business Establishment */

.table.table-striped.extended {
    width: 970px;
    max-width: unset;
}

.table.table-striped.extended [data-attribute="council_averagevolumeperweek"], .table.table-striped.extended th.sort-enabled:has(a[aria-label="Avg. tons or liters per week"]) {
    padding-left:20px !important;
}

.table.table-striped.extended th.sort-enabled:has(a[aria-label="Avg. tons or liters per week"]) {
    width: 15% !important;
}

@media screen and (max-width: 767px) {
  .view-grid:has(.table-striped.table) {
    padding: 8px;
  }
}

/* multiselect */

.customControl.MscrmControls {
    border: 2px solid var(--gds-black);
    min-height: 45px;
    min-width: 12rem;
    max-width: 100%;
    border-radius: 0;
    font: inherit;
    display: flex;
    align-items: center;
}

.customControl.MscrmControls:focus {
    outline: 3px solid var(--gds-yellow) !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 2px !important;
}

.msos-container:not(.msos-disabled) {
    border: 0 !important;
    box-shadow: none !important;
}

.crmEntityFormView .form-control-cell .msos-container:not(.msos-disabled).msos-active {
    border: 0 !important;

}


.crmEntityFormView .form-control-cell .control .msos-filter-container .msos-input-container .msos-input {
    max-width: unset !important;
    font-size: 19px;
padding-left: 13px;
}


.crmEntityFormView .form-control-cell .control .msos-filter-container .msos-input-container {
padding: 0;
}

.msos-selected-display-item .msos-quick-delete {
    height: 24px;
    box-shadow: none !important;
}

.msos-selected-display-item.msos-visible {
    display: flex;
    align-items: center;
    font-size: 19px !important;
}

.msos-label.msos-option-focused, .msos-label.msos-option-focused .msos-label-text .msos-itemcount-text {
  background: #1D70B8 !important;
    color: #FFF !important; }

li.msos-option:hover, label.msos-option:hover, .msos-option.msos-option-selected:hover, li.msos-option:hover *, label.msos-option:hover * {
  background: #efefef !important; }

.msos-label.msos-option-focused:hover, .msos-label.msos-option-focused:hover .msos-label-text .msos-itemcount-text {
    color: #000 !important;
background: #efefef !important; 
}


.customControl.MscrmControls .msos-caret-button, .customControl.MscrmControls .msos-caret-button:hover:active:focus {
    box-shadow: none !important;
    width: 28px !important;
height: 100%;
}

.customControl.MscrmControls .msos-caret-button:focus:not(:active):not(:hover) {
  border-left: 2px solid black !important;
}

.msos-selecteditems-container[title] + .msos-inner-container .msos-caret-button:focus {
    border-top: 2px solid black !important;
}


.customControl.MscrmControls .msos-selecteditems-toggle {
    box-shadow: none !important;
    background-color: transparent !important;
    color: var(--gds-black) !important 
}

.customControl.MscrmControls .msos-caret-button:hover {
    background-color: transparent !important;
    color: var(--gds-black) !important;
}

.msos-selected-items.msos-selection, .msos-optionitem-text, .msos-selected-display-item {
    font-size: 19px !important;
}

.crmEntityFormView .form-control-cell .msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
  top: 40px !important;
}

/* WCAG fix */

label.hidden-label, .hidden-legend, .hidden-text {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

fieldset[aria-label="Your enquiry"] {  
    margin-top: 30px !important;
} 

.instructions p {
    font-size: 19px;
    line-height: 25px;
}

#claimVerificationServerError.error.pageLevel {
    display: block;
    background-color: #f9f1f1 !important;
    color: #000;
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: 700;
}

@media (min-width: 768px) {
    .actions .col-sm-6.clearfix {
        width: unset;
    }

  }

nav[aria-label="Main Navigation"] ul.nav.navbar-nav.weblinks ul.dropdown-menu {
    font-family: Inter, Arial, sans-serif;
    font-size: 14px !important;
    letter-spacing: 0px;
}

nav[aria-label="Main Navigation"] ul.nav.navbar-nav.weblinks ul.dropdown-menu a {
    text-decoration: initial !important;
    font-size: 14px !important;
}

nav[aria-label="Main Navigation"] ul.nav.navbar-nav.weblinks ul.dropdown-menu a:hover {
    text-decoration: initial !important;
    font-size: 14px !important;
    color: #fff !important;
}

.siteTitle {
    font-family: Inter, Arial, sans-serif;
}

#MessagePanel .close {
    opacity: 1;
}

/*.view-grid.table-responsive table[aria-relevant="additions"].table.table-striped {
    width: 1320px !important;
    max-width: 1320px !important;

}

.view-grid.table-responsive table[aria-relevant="additions"].table.table-striped td[data-attribute="council_displayaddress"] {  
    width: 19%;
}  */

.view-empty.message {
  border-bottom: 1px solid #ccc;
  color: #505A5F;
  padding: 14px 0;
}


@media (max-width: 768px) {
    .view-grid.table-responsive table[aria-relevant="additions"].table.table-striped td {
        white-space: unset !important;
    }
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  width: auto;
  height: auto;
  left: 0;
  z-index: 9999;
}

.address-search-custom-full-width .MuiFormControl-root.MuiTextField-root.MuiFormControl-fullWidth {
    max-width: 100% !important;
}

.crmEntityFormView .all-inputs-custom-full-width .form-control-cell .control input:not(#council_dateofincident_datepicker_description),
.crmEntityFormView .all-inputs-custom-full-width .form-control-cell .control textarea,
.crmEntityFormView .all-inputs-custom-full-width .form-control-cell .control .MuiFormControl-root.MuiTextField-root.MuiFormControl-fullWidth {  
  max-width: 100% !important;
} 

.crmEntityFormView .all-inputs-custom-full-width .form-control-cell .control input#council_dateofincident_datepicker_description {
      max-width: 260px !important;
}

.clearfix.cell.form-control-cell:has(.address-search-custom-full-width) {
    padding-right: 0 !important;
}

@media screen and (max-width: 767px) {
    .clearfix.cell.form-control-cell:has(.address-search-custom-full-width) {
    padding-right: 1rem !important;
    }
}