/* FORM STYLE ONLY */
input[type=text] { height: 32px; width: 80%;}
input[type=checkbox], input[type=radio] { margin-right: 8px; }
select, .form-control { height: 32px; width: 64.5%; }
label { display: unset; font-weight: 700; line-height: 1.4; }
.requiredSymbol { color: var(--color-red); font-size: 1.2rem; float: left; margin-left: -20px; }
.index_registrations_packages .requiredSymbol { margin-left: -15px; }
.login-box form { border-radius: 5px; padding: 0; width: 100%; }
.login-box label { clear: both; display: inline-block; font-weight: 700; line-height: 0; margin-left: 15px; }
.login-box form input[type="text"] { color: var(--color-black); width: 100%; }
@media screen and (min-width: 768px) {
    .login-box input[type="text"] { width: 65%; }
}
.login-box .btn-cancel { display: none; }
.login-box .btn { margin-top: 0; }

/*PROGRESS MENU + PUBLIC MENU */
#progressMenu ul, #publicMenu { display: block; list-style: none; margin: 20px 0; padding: 0; }
#progressMenu ul li, #publicMenu li { background: var(--color-offWhite); border-bottom: 2px solid var(--color-white); display: block; padding: 10px 0; text-align: center; }
#progressMenu ul li.completedStep { background: var(--color-ltGrey); color: var(--color-slate); }
@media screen and (min-width: 768px) {
    #progressMenu ul, #publicMenu { display: flex; gap: 2px; }
    #progressMenu ul li { border-bottom: unset; flex-basis: 33.33%; padding: 20px 0; }
    #publicMenu li { border-bottom: unset; flex-basis: auto; padding: unset; }
    #publicMenu li a { display: block; height: 100%; padding: 20px 0; }
}

/* PHONE NUMBER + PASSWORD INPUTS */
.iti--separate-dial-code, .ip-elm-password, .ip-elm-confirmpassword, .ip-elm-textbox { 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 { display: none; }
@media screen and (min-width: 519px) and (max-width: 767px) {
    .ip-elementPackages.ip-elementPackagesNoWrap { display: flex; flex-wrap: wrap; gap: 2px; }
    .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(20% - 1px); padding: 0; }
}
.ip-elementPackages .ip-elementPackage { margin: 0; padding: 0; }
.ip-elementPackages .ip-elementPackage label { background: var(--color-black); color: var(--color-white); display: block; min-height: 120px; padding: 10px 15px; width: 100%; }
.ip-elementPackages .ip-elementPackage label input { margin-right: 5px; }
.ip-elementPackages .ip-elementPackage .ip-elementPackageDescription { padding: 10px; }

/* PACKAGE SELECT */
#wOfgnS74-packageID-30 select { background: var(--color-lgBlue); width: 100%; }

/******/
.ip-buttonBar a.btn { background: initial; color: var(--color-slate); font-weight: bold; margin-right: 10px; }
.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; }
.index_registrations_changepassword input[type="password"] { color: var(--color-black); margin-bottom: 10px; }
.index_registrations_changepassword .btn-submit[style] { width: 230px !important; }

/* EXHIBITOR PROFILE */
.index_exhibitorreg_portal form { float: none; padding: 0; width: 70%; }
.index_exhibitorreg_portal .login-box label { margin-left: 0; width: 100%; }