@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Not ideal, due to limitations of Bootstrap */
body { overflow-x: hidden; }

:root {
    --primaryColor: #fff;
    --secondaryColor: #5CC2E7;
    --charcoalColor : #141414;
    --magentaColor: #D81EBF;
    --primaryBlueColor: #4B7CAA;
    --primaryFont: "Inter", sans-serif;
    --headingFont: "Bai Jamjuree", sans-serif;
    --bodyBgImg: url('https://blackhat.informafestivals.com/eventAssets/bhif_asia_2026_251211190446/image/BH-asia-26/BHAS26_Bg-NoCubes-2200x2828.jpg');
    --bodyBgColor: #010101;
    --linkHoverBgColor: #e6e6e6;
    --color-white: #ffffff;
    --color-red: #ff0000; //#a94442
    --color-grayLt: #e6e6e6;
    --color-gray: #cccccc;
    --color-grayDk: #adadad;
    --color-charcoal: #333333;
    --color-black: #000000;
    --color-blackRgba: rgba(0, 0, 0, 0.7);
}

/* FONT SIZES
------------------------------------------------------*/
*, html, body, .ui-widget input, p, label { font-family: var(--primaryFont); }
_:-ms-lang(x), input.form-control { display: inline-block; }

::selection { background: var(--secondaryColor); color: black; }
h1, h2, h3, h4, h5, h6 { font-family: var( --headingFont); text-wrap: balance; }
html, body { font-size: 1rem; background: transparent; color: var(--primaryColor); min-height: 100vh; }
h1 { font-size: 2.3rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1rem; }

/* EV2 REQUIRED STYLES
------------------------------------------------------*/
div.ip-group-container div.ip-element label.errorFieldLabel, div.ip-group-container div.ip-element label.emptyFieldLabel { color: var(--color-red); }

/* Main Styles */
html { background-color: var(--bodyBgColor); background-image: var(--bodyBgImg); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; z-index: 1; width: 100%; }

