/* This file has global styles, which apply to all. Add page specific styles to specific stylesheets - e.g. login.css */


:root {
    /* Brand specific colours - This is the only place we should have colour codes - everywhere else, we should refer to these variables */
    --ioc-yellow: #FFB114;
    --ioc-red: #F0282D;
    --ioc-blue: #0078D0;
    --ioc-green: #00A651;
    --ioc-white: #FFFFFF;
    --ioc-black: #000000;
    --ioc-nav-grey: #333333;
    --ioc-nav-hover-grey: #969696;
    --ioc-light-grey: #F2F3F4;
    --ioc-v-light-grey: #F3F6F8;
    --ioc-dash-grey: #DDDDDD;
    --ioc-nav-red: #BF182B;
    --ioc-nav-green: #00804D;
    --ioc-nav-blue: #0049AA;
    --ioc-nav-yellow: #FA841E;
    --ioc-nav-black: #2E2E2E;
    --ioc-dark-blue: #0049AA;
    --ioc-dark-red: #BC182B;
    --ioc-dark-green: #00804d;
    --ioc-dark-yellow: #f78b1e;
    /* Globals - using as per Bootstrap 5.3, so when this is released we can make use of it - https://getbootstrap.com/docs/5.3/customize/color/ */
    --bs-body-bg: var(--ioc-white);
    --bs-body-color: var(--ioc-black);
    --bs-secondary-bg: var(--ioc-light-grey);
    --bs-secondary-color: var(--ioc-black);
    --bs-tertiary-bg: var(--ioc-black);
    --bs-tertiary-color: var(--ioc-white);
    --bs-primary: var(--ioc-white);
    --bs-primary-text: var(--ioc-nav-grey);
    /* Globals - our own variables */
    --ioc-corner-button-radius: 15px;
    --ioc-field-corner-radius: 15px;
    --ioc-login-field-corner-radius: 0px;
    --ioc-box-padding: 0px;
    /* Globals - our own font size variables */
    --ioc-body-size: 1.1rem;
    --ioc-body-size-l: 20px;
    --ioc-line-height-l: 30px;
    --ioc-h1-login-size: 4.9rem;
    --ioc-h1-login-line-height: 4.2rem;
    --ioc-h1-login-size-s: 5rem;
    --ioc-h1-login-line-height-s: 4rem;
    --ioc-nav-size: 18px;
    --ioc-nav-line-height: 32px;
    --ioc-h1-size: 4rem;
    --ioc-h2-size: 1.9rem;
    --ioc-h3-size: 20px;
    --ioc-h4-size: 28px;
    --ioc-h5-size: 16px;
    --ioc-h6-size: 16px;
    --ioc-validation-size: 16px;
}


/* In the below, we should only use the global color variables above */

/* ---------- 1 - Global ---------- */

.ps-5 {
    padding-left: 6rem !important;
}

.pe-5, #sponsor.sponsor-pages {
    padding-right: 6rem !important;
}

@media only screen and (min-width:992px) {
    #sponsor.sponsor-pages {
    margin-bottom:20px;
    }
}

    @media only screen and (max-width: 991px) {
        .ps-5 {
        padding-left: 20px !important;
    }
    .pe-5 {
        padding-right: 20px !important;
    }
    #sponsor {
        text-align: left !important;
        float: left !important;
    }
    h1 {
        display: inline-block;
    }
}

header .ps-5 {
    padding-left:3rem !important;
}

header .pe-5 {
    padding-right: 3rem !important;
}

