.register-tab {width: auto; }
.register-tab .register-tab-title{ font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #a1a1a1;}
.register-tab .section-hr{display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 60px; margin-bottom: 60px;}
.register-tab .parent-tab{display: inline-block; background: url(icons/register-icons.png) left top no-repeat; height: 77px; background-color: #f5f5f5; width: 77px;   background-size: 150px 150px; background-position: 0px -70px; border-radius: 38px; float:left; margin-right:20px;}
.register-tab .register-parent-tab:hover .parent-tab, .register-tab .register-parent-tab.current .parent-tab{background-position:-3px -3px; border: 3px solid #02c04a;}
.register-tab .register-parent-tab:hover, .register-tab .register-parent-tab.current{color:#444444;}
.register-tab .school-tab{display: inline-block; background: url(icons/register-icons.png) left top no-repeat; height: 77px; background-color: #f5f5f5; width: 77px;   background-size: 150px 150px; background-position: -75px -70px; border-radius: 38px; float:left; margin-right:20px;}
.register-tab .register-school-tab:hover .school-tab, .register-tab .register-school-tab.current .school-tab{background-position: -78px -3px; border: 3px solid #02c04a;}
.register-tab .register-school-tab:hover, .register-tab .register-school-tab.current{color:#444444;}
.register-tab .register-right{text-align:right; line-height:40px;}
.register-tab .register-right span{font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #898989; text-transform: uppercase;}
.register-tab .required{color:#026428 !important;}
.register-tab .title-user-type span {font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #595959; text-transform: uppercase;}
.register-tab .radio { display: inline-block;}
.register-tab .register-right label, .register-tab .register-right .form-label-text{font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #595959!important; text-transform: uppercase;}
.register-tab .register-right legend{font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #595959!important; text-transform: uppercase; margin-bottom: 0px; border-bottom: unset; display: unset; width: unset;}
.register-tab #legend-subscribe {font-weight: 700 !important;}

.reg-school-logo {
    text-align: center;
    padding-top: 40px;
}
.reg-school-logo img {
    max-width: 100%;
    max-height: 120px;
}

.tab-contents {width:auto;}
.tab-contents .tab-content-parent{display:none;text-align:center;}
.tab-contents .tab-content-parent select.icw-input{width: 100%;}
.tab-contents .tab-content-school{display:none; text-align:center;margin-top: -30px;padding-bottom: 30px;}
.tab-contents .tab-content-school select.icw-input{width: 100%;}
.tab-contents .tab-content-parent .form-note{font-size: 12px; color: #939393; line-height: 14px; font-family: 'Open Sans', sans-serif; text-align: left; padding: 5px 0px;}

.tab-contents .register-text-agree{line-height: 40px; color: #595959;font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 0; font-size: 14px;}
.tab-contents .register-text-agree .icw-acc-link{text-decoration:none;}

.tab-contents .register-input-padding{padding: 0px 15px 0px 5px; position: relative;}
.tab-contents .register-input-padding .error{display: inline-block; background-color: #E51B1B; left:0px; color: white; padding: 3px 4px 2px 4px; font-size: 12px; position: relative; margin: 5px 0px; border: 1px dashed;}
.tab-contents .register-input-padding .password-toggle {
    top: 15px;
    right: 20px;
}
.parent-code-section input[readonly] {
    background-color: #e7e7e7;
    color: #999;
    opacity: 0.7;
}

#register-form .parent-code-options {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

#register-form .radio-field {
    margin-top: 5px;
}

@media only screen and (max-width: 800px) {
    .register-tab .new-btn {width:100%;}
}

@media only screen and (min-width: 768px) {
    .register-tab .title-user-type {text-align: right;margin-top: 20px;}
    .register-tab .title-user-type .title-type { width: 130px; display: inline-block}
}

@media only screen and (max-width: 768px){
    .register-tab{padding:0px 20px;}
    .register-tab .register-right{line-height: 1.3; padding: 0px 0px 20px; text-align: center;}
    .register-tab .section-hr{padding-top:30px; margin-bottom:30px;}
    .tab-contents .register-input-padding{padding: 0 0 10px;}
    .tab-contents .register-text-agree{display: block; line-height:30px; padding: 0px;}
    .tab-contents .register-input-padding .password-toggle {
        right: 5px;
        bottom: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px){
    .tab-contents .register-input-padding{padding:0px 15px 0px 5px;}
}

@media only screen and (max-width: 767px) {
    .register-tab .title-user-type {text-align: center;line-height: 77px;}
}
@media only screen and (max-width: 375px){
    .register-tab-title .user-type {font-size: 11.5px;}
}

@media only screen and (max-width: 767px) {
    .register-school-div {
        margin-top: 20px;
    }

    .register-parent-tab, .register-school-tab {
        display: flex;
        align-items: center; /* This vertically centers the items */
    }

    .parent-tab {
        margin-right: 10px; /* Adjust the spacing between the span and the text */
    }
}

/** Banner Row **/
.banner-row {
    text-align: center;
}

.banner-row img {
    width: 100%;
}