a, a:active, a:visited, a:hover { color: var(--secondaryColor); }
a:hover { text-decoration: underline; }
img { max-width: 100%; width: 100%; }
.page-banner img { max-width:  390px; width: 100%; }
@media screen and ( max-width: 650px ) {
  .page-banner img { height: auto !important; width: 100% !important; }
}
.intro-wrap { padding: 0 50px 0 0; }
.intro-wrap { margin-top: 50px; }
@media screen and (max-width: 760px) {
    aside { clear: both; margin-bottom: 6.5rem; padding-bottom: 5rem; }
    table:not(.financialSummary), table:not(.financialSummary) thead tr, table:not(.financialSummary) tbody tr{ box-sizing: unset; display: flex; flex-wrap: wrap; width: 95% !important; }
    .index_registrations_select_your_package td:first-child { width: 2.5rem !important; }
    .index_registrations_select_your_package td:nth-child(2) { width: calc(100% - 3rem) !important; }
}
header { margin-bottom: 5rem; }
.IP_Messages .error i.fa { padding-right: .5rem; }
.IP_Messages .error ul label { color: var(--color-red); }
aside h2#contact-heading { font-size: 1.4rem; text-transform: uppercase; }
aside p { font-weight: 300; margin: .5rem 0; }
aside p strong { font-weight: 500; line-height: 1.7; }
aside h3 { font-family: var(--primaryFont); font-size: 1.1rem; line-height: 2; }
.intro-wrap h1, .intro-wrap p { color: var(--color-white); }
.intro-wrap p { text-wrap: pretty; }
.full-row { width: 100%; }
.btn, .ip-buttonBar a.btn, .ip-buttonBar  > a { background: var(--secondaryColor); border: 1px solid var(--secondaryColor); border-radius: 0; color: var(--color-black); cursor: pointer; font-weight: bold; transition: all ease 0.3s; }
.btn:hover, .btn-cancel:hover { background-color: var(--linkHoverBgColor) !important; border-color: var(--color-grayDk) !important; color: var(--color-black) !important; }
@media screen and (width > 1199px) {
    .ip-buttonBar { text-align: left; }
    body:not(.index_registrations_review) .ip-buttonBar { margin-right: 15px; }
    .index_registrations_blackhat .ip-buttonBar { text-align: left; }
}
.ip-buttonBar > a { border-radius: 4px; cursor: pointer; display: inline-block; font-weight: bold; padding: 6px 12px; touch-action: manipulation; -ms-touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.ip-buttonBar  > a:hover { text-decoration: none; }
.ip-buttonBar a:not(.btn):first-child { margin-right: .25rem; }
.ip-buttonBar a:not(.btn):last-child { margin-left: .25rem; }
.index_forgot-password_passwordreset a.btn:last-child { margin-left: .25rem; }
.index_forgot-password_passwordreset input.btn:first-child { margin-right: .25rem; }
.date-info { list-style: none; margin: 40px 0 0; padding: 0; }
.date-info li { font-family: var(--primaryFont); font-size: 1rem; text-align: center; text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.89); width: 100%; }
.index_registrations_attendee main .col-xs-12.col-sm-3 aside { background: rgba(0, 0, 0, 0.48); }
body header .date-info li:first-child time { font-family: var(--headingFont) !important; }
.date-info li:first-child { font-size: 1.75rem; font-weight: 600; text-shadow: 3px 3px 7px rgb(34 34 34); }
.index_registrations_blackhat .login-box .requiredSymbol, .buttons.chargesButtonsHeader, .chargeButtons, .index_registrations_index .btn-cancel, .index_registrations_attendee .btn-cancel, .index_registrations_bhalu5801 .btn-cancel, .index_registrations_bhaca6920 .btn-cancel, .index_registrations_bhasia24media .btn-cancel, .index_registrations_spbr2024 .btn-cancel, .index_registrations_sppdbs24 .btn-cancel { display: none; }
.requiredSymbol { line-height: 1.1; }
#BHiBTA36 { width: 100%; }
@media screen and ( width > 768px ) {
    .flex-centred { align-items: center; display: flex; }
}
form input, form select { margin-bottom: 10px; }
.iti__selected-dial-code, #ip-financialSummary-Container, .well { background: var(--color-blackRgba); color: var(--color-white); margin-top: 15px; }
#ip-financialSummary-Container table.financialSummary, .index_registrations_review .financialSummary, #ip-financialSummary-Container + .IP_PageBuilder_ExhibitorReg .btn-submit { color: var(--color-white); }
.iti__country-name, .iti__dial-code, .iti__selected-dial-code, .index_registrations_payment .financialSummary { color: var(--color-black); background: transparent;}
.iti__selected-dial-code { margin-top: 0; }
.index_registrations_profile .ip-elm-checkbox-multi.ip-element label[for="hkLqGU81-117"], .index_registrations_profile .questionResponse.questionResponseCheckbox label, .index_exhibitorreg_portal .login-box label[for="rememberMe"] { width: 90%; }
.index_exhibitorreg_portal label[for="rememberMe"] + span.ip-elementContent { float: left; }
[class^="index_registrations_"] .login-box > .ip-buttonBar { text-align: left !important; }
.index_registrations_attendee main .login-box form a.btn-cancel, .index_registrations_bhalu6758 main .login-box form a.btn-cancel, .index_registrations_aisummit main .login-box form a.btn-cancel, .index_registrations_execsummit main .login-box form a.btn-cancel,.index_registrations_fssummit main .login-box form a.btn-cancel, .index_registrations_bhamedia main .login-box form a.btn-cancel, .index_registrations_informa main .login-box form a.btn-cancel { display: none; }
label[for="workshop_ZdVMUO96"] { font-size: 1.4rem; margin-bottom: 20px; margin-top: 20px; }
div[unique_id="pUpVfH79"] label[for="pUpVfH79"] span.requiredSymbol, div[unique_id="wYqzjX11"] label[for="wYqzjX11"] span.requiredSymbol { display: none; line-height: unset; }
div[unique_id="pUpVfH79"] span.ip-elementContent.clearfix, div[unique_id="wYqzjX11"] span.ip-elementContent.clearfix { display: flex; flex-direction: column; margin-top: -2.5rem; }
.index_registrations_select_your_package div[unique_id="tumABl47"] table, .index_registrations_select_your_package div[unique_id="vijAhN09"] table { margin-bottom: 0; }
.index_registrations_select_your_package div[unique_id="tumABl47"] label, .index_registrations_select_your_package div[unique_id="vijAhN09"] label, .index_registrations_select_your_package div[unique_id="THrzie10"] label { display: none; }
/* Event and sponsorshhip Task Options */
.index_exhibitorreg_section_10 .taskElement { display: flex; flex-direction: row-reverse; flex-wrap: wrap-reverse; margin: 0; }
.index_exhibitorreg_section_10 .taskElement > .taskDisplay { float: none; margin: 0; width: 75%; }
.index_exhibitorreg_section_10 .taskElement > .taskDisplay > .allTasks > .task { width: 100%; }
.index_exhibitorreg_section_10 .taskElement > .taskFilters { float: none; padding-right: 20px; width: 25%; }
@media screen and (max-width: 600px) {
  .index_exhibitorreg_section_10 .taskElement > .taskFilters, .index_exhibitorreg_section_10 .taskElement > .taskDisplay { width: 100%; }
}