@media only screen and (max-width: 991px) {
    header .ps-5 {
        padding-left: 2rem !important;
    }

    header .pe-5 {
        padding-right: 2rem !important;
    }
}

    /*fonts*/
    @font-face {
        font-family: 'Olympic Headline Condensed';
        src: url(fonts/OlympicHeadline-Condensed.woff) format('woff');
        src: url(fonts/OlympicHeadline-Condensed.woff2) format('woff');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Olympic Headline Regular';
        src: url(fonts/OlympicHeadline-Regular.woff) format('woff');
        src: url(fonts/OlympicHeadline-Regular.woff2) format('woff');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Olympic Sans Regular';
        src: url(fonts/OlympicSans-Regular.woff) format('woff');
        src: url(fonts/OlympicSans-Regular.woff2) format('woff');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Olympic Sans Medium';
        src: url(fonts/OlympicSans-Medium.woff) format('woff');
        src: url(fonts/OlympicSans-Medium.woff2) format('woff');
        font-style: normal;
        font-weight: 500;
    }

    @font-face {
        font-family: 'Olympic Sans Bold';
        src: url(fonts/OlympicSans-Bold.woff) format('woff');
        src: url(fonts/OlympicSans-Bold.woff2) format('woff');
        font-style: normal;
        font-weight: 600;
    }


    body, p {
        font-family: 'Olympic Sans Regular', sans-serif;
        font-size: var(--ioc-body-size);
        line-height: 1.5rem;
        color: var(--ioc-nav-grey);
        overflow-x: hidden;
    }

    span {
        font-family: 'Olympic Sans Regular', sans-serif;
    }

    h2, h3, h4, h5, h6 {
        font-family: 'Olympic Sans Bold', sans-serif;
        font-weight: 600;
    }

    h1 {
        font-size: var(--ioc-h1-size);
        line-height: 3.3rem;
        color: var(--ioc-nav-grey);
        font-family: 'Olympic Headline Condensed', sans-serif;
        font-weight: 400;
        margin-bottom: 20px;
    }


    h2 {
        font-size: var(--ioc-h2-size);
        font-family: 'Olympic Headline Condensed', sans-serif;
        font-weight: 400;
        line-height: 40px;
        color: var(--ioc-nav-grey);
    }

    h3 {
        font-size: var(--ioc-h3-size);
        line-height: 30px;
        color: var(--bs-primary-text);
    }

    h4 {
        font-size: var(--ioc-h4-size);
        line-height: 28px;
        color: var(--bs-primary-text);
    }

    h5 {
        font-size: var(--ioc-h5-size);
        line-height: 26px;
        color: var(--bs-primary-text);
    }

    h6 {
        font-size: var(--ioc-h6-size);
        line-height: 26px;
        color: var(--bs-primary-text);
    }

    /*links*/
    a {
        color: var(--bs-body-color);
    }

        a:hover {
            color: var(--ioc-blue);
        }

    .hp-btn a {
        text-decoration: none !important;
        color: var(--bs-primary-text) !important;
        font-family: 'Olympic Sans Regular' !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    button.btn.btn-primary.hp-btn {
        margin-bottom: 0px;
    }

    /*sponor logos*/
    @media only screen and (min-width: 992px) {
        #sponsor {
            text-align: right;
            float: right;
        }

            #sponsor img {
                width: 150px;
                height: 150px;
            }
    }

    /*header*/
    header, header .container {
        background-color: var(--bs-body-bg) !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    @media only screen and (max-width: 575px) {
        header .container {
            padding-left: 15px;
            padding-right: 15px;
        }
    }


    /*footer*/
    .footer, .footer .container {
        background-color: var(--ioc-black);
        color: var(--bs-primary);
    }

    footer .col:hover {
        color: var(--ioc-yellow);
    }

    .footer a {
        text-decoration: none;
        color: var(--bs-primary);
    }

        .footer a:hover {
            text-decoration: underline;
        }

    /*buttons*/
    button, .btn, .btn-primary, .btn .btn-primary {
        background: var(--ioc-light-grey);
        color: var(--bs-body-color);
        border-radius: var(--ioc-corner-button-radius);
        border: none;
        text-transform: none;
        font-family: 'Olympic Sans Medium';
        padding: 15px 20px;
    }

    .btn-primary {
        background: var(--ioc-light-grey);
    }

    .btn-secondary {
        background: var(--ioc-light-grey) !Important;
        color: var(--bs-primary-text) !Important;
    }

        .btn-secondary:hover {
            color: var(--ioc-white) !important;
            background-color: var(--ioc-dark-blue) !important;
        }

.button:hover, .btn:hover, .btn .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: var(--ioc-dark-blue);
}

        .btn-primary:active:focus {
            box-shadow: none;
        }


    /*tables*/
    td {
        word-break: keep-all;
        padding: 15px 15px 15px 15px !important;
    }

    td:first-of-type {
        padding: 15px 15px 15px 20px !important;
    }

    td:last-of-type {
        padding: 15px 20px 15px 15px !important;
    }

    /*portal - acordion buttons*/
    button.accordion-button.collapsed {
        background-color: var(--ioc-dash-grey);
        color: var(--bs-primary-text);
    }

    .accordion-button:not(.collapsed) {
        background-color: var(--ioc-dash-grey);
        color: var(--bs-primary-text);
    }

    .accordion-body {
        background-color: var(--bs-body-bg);
    }

        .accordion-body ul, .accordion-body a, .accordion-body p, .accordion-body strong, .accordion-body {
            color: var(--bs-primary-text);
        }

            .accordion-body a:hover {
                color: var(--ioc-blue);
            }

    .accordion-button:not(.collapsed)::after {
        background-image: url("/images/arrow-square-down.png");
        transform: rotate(-180deg);
    }

    .accordion-button::after {
        background-image: url("/images/arrow-square-down.png");
    }

    /*tables - alternating row colours*/
    .tickettabletr, .scrolly_table thead tr, .ModPulsePackageListingForProgrammeC thead tr, .ModPulsePackageListingForWaveC thead tr {
        color: var(--bs-body-color) !important;
        font-weight: 600;
    }

    .ModPulseOrdersC thead tr td {
        color: var(--bs-body-color) !important;
    }

    /*link colours*/
    tr:nth-child(even) a {
        color: var(--bs-body-color);
    }

    tr:nth-child(odd) a, tr:nth-child(odd) span {
        color: var(--bs-primary-text);
    }

    /*buttons*/
    a.btn.btn-default:nth-child(odd):before, tfoot a.btn.btn-default:nth-child(odd):before {
        content: none;
    }

    tr:nth-child(odd) .btn, tr:nth-child(even) .btn {
        background-color: var(--ioc-light-grey);
        color: var(--bs-primary-text);
    }

        tr:nth-child(odd) .btn:hover, tr:nth-child(even) .btn:hover {
            background-color: var(--ioc-yellow);
            color: var(--bs-primary-text) !important;
        }


    /*table footer*/
    tfoot tr, tfoot tr:nth-child(even), tfoot tr:nth-child(odd) span {
        background-color: var(--bs-body-bg);
        color: var(--bs-primary-text) !important;
    }


    /*forms*/
    .justify-content-end .mb-3 {
        margin-bottom: 0px !important;
    }

    #4ce9db19-ffec-4cfb-86a9-b27fefc62a8f {
        margin-bottom: 10px;
    }

    .formbx .row {
        --bs-gutter-x: 30px;
    }

    .mb-3 {
        margin-bottom: 0px !important;
    }

    .form-control, .form-select {
        border-radius: var(--ioc-field-corner-radius);
        color: var(--bs-primary-text);
        border: 1px solid var(--ioc-black);
        background: var(--ioc-light-grey);
        appearance: auto;
    }

    .col-sm-8 .columns .content-pad .formbx {
        margin-bottom: 30px;
    }


    label {
        color: var(--ioc-nav-grey);
        font-weight: 600;
    }

    legend {
        font-weight: 600;
        font-size: var(--ioc-body-size);
    }

    .col-form-label {
        color: var(--bs-primary-text);
        font-weight: 600;
    }

    .formbx span, .formbx a {
        color: var(--bs-primary-text);
    }

    .ilbox {
        border-radius: var(--ioc-field-corner-radius);
        padding: var(--ioc-box-padding);
    }

