/* PACKAGES */


.index_registrations_packages .ip-elementPackage,
.index_registrations_section_3 .ip-elementPackage {
    margin: 0;
    padding: 0;
    width: 100%;
    color: black;
    margin-top: 20px;
}

@media screen and (width > 991px) {
    .index_registrations_packages .ip-elementPackage,
    .index_registrations_section_3 .ip-elementPackage {
        width: 33.33%;
    }
}

.ip-elementPackages .ip-elementPackage label {
    width: 100%;
    display: block;
    padding: 10px;
}

.ip-elementPackageTitle label {
    margin-right: 10px;
}

.index_registrations_packages .ip-elementPackage ul,
.index_registrations_section_3 .ip-elementPackage ul {
    margin-left: 30px;
    width: calc(100% - 60px);
}

.index_registrations_packages .ip-elementPackage label:has(input:checked),
.index_registrations_section_3 .ip-elementPackage label:has(input:checked) {
    background: var(--accentColor) ;
    width: 100%;
    display: block;
    margin: 0;
}

.index_registrations_packages .ip-group-col:has(.element-SingleAncillaryPackage),
.index_registrations_section_3 .ip-group-col:has(.element-SingleAncillaryPackage) {
    color: black;
    padding-right: 0;
    padding-left: 0;
}

.index_registrations_packages .element-SingleAncillaryPackage,
.index_registrations_section_3 .element-SingleAncillaryPackage {
    position: relative;
}

.index_registrations_packages .ancillaryPackageName,
.index_registrations_section_3 .ancillaryPackageName {
    left: 35px;
    position: absolute;
}

.index_registrations_packages .element-SingleAncillaryPackage .ip-elementContent,
.index_registrations_section_3 .element-SingleAncillaryPackage .ip-elementContent {
    display: block;
    margin-top: 30px;
}

.index_registrations_packages .element-SingleAncillaryPackage label,
.index_registrations_section_3 .element-SingleAncillaryPackage label {
    margin: 10px 0 0 0;
    display: inline-block;
}

.index_registrations_packages select {
    width: auto;
}

#kOdJhU88, #rvQTPV33 {
    position: absolute;
    top: 38px;
}

.packageGroupName {
    background: var(--primaryColor);
    padding: 10px 15px;
    color: white;
    border-bottom: 2px solid #E5E5E5;
    font-size: 1.4rem;
}

.ip-elementPackages .ip-elementPackage label {
    background: var(--primaryColor);
    color: white;
}

/* Not mobile first, but stuck with Avolio css */
@media screen and ( width < 992px){
    .ip-elementContent .ip-elementPackagesNoWrap {
        flex-wrap: wrap;
    }
}