.ui-widget-content a { color: var(--color-black); }
.index_forgot-password_index .btn-submit { margin-right: 10px; }
.even a { display: block; text-align: center; }
.even a img { width: auto; margin: auto; }
.even .financialAmount { text-wrap: nowrap; }
td.workshopName { display: flex; gap: 10px; }
#publicMenu li a { align-items: center; display: flex; justify-content: center; }
#publicMenu li a:hover { background-color: var(--secondaryColor); text-decoration: none; }
.index_registrations_review main .ip-group-col.col-lg-6:first-child { padding-right: .5rem; }
.index_registrations_review main .ip-group-col.col-lg-6:last-child { padding-left: .5rem; }
.reportView .reportHeader th, .reportView .reportTable tr.even, .reportView .reportTable tr.odd, #ip-financialSummary-Table .groupFinancialSummary tr.balanceDueRow td { background: none; }
.reportView .reportTable thead tr { background-color: var(--primaryBlueColor); font-weight: bold; text-align: left; }
.reportView .reportTable tr { border-bottom: 1px solid var(--primaryColor); }
.reportView .reportTable td, .reportView .reportTable th { padding: 5px; }
.reportView .reportTable td a { text-align: left; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table { margin-top: 30px; width: 100%; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table thead tr { background-color: var(--primaryBlueColor); font-weight: bold; text-align: left; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table thead th.column { position: relative; min-width: 120px; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table td.action-button-wrapper { max-width: 60px; text-align: center; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table thead th.column .columnTitle { float: right; width: 88%; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table tr.manage-even { background-color: inherit; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table thead th.column .columnSort { float: left; min-width: 12px; width: 10%; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table .column { padding: 5px; }
.manage-registrants-promocode-grouping .manage-registrants-promocode-table .send-invoice:hover { cursor: pointer; }
.manage-registrants-promocode-grouping-counts > p, .manage-registrants-promocode-grouping-counts .ip-button { float: none !important; }
.manage-registrants-promocode-grouping-counts .ip-button a { background: var(--secondaryColor); border: solid 1px var(--primaryBlueColor); border-radius: 5px; color: var(--primaryColor); padding: 5px 15px; }
.manage-registrants-promocode-grouping-counts .ip-button a:hover { /*background: var(--secondaryColor);*/background-color: var(--linkHoverBgColor) !important; border-color: var(--color-grayDk) !important; color: var(--color-charcoal) !important; cursor: pointer; text-decoration: none; }
.ip-group-col { padding: 0; }
#ip-financialSummary-Table .groupFinancialSummary { background: none; color: var(--primaryColor); }
#ip-financialSummary-Table table.groupFinancialSummary th, #ip-financialSummary-Table table.groupFinancialSummary tr { background: none; color: var(--primaryColor); }
.index_exhibitorreg_section_24 a.btn { background: var(--secondaryColor); border-color: var(--primaryBlueColor); }
.index_exhibitorreg_section_24 a.btn:hover { background-color: var(--linkHoverBgColor) !important; border-color: var(--color-grayDk) !important; color: var(--color-black) !important; cursor: pointer; text-decoration: none;}

body[class^="index_exhibitorreg"] .btn-lg { border-radius: 40px; }
body[class^="index_exhibitorreg"] .btn-primary { background: var(--secondaryColor); border: 1px solid var(--secondaryColor); font-size: 14px; height: 170px !important; width: 170px !important; }
body[class^="index_exhibitorreg"] .btn-primary[download] { border-radius: 5px; height: auto !important; }
body[class^="index_exhibitorreg"] .btn-primary:hover { font-weight: 800; }
body[class^="index_exhibitorreg"] .btn-primary:hover img { filter: invert(1); }
body[class^="index_exhibitorreg"] .btn-primary.disabled, body[class^="index_exhibitorreg"] .btn-primary:disabled, body[class^="index_exhibitorreg"] .open>.dropdown-toggle.btn-primary { border-color: #2e3416; }
body[class^="index_exhibitorreg"] .tooltip-inner { background-color: var(--color-white); color: var(--color-black); }
body[class^="index_exhibitorreg"] #publicMenu li a:hover { background-color: var(--secondaryColor); border: 1px solid var(--secondaryColor); }

/* FOOTER */
.index_registrations_attendee footer.footer, .index_registrations_informa footer.footer, .index_registrations_bhalu0973 footer.footer, .index_registrations_bhaca2866 footer.footer,.index_registrations_bhamedia footer.footer, .index_exhibitorreg_portal footer.footer{ bottom: 0; height: auto; left: 0;  position: absolute; width: 100%; }
footer.footer { clear: both; color: var(--color-white); display: block; margin-top:2rem; padding-bottom: 10px; padding-top: 10px; width: 100%; }
footer.footer img { margin: 10px 0; width: 160px; }
footer.footer .powered-by { margin: 20px 0 40px; width: 340px; }
footer.footer > .row:first-of-type { bottom: 0; position: absolute; width: calc(100% - 30px); }
footer.footer ul { list-style: none; margin: 10px 0 0 0; padding: 0; }

@media screen and (min-width: 992px) {
    .index_registrations_delegate footer.footer { bottom: 0; left: 0; margin-top: 0; position: absolute; right: 0; }
    footer.footer ul { /*float: right;*/ }
}
footer.footer ul li { float: left; font-size: 0.8rem; padding: 2px 5px; }
footer.footer ul li:last-child { clear: both; }
footer.footer ul li a { font-weight: normal; text-decoration: underline; }
footer.footer ul li a:hover { text-decoration: none; }