.butbx .btn, .butbx [type=submit]:not(:disabled), button:not(:disabled) {
    background: var(--ioc-blue);
    color: var(--ioc-white);
    transition: background-color 0.2s ease;
}

    button:hover {
        background-color: var(--ioc-dark-blue);
    }

    .btn-primary {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }

    input, .ModPulseGenerateGuestListC .form-select, #columnList, #comparisonList, .js-filter-logic, .js-filter-operator, select, textarea {
        border-radius: var(--ioc-field-corner-radius);
        margin-bottom: 10px;
        color: var(--bs-body-color);
        border: 1px solid var(--bs-primary-text);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: .375rem 2.25rem .375rem .75rem;
        width: 100%;
    }

    #columnList, #comparisonList, .js-filter-logic, .js-filter-operator {
        margin-bottom: 30px;
    }

    /*form radio buttons*/
    .form-check .form-check-input {
        float: none;
        padding: 0px !important;
        margin-right: 10px;
        background: var(--ioc-light-grey);
    }

    .form-check-input {
        border: 1px solid var(--ioc-black);
    }

        .form-check-input:checked {
            background-color: var(--ioc-black);
            border-color: var(--ioc-black);
        }

    .form-check {
        padding-left: 0px;
        display: flex;
    }

    /*form validation*/
    .validation-summary-errors, .was-validated .form-check-input:invalid ~ .form-check-label, .invalid-feedback, .text-danger {
        color: var(--ioc-red) !important;
        font-size: var(--ioc-validation-size);
        font-weight: 600;
        margin-top: 0px;
    }

    .was-validated .form-check-input:invalid, .form-control.is-invalid, .form-select.is-invalid {
        border-color: var(--ioc-red);
    }

    #firstNameError, #surNameError, #salutationError, #inviteeEmailError {
        color: var(--ioc-red);
        font-size: var(--ioc-validation-size);
        font-weight: 600;
    }

    .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
        font-size: var(--ioc-validation-size);
        font-weight: 600;
    }

    @media only screen and (min-width: 832px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 60%;
        }
    }

    @media only screen and (min-width: 576px) and (max-width:831px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 39%;
        }
    }

    @media only screen and (max-width: 575px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 52%;
        }
    }

    .was-validated :invalid ~ .invalid-feedback {
        margin-top: 0px;
    }

    .form-select.is-invalid:not([multiple]):not([size]) {
        margin-bottom: 10px;
    }

    .formbx .form-control.is-invalid, .was-validated .form-control:invalid {
        margin-bottom: 10px;
    }


    /*dropdown menu*/

    .dropdown-toggle::after {
        display: inline-block;
        width: 0.6em;
        height: 0.6em;
        margin: -.0em 0 5px 10px;
        vertical-align: middle;
        content: "";
        border: 1px solid;
        border-width: 0 .17em .17em 0;
        transform: rotateZ(45deg)
    }

    .dropdown-menu {
        padding: 10px;
        background-color: var(--bs-body-bg);
        border: none;
    }

        .dropdown-menu span:hover, .navbar-nav a:hover {
            color: var(--ioc-nav-hover-grey);
            text-decoration: none !important;
        }

        .dropdown-menu span {
            color: var(--ioc-nav-grey);
            text-decoration: none !important;
            font-weight: 600;
        }

        .dropdown-menu li a[href="#"] span {
            font-weight: 600;
        }

        .dropdown-menu .nav-link {
            text-align: left !important;
        }

        .dropdown-menu a.nav-link {
            color: var(--ioc-nav-grey) !important;
        }

        .dropdown-menu .nav-link.active {
            text-decoration: none !important;
            color: var(--ioc-nav-hover-grey) !important;
        }


    @media only screen and (min-width: 992px) {
        .dropdown-menu {
            border-radius: var(--ioc-field-corner-radius);
        }
    }

    @media only screen and (max-width: 991px) {
        .dropdown-menu {
            border-radius: var(--ioc-field-corner-radius);
        }
    }

    .dropdown-menu {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: solid 1px var(--ioc-dash-grey);
        border-top: none;
    }

    /*menu*/
    .navbar {
        align-items: flex-start;
    }

    .justify-content-end {
        justify-content: start !important;
    }

.navbar-nav, .navbar-dark .navbar-nav .nav-link {
    font-size: var(--ioc-h5-size);
    font-weight: 600;
    color: var(--ioc-nav-grey) !important;
    text-align: center;
    line-height: 1.4em;
}

    @media only screen and (min-width: 992px) and (max-width:1208px) {
        .navbar-dark .navbar-nav .nav-link {
            white-space: normal;
        }
    }

    @media only screen and (min-width: 992px) and (max-width:1287px) {
        .navbar-dark .navbar-nav .nav-link {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 402px) and (max-width:454px) {
        .navbar .d-flex {
            display: block !important
        }

        ul.navbar-nav {
            padding-top: 20px !important;
        }
    }

    .navbar-nav a:hover, .navbar-dark .navbar-nav .nav-link:hover {
        color: var(--ioc-nav-hover-grey) !important;
    }

    a.nav-link.active, .navbar-dark .navbar-nav .nav-link.active {
        font-weight: 600;
        color: var(--ioc-nav-hover-grey) !important;
    }

    @media only screen and (max-width: 991px) {
        .navbar-nav .nav-link {
            text-align: left !important;
        }
    }

    /* ---------- 2 - ModRegistrationFormC  ---------- */
    .ModRegistrationFormC button:hover, .ModRegistrationFormC btn:hover, .ModRegistrationFormC .btn-secondary:hover {
        background-color: var(--ioc-yellow) !important;
        color: var(--bs-primary-text) !important;
    }


    .ModRegistrationFormC .regitem, .ModRegistrationFormC .reggrptle {
        list-style-type: none;
    }

    .ModRegistrationFormC {
        padding: var(--ioc-box-padding);
        border-radius: var(--ioc-field-corner-radius);
    }

        .ModRegistrationFormC .reggrptle a {
            color: var(--bs-primary-text) !important;
        }

        .ModRegistrationFormC .regitem a {
            color: var(--bs-primary-text) !important;
        }

            .ModRegistrationFormC .reggrptle a:hover, .ModRegistrationFormC .regitem a:hover {
                color: var(--ioc-blue) !important;
            }

        .ModRegistrationFormC .formbx a:hover {
            color: var(--ioc-blue);
        }


        .ModRegistrationFormC .mb-3 {
            padding-bottom: 30px !important;
        }

            .ModRegistrationFormC .mb-3:nth-last-child(2) {
                padding-bottom: 0px !important;
            }


    /* ---------- 3 - ModChangeGuestC ---------- */
    .ModChangeGuestC .col-sm-8 .btn {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .ModChangeGuestC .form-control.is-invalid {
        margin-bottom: 10px;
    }

    /* ---------- 4 - ModDeclineC ---------- */
    .ModDeclineC .invalid-feedback {
        margin-bottom: 0px;
    }

    .ModDeclineC button:hover, .btn:hover {
        background-color: var(--ioc-dark-blue);
    }

    /* ---------- 5 - MRSVPPanel ---------- */
    .RSVPPanel .mb-3 {
        margin-bottom: 30px !important;
    }

    /* ---------- 6 - Reg Panel---------- */
    .regitem a, .reggrptle {
        font-size: var(--ioc-body-size);
        line-height: 1.85rem;
        text-decoration: none;
        color: var(--bs-body-color);
    }

        .reggrptle a {
            font-weight: 600;
            text-decoration: none;
        }

        .regitem a:hover {
            text-decoration: underline;
        }

        .list0, .reggrptle a, .reggrptle::marker, .regitem a {
            color: var(--bs-primary-text);
        }

    /* ---------- 7 - Invitee Module ----------*/

    #InviteeModule-1070 .form-select, #InviteeModule-1070 .form-control {
        color: var(--bs-body-color);
    }

    @media only screen and (max-width: 768px) {
        #InviteeModule-1070 {
            padding-top: 30px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 0px;
        }

            #InviteeModule-1070 #columnList {
                margin-bottom: 30px !important;
            }
    }

    #InviteeModule-1070 #columnList {
        margin-bottom: 0px;
    }

    #InviteeModule-1070 #btnFind, #InviteeModule-1070 #filterAdd {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    #InviteeModule-1070 .btn-secondary {
        margin-bottom: 30px;
    }

    #InviteeModule-1070 row .js-filter-criterion {
        --bs-gutter-x: 30px !important;
    }

    #InviteeModule-982 #filter-982 .row {
        --bs-gutter-x: 30px;
        margin-bottom: 0px;
    }

    #deleteGuestBtn, #filterAdd {
        display: none !important;
    }

    .js-filter-criterion:nth-child(1) {
        padding-top: 0px;
    }

    .js-filter-criterion {
        padding-top: 20px;
    }

