/* FORM STYLE ONLY */
input[type=text] { border: 1px solid #9d9c9c; color: var(--color-black); height: 32px; width: 80%; }
.well input[type=text] { width: 64.5%; }
input[type=password] { color: var(--color-black); }
form select { color: var(--color-black); height: 32px; width: 76%; }
input[type=checkbox], input[type=radio] { margin-right: 8px; margin-top: 0; }
.ip-elm-checkbox-multi { margin-bottom: 10px; }
select, .form-control { width: 64.5%; height: 32px; }
label { display: unset; font-weight: 700; line-height: 1.8; }
.questionResponseCheckbox label { font-weight: normal; }
.notRequiredSymbolClass, .requiredSymbolClass, body:has(label[for="yWqcBT14"]) .btn-cancel{ display: none !important; }
label[isrequired="1"]:before {
    color: red;
    font-size: 1.2rem;
    content: "*";
    display: inline-block;
    margin-left: -5px;
    padding-right: 2px;
}
.login-box form { border-radius: 5px; padding: 0; width: 100%; }
.login-box form .ip-elm-textbox.ip-element[unique_id="YHVFEs13"], .login-box form .ip-elm-textbox.ip-element[unique_id="YHVFEs13"] input[type=text]  { width: 100%; }

.login-box label { display: inline-block; font-weight: 400; line-height: 1.6; }
.index_registrations_blackhat .login-box .btn-cancel, .notRequiredSymbolClass { display: none; }
.login-box .btn { margin-top: 0; }
#rnKOKM41, #uEHBpT88 { width: calc(80% + 85px); }

/*PROGRESS MENU + PUBLIC MENU */
#progressMenu ul, #publicMenu { display: block; list-style: none; margin: 20px 0; padding: 0; }
#progressMenu ul li, #publicMenu li {
    display: block;
    text-align: center;
    padding: 10px 0;
    background: var(--secondaryColor);
    border-bottom: 2px solid var(--primaryColor);
    border-radius: 3px;
    transition: .03s ease all;
    color: var(--color-white);
}

/* #publicMenu li { background-color: var(--primaryColor); color: white; } */
#publicMenu li:hover { color: var(--color-white); text-decoration: underline; }
#progressMenu ul li.currentStep { background: var(--accentColor); color: var(--secondaryColor); }
#publicMenu a { color: var(--color-white); transition: all ease-in 0.3s; }
#publicMenu a:hover { color: var(--orange) !important; }
.form-control:has(.ip-copyAddressContainer) { background-color: initial; border: initial; box-shadow: initial; }
.index_registrations_payment label[for="copyAddress"] { display: block; height: 1px; }

@media screen and (min-width: 768px) {
    #progressMenu ul, #publicMenu { display: flex; gap: 2px; padding: 2px; }
    #progressMenu ul li { flex-basis: 33.33%; padding: 20px 0; border-bottom: unset; }
    #publicMenu li { flex-basis: 20%; border-bottom: unset; padding: unset; }
    #publicMenu li a { display: block; padding: 20px 0; height: 100%; }
}

/* PHONE NUMBER + PASSWORD INPUTS */
.iti--separate-dial-code, .ip-elm-password, .ip-elm-confirmpassword, .ip-elm-textbox, .ip-formPassword {  width: 80%; }

/* PACKAGES */
.ip-elementPackages.ip-elementPackagesNoWrap { display: block; flex-wrap: wrap; }
.ip-elementPackages.ip-elementPackagesNoWrap .ip-elementPackage { display: block; margin: 0; width: 100%; }
.ip-elementPackageDescriptionContainerTitle, .index_registrations_payment .ip-addressContainer-cityStateSeparator, .index_registrations_payment .ip-addressContainer-statePostalSeparator { display: none; }
.index_exhibitorreg_login .ip-element:has(label[for="rememberMe"]) { display: flex; }
.index_exhibitorreg_login label[for="rememberMe"] { order: 2; }
.index_exhibitorreg_login  #rememberMe { order: 1; }

@media screen and (min-width: 519px) and (max-width: 767px) {
    .ip-elementPackages.ip-elementPackagesNoWrap { display: flex; gap: 2px; flex-wrap: wrap; }
    .ip-elementPackages.ip-elementPackagesNoWrap .ip-elementPackage { flex-basis: calc(50% - 2px); margin: 0; }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ip-elementPackages.ip-elementPackagesNoWrap { display: flex; gap: 3px; }
    .ip-elementPackages.ip-elementPackagesNoWrap .ip-elementPackage:nth-child(-n+3) { flex-basis: calc(33.33% - 2px); padding: 0; }
    .ip-elementPackages.ip-elementPackagesNoWrap .ip-elementPackage:nth-child(n+4) { flex-basis: calc(50% - 2px); padding: 0; }
}
@media screen and (min-width: 1200px) {
    .ip-elementPackages.ip-elementPackagesNoWrap { display: flex; gap: 1px; }
    .ip-elementPackages.ip-elementPackagesNoWrap .ip-elementPackage { flex-basis: calc(33.33% - 1px); padding: 0; }
}
.ip-elementPackages .ip-elementPackage { margin: 0; padding: 0; }
.ip-elementPackages .ip-elementPackage label input { margin-right: 5px; }
.ip-elementPackages .ip-elementPackage .ip-elementPackageDescription { padding: 10px; }

/* PACKAGE SELECT */
#wOfgnS74-packageID-30 select { background: #00e2ff; width: 100%; }

/******/
.index_registrations_additional_events .ip-elm-radio-multi span.ip-elementContent { display: flex; margin-top: 5px; }
.index_registrations_additional_events .ip-elm-radio-multi .questionResponse { margin-right: 5px; }
.purchasableItemElement > .form-group { display: flex; margin-bottom: 0; }
.purchasableItemElement > .form-group label { margin-left: 5px; order: 2; }
.purchasableItemElement > .form-group span { order: 1; }

/* EXHIBITOR PROFILE */
.index_exhibitorreg_portal form { float: none; padding: 0; width: 70%; }
.index_exhibitorreg_portal .login-box label { margin-left: 0; width: 100%; }
.index_registrations_profile .ip-elm-checkbox-multi.ip-element label { float: left; margin-top: 8px; }
.index_registrations_profile .ip-elm-checkbox-multi.ip-element label[for="qBRYAp46"] { float: unset; }
.index_registrations_profile input[type="checkbox"] { float: left; }
.index_registrations_profile input#xGDzsG87-1041{ margin-top: -1.6rem; }
label[for="fQlOjI23"], label[for="uAaBay70"], label[for="fQlOjI23-486"], label[for="uAaBay70-487"]{ font-weight: 400; }
.index_registrations_changepassword .ip-formPassword { width: 100%; }
@media screen and (min-width: 768px) {
    .index_registrations_changepassword .ip-formPassword { width: 35%; }
}

.index_registrations_changepassword .btn-submit[style] { margin: 10px 0 20px; width: 240px !important; }
.questionResponse .chosen-container { width: 64% !important; }
table img {
    width: auto;
    margin: auto;
    display: block;
}

.ip-copyAddressContainer:has(.ip-addressContainer) .ip-addressContainer {
    float: left;
    width: 100%;
    padding: 10px;
}