#ContentLightboxContent {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    border: 4px solid #102d46;
    margin: 0 auto;
    position: fixed;
    top: 200px;
    left: 33%;
    width: 33%;
    height: auto;
    padding: 16px;
    z-index: 2200;
    overflow: auto;
}

#lightsoff{display:none;position:fixed;z-index:2100;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(16,45,70,.62)}

#EnrolDIV {

}

#EnrolDIV h2 {
    font-family: 'Khula', sans-serif;
    color:red;
    font-size: 22px;
    letter-spacing: 0.12em;
    font-weight: 400;
    text-transform: uppercase;
}

#EnrolDIV h2:after {
    content: '';
    display: block;
    clear: both;
    width: 70px;
    border-bottom: 5px solid #ed2024;
    padding-top: 7px;
}

#EnrolDIV h3 {
    text-transform: uppercase;
    color: #102d46;
    font-family: 'Khula', sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-weight: bold;
}

#EnrolDIV p {
 
}

#EnrolDIV button {

}

#EnrolDIV button:active {
    -moz-box-shadow:    inset 0 0 3px #fff;
    -webkit-box-shadow: inset 0 0 3px #fff;
    box-shadow:         inset 0 0 3px #fff;
}

#EnrolDIV button:hover {
    background-color: #1a4469;
    border: 1px solid #1a4469;
}

#EnrolDIV td, #EnrolDIV th {
    padding: 0;
    padding-bottom: 10px;
}

/* Google Pay button style */
#buttonContainer button {
    border: none;
    display: inline-block;
    min-width: 80px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
    border: 1px solid #000;
    margin: 0;
    margin-right: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

#buttonContainer button:active {
    -moz-box-shadow:    inset 0 0 3px #fff;
    -webkit-box-shadow: inset 0 0 3px #fff;
    box-shadow:         inset 0 0 3px #fff;
}

#buttonContainer button:hover {
    background-color: #3c4043;
    border: 1px solid #3c4043;
}

.form-group input, select {
    padding: 2px;
    border-radius: 3px;
    border: solid 1px #9b9898;
}

.responsive-form .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    width: 100%;
}

.responsive-form label {
    width: 100px;
    margin-right: 10px;
}

.responsive-form input {
    flex: 1;
}

@media (max-width: 600px) {
    .responsive-form .form-group {
    flex-direction: column;
    align-items: stretch;
    }

    .responsive-form label {
    width: auto;
    margin-right: 0;
    margin-bottom: 5px;
    }
}

.form-group-payment input, select {
    padding: 2px;
    border-radius: 3px;
    border: solid 1px #9b9898;
}

.responsive-form-payment .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    width: 100%;
}

.responsive-form-payment label {
    width: 100px;
    margin-right: 10px;
}

.responsive-form-payment input {
    flex: 1;
}

.responsive-form-payment .form-group {
    flex-direction: column;
    align-items: stretch;
}

.responsive-form-payment label {
    width: auto;
    margin-right: 0;
    margin-bottom: 5px;
}