.formbx .btn, #btnClose {
    background: var(--ioc-blue) !important;
    color: var(--ioc-white);
}

#btnClose {
    padding: 5px 15px;
}

    .formbx .btn:hover, #btnClose:hover {
        background: var(--ioc-dark-blue) !important;
    }


    /*language options*/
    .language-object {
        display: none;
    }

        .language-object .selected img, svg {
            border: 1px solid var(--ioc-black);
        }

{
    background-color: var(--ioc-black);
    color: var(--bs-primary-text);
}

.language-object .Language {
    padding-left: 30px;
}

.language-object img, svg {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

/* ---------- 8 - ModPulseGenerateGuestListC ---------- */
.ModPulseGenerateGuestListC .row {
    --bs-gutter-x: 30px;
    margin-bottom: 15px !important;
}

.ModPulseGenerateGuestListC #filter {
    background-color: var(--bs-body-bg) !important;
}

.ModPulseGenerateGuestListC #filters {
    margin-bottom: 30px;
}

/* ---------- 9 - ModPulseGuestRegistrationC ---------- */
.ModPulseGuestRegistrationC #filters .row {
    --bs-gutter-x: 30px;
    margin-bottom: 0px;
    margin-top: 1rem;
}

#fix {
    height: 60vh !important;
}

.fixed.freeze_vertical {
    background-color: var(--ioc-dash-grey) !important;
}

ul.list0 ol, ul {
    padding-left: 1.2rem !important;
}

.ModPulseGenerateGuestListC, .ModPulseReportC, .ModPulseUploadGuestListC, #filter-978, #filter-982 {
    background-color: var(--bs-body-bg);
    padding: var(--ioc-box-padding) !important;
    border-radius: var(--ioc-field-corner-radius);
}

/*forms - /Guest/Registration page*/
#filter-978 {
    margin-bottom: 40px;
}

    /*buttons*/
.ModPulseGuestRegistrationC [type=button], #filter-982 #filterAdd, #filter-982 #btnFind {
    background-color: var(--ioc-light-grey);
    color: var(--bs-primary-text);
    border-radius: var(--ioc-corner-button-radius);
    border: none;
    font-weight: 400;
    padding: 10px 25px;
}

.ModPulseReportC .btn:hover, .ModPulseUploadGuestListC .btn:hover, .ModPulseGenerateGuestListC .btn:hover, #filterAdd:hover, #btnFind:hover {
    background-color: var(--ioc-dark-blue);
}

    #filterAdd, #btnFind {
        font-size: var(--ioc-h6-size);
    }

.ModPulseUploadGuestListC .form-check {
    padding-left: 0.75rem !important;
}

    .ModPulseUploadGuestListC .form-check .form-check-input {
        margin-left: 0px !important;
    }

.ModPulseUploadGuestListC .form-control {
    margin-left: 0.75rem !important;
}

.ModPulseUploadGuestListC span.form-check-input {
    margin-top: 0px;
    border: none;
    background-color: transparent;
}

/* ---------- 10 - ModMyPackagesC ---------- */
.ModMyPackagesC {
    padding: 50px 90px;
}

/*/Guest/Reporting page*/
#dnn_ctr1096_ContentPane .ModPulseReportC {
    background-color: var(--bs-body-bg) !important;
}


/* Modals - Guest list/Invitee */
.modal-header button:hover {
    background-color: var(--ioc-dark-blue);
}

.modal-content label {
    padding-right: 20px;
    display: inline-flex;
}

    .modal-body {
        padding: 30px;
    }

#businessCaseGoesHere {
    overflow-wrap: anywhere;
}

/*sign-up page validation*/
span.dnnFormRequired:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: var(--ioc-red);
    font-size: var(--ioc-body-size);
    line-height: 1em;
    font-weight: 600;
}

/*Experiences Modal*/
.modal-header #modalDismissButton {
    padding: 5px 15px;
}

.form-check .form {
    margin-left: unset;
}

.formbx {
    word-break: break-word;
    margin-top:10px;
    margin-bottom:30px;
}

.modal-content a:hover {
    color: var(--ioc-blue);
}

.modal-content .form-check .form-check-input {
    margin-left: 0px !important;
}

fieldset ul {
    margin-top:0 !important;
    margin-bottom:0 !important;
}

/*@media only screen and (max-width: 575px) {
    .form-check {
        padding-left: 30px;
    }
}*/

@media (min-width: 576px) {
    .modal-content #itemDetail .col-sm-4, .modal-content #itemDetail .col-sm-8 {
        width: 50%;
    }

    .modal-dialog {
        max-width: 900px;
    }
}