@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

.loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 1;
    display: none;
    background-color: rgba(255, 255, 255, 0.3);
}

.loader i.fa.fa-spinner.fa-pulse {
    top: 43%;
    left: 50%;
    position: absolute;
    font-size: 50px;
    color: #0C2542;
}

select {
    background: #FFF url('../images/Select_button.png') no-repeat scroll 97% center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: 97%;
}
/* =Media Queries
-------------------------------------------------------------- */
@media ( min-width: 0px) {
    header.smaller nav a {
        font-size: 0.8em !important;
    }

    nav#mainnav {
        margin-top: -1em;
    }

    div#top-social {
        float: right;
        padding-right: 30px;
    }

    div#main-phone {
        float: left;
    }

    header {
        width: 100%;
    }

    a#logo {
        display: none;
    }

    a#logo_xs img {
        width: 114px;
        margin-top: 3px;
        margin-left: 30px;
    }

    a#logo_xs {
        padding: 10px 0px 0 45px;
    }

    header div#nav ul > li {
        margin-left: 10px;
    }

    div#nav ul > li > a {
        font-size: 0.8em;
        line-height: 0.8em;
    }

    form#registerForm label.input-group-addon {
        width: 165px;
        text-align: right;
    }

    div.usrname > input {
        display: inline-block;
    }

    div.usrname > input[type='text'] {
        width: 75%;
    }

    div.usrname > input[type='button'] {
        width: 23%;
    }

    div#register_selectLocation::-webkit-scrollbar, ul.class_ul::-webkit-scrollbar {
        width: 1em;
    }

    div#register_selectLocation::-webkit-scrollbar-track, ul.class_ul::-webkit-scrollbar-track {
        background-color: #ddd;
    }

    div#register_selectLocation::-webkit-scrollbar-thumb, ul.class_ul::-webkit-scrollbar-thumb {
        background-color: #fff;
    }

    div#register_selectLocation {
        max-height: 350px;
    }

    div#nav .col-xl-9 {
        margin-top: 20px;
    }

    header a#logo {
        width: 350px;
    }

    div#breadcrumbNav {
        float: none;
    }

    div#register_container, div.staticFrame{
        padding: 10px 20px;
        font-family: "Open Sans";
    }

    .register-package .panel {
        padding: 0;
    }

    div.register-package.col-md-12 {
        padding: 0;
    }

    ul#register-step1-question li#register_question1 .input-group {
        width: 80%;
    }

    button#btnLeft_register_step1 {
        left: 10px;
    }

    button#btnRight_register_step1 {
        right: 10px;
    }

    div#register_addressMap {
        height: 350px;
    }

    .steps {
        list-style: none;
        overflow: hidden;
        padding: 0 0 7px 0;
        float: left;
        margin: 0 -5px 5px 1px;
        margin-left: 6px;
        width: 102%;
    }

    .register-classCard .panel-body td {
        padding: .2em 0em !important;
        font-size: 15px;
    }

    #register-question button {
        padding: 0em;
    }

    li#register_question2 div.mainQA .input-group {
        margin: 0 3em;
        width: 90%;
    }

    .contentQA {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 10px 10px 0px #333;
        margin-bottom: 4em;
    }

    .contentQA_full {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 10px 10px 0px #333;
        margin-bottom: 4em;
        padding: 3em 0 4em;
    }

    form#registerForm div.email label.input-group-addon {
        width: 141px;
    }

    div.contentQA_full div.input-group label {
        font-weight: 400;
    }

    div.contentQA_full div.input-group {
        text-align: left;
    }

    div#register-question {
        background-color: #469FD8;
        padding: 0 4px 0 0;
        margin: 0 -35px;
    }

    ul#register-step1-question li {
        margin: 0em 2.5em 0 2em;
        border-radius: 2em;
        background-color: #fff;
        box-shadow: 10px 10px 0px #333;
    }

    form#registerForm .panel-body {
        padding: 15px
    }

    .birthQA {
        padding: 2em 0;
        margin: 2em 0 0;
    }

    .zipcodeQA {
        padding: 2em 0 3em;
        margin: 1em 0;
    }

    .extraQA {
        padding-top: 3em;
    }

    .extraQA.extra1, .extraQA.extra2 {
        margin-top: 2em;
    }

    div.extraQA span.glyphicon {
        display: block;
        font-size: 4em;
        padding-bottom: 5px;
        opacity: 0.6;
    }

    .birthQA {
        border-bottom: 1px solid #ddd;
    }

    div#register-question {
        background-color: #469FD8;
        padding: 1em;
        margin: 7em -35px -2em;
    }

    li#register_question2 div.extraQA div.input-group label {
        text-align: center;
        font-size: 15px;
    }

    li#register_question2 div.extraQA div.input-group label:last-child {
        margin-right: 0;
    }

    .topnav div#main-phone {
        font-size: 15px;
        letter-spacing: 0px;
        padding: 0;
        color: #457AB3;
        padding-left: 20px;
        font-weight: 700;
    }

    div#main-social {
        display: inline-block;
        padding-right: 15px;
        padding-bottom: 7px;
        margin-top: -3px;
    }

    div#main-social img {
        margin: 0;
    }

    ul.breadcrumb {
        margin-bottom: 0;
        margin-top: 115px;
    }

    form#registerForm div.panel-body i {
        right: 0px;
        top: 0;
        z-index: 1;
    }

    .topnav .top-buttons li {
        padding-right: 0px;
    }

    .steps li {
        padding: 10px 0;
        width: 31%;
        margin-bottom: 5px;
    }

    span.number {
        position: absolute;
        left: 3px;
        top: -8px;
        font-size: 38px;
        font-weight: 700;
        overflow: hidden;
    }

    span.subtitle {
        padding-left: 25px;
    }

    form#registerForm fieldset#register_parentinfo .panel-body div, form#registerForm fieldset#register_driveinfo .panel-body div,
    form#registerForm fieldset.register_schoolinfo .panel-body div {
        display: inline-table;
        padding: 0px 0px 0px 0px;
    }

    input.btn.btn-default.emailCheck {
        margin-top: 5px;
    }

    input#birthday + i + span {
        display: none;
    }

    input#birthday {
        padding: 10px;
    }

    li#register_question3 div.mainQA div.col-md-6:first-child {
        text-align: center;
        margin-top: 3em;
    }

    li#register_question3 div.extraQA div.input-group label {
        padding-left: 0;
    }

    .col-md-12.btnNav {
        margin-bottom: 2em;
        z-index: 1;
    }

    div.filterLocation {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        border: #337AB7;
        width: 40%;
        position: absolute;
	    top: 122px;
	    left: 130px;
    }
}

@media ( max-width: 768px) {
    button.prev {
        position: fixed;
        height: 100%;
        width: 45px;
        top: 0%;
        left: -6px;
        display: inline-block;
        BORDER: NONE;
        outline: none;
        color: transparent;
        BACKGROUND-COLOR: transparent;
        font-size: 1px;
    }

    button.next {
        position: fixed;
        height: 100%;
        width: 45px;
        top: 0%;
        right: 0px;
        display: inline-block;
        BORDER: NONE;
        outline: none;
        color: transparent;
        BACKGROUND-COLOR: transparent;
        font-size: 1px;
    }

    button#next_fifth[disabled] {
        background-color: transparent;
        color: #fff;
    }

    button#next_fifth[disabled]:before {
        color: #C3C3C3;
    }

    button.prev:hover, button.prev:focus, button.next:hover, button.next:focus {
        background-color: rgba(0, 0, 0, 0.3);
        color: transparent;
        outline: none;
    }

    button.prev:before {
        content: "\e079";
        color: #000;
        font-family: 'Glyphicons Halflings';
        font-size: 28px;
    }

    button.next:before {
        content: "\e080";
        color: #000;
        font-family: 'Glyphicons Halflings';
        font-size: 28px;
    }
}

@media ( min-width: 500px) {
    div#top-social {
        float: right;
        padding-bottom: 12px;
    }

    div#main-phone {
        float: left;
    }

    div#main-social {
        display: inline-block;
        padding-right: 25px;
        padding-bottom: 7px;
        margin-top: -3px;
        margin-right: -22px;
	    width: 140px;
    }

    .steps {
        margin-left: 1px;
    }

    .steps li {
        padding: 10px 5px;
        width: 32%;
        margin-bottom: 7px;
    }

    .birthQA {
        padding: 5em 0;
        margin: 3em 0;
    }

    .zipcodeQA {
        padding: 1em 0 4em;
        margin: 3em 0;
    }

    ul#register-step1-question li#register_question1 .input-group {
        width: 48%;
    }

    div#register-question {
        margin: 7em -35px -2em;
    }

    div.extraQA span.glyphicon {
        font-size: 7em;
    }

    span.number {
        left: 3px;
        top: -18px;
        font-size: 51px;
    }

    span.subtitle {
        padding-left: 35px;
    }

    ul#register-step1-question li {
        margin: 1em 2.5em 0 2em;
    }

    form#registerForm fieldset#register_parentinfo .panel-body div, form#registerForm fieldset#register_driveinfo .panel-body div,
    form#registerForm fieldset.register_schoolinfo .panel-body div {
        display: inline-table;
        padding: 0px 0px 0px 60px;
    }

    input.btn.btn-default.emailCheck {
        margin-top: 0px;
    }

    li#register_question3 div.extraQA div.input-group label {
        padding-left: 25px;
    }
}

@media ( min-width: 768px) {
    a#logo {
        display: block;
    }

    header {
        width: 750px;
        padding-right: 0px;
    }

    header div#nav ul > li {
        margin-left: 10px;
    }

    header a#logo {
        width: 350px;
    }

    header a#logo_xs {
        display: none;
    }

    div#nav ul {
        padding: 0px;
    }

    div#nav .col-xl-9 {
        margin-top: 44px;
    }

    div#nav ul > li > a {
        font-size: 1.1em;
        line-height: 1em;
    }

    ul.breadcrumb {
        margin-top: 225px;
    }

    header.smaller nav#mainnav .navbar-header {
        padding: 0;
    }

    header.smaller div#nav ul > li {
        padding: 0px 0px 15px 4px;
    }

    .modal-dialog {
        width: 500px;
        margin: 150px auto;
    }

    #register-question button {
        padding: 1em;
    }

    div#register-question li {
        list-style: none;
        margin: 1em 4em;
    }

    div#register_selectLocation {
        max-height: 350px;
    }

    button#btnLeft_register_step1 {
        left: 0px;
    }

    button#btnRight_register_step1 {
        right: 0px;
    }

    .topnav div#main-phone {
        font-size: 16px;
        letter-spacing: 0.05em;
        padding: 3px 0px 10px 0;
        color: #457AB3;
        padding-left: 30px;
        font-weight: 700;
    }

    nav#mainnav {
        margin-top: -1em;
        border-bottom: solid 1px #e7e7e7;
        -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
    }

    div.register-package.col-md-12 {
        padding: 0;
    }

    .steps {
        margin-left: -4px;
        display: flex;
    }

    .steps li {
        width: 111px;
        padding: 14px 0px;
    }

    .steps li:first-child {
        border-radius: 8px 0 0 8px;
    }

    .steps li:last-child {
        border-radius: 0 8px 8px 0;
        margin-right: 0;
    }

    .steps li.active:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        color: #1FB5AD;
        width: 5px;
        height: 5px;
        background: transparent;
        position: absolute;
        bottom: 2px;
        left: 50%;
        margin-left: -12px;
    }

    span.subtitle {
        padding-left: 44px;
    }

    div#main-social img {
        width: 13.5%;
    }

    .topnav .top-buttons {
        -webkit-padding-start: 0;
        margin: 0px 20px 0px 0;
        width: 220px;
    }

    .topnav .top-buttons li {
        padding-right: 2px;
    }

    .steps li:first-child {
        padding-right: 60px;
    }

    span.number {
        position: absolute;
        left: 5px;
        top: -23px;
        font-size: 64px;
        font-weight: 700;
        overflow: hidden
    }

    div#register-question {
        margin: 4em -35px -2em;
    }
}

@media ( min-width: 992px) {
    header {
        width: 970px;
        padding-right: 0px;
    }

    header div#nav ul > li {
        margin-left: 0px;
    }

    header div#nav ul > li, header.smaller div#nav ul > li {
        padding: 0px 10px 0px 0px;
    }

    header a#logo {
        width: 350px;
    }

    header a#logo_xs {
        display: none;
    }

    div#nav ul {
        padding: 0px;
    }

    header.smaller nav#mainnav .navbar-header {
        padding: 0 0 0 130px;
    }

    div#register_selectLocation {
        max-height: 687px;
    }

    div#register_location h6#firstHeading:before {
        content: "\f1b9";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    }

    ul.breadcrumb {
        margin-top: 185px;
    }

    form#registerForm div.panel-body i {
        right: 15px;
        top: 0;
        z-index: 1;
    }

    form#registerForm div.email label.input-group-addon {
        width: 157px;
    }

    li#register_question3 div.mainQA div.col-md-6:first-child {
        text-align: right;
    }

    .register-classCard .panel-body td {
        font-size: 14px;
    }

    .steps li {
        width: 147px;
        padding: 20px 0px;
    }

    span.number {
        left: 12px;
        top: -28px;
        font-size: 80px;
    }

    span.subtitle {
        padding-left: 65px;
        font-size: 16px;
    }

    div.register-package.col-md-12 {
        padding: 0;
    }

    .register-package .panel {
        padding: 0 10px;
    }

    .zipcodeQA {
        padding: 5em 0;
        margin: 3em 0;
    }

    div#register_addressMap {
        height: 500px;
    }

    .birthQA {
        border-right: 1px solid #ddd;
        border-bottom: none;
    }

    ul#register-step1-question li {
        margin: 4em;
    }

    div#register-question {
        width: 970px;
        margin: 0em -35px 0em;
    }

    li#register_question2 div.mainQA .input-group {
        margin: 0 auto;
        width: 70%;
    }
    .col-md-12.btnNav {
        margin-bottom: 0;
    }

    div.filterLocation {
        top: 123px;
    	left: 126px;
    }
}

@media ( min-width: 1200px) {
    .topnav nav div {
        margin-left: 0px;
    }

    header {
        width: 1170px;
        padding-right: 0px;
    }

    header div#nav ul > li, header.smaller div#nav ul > li {
        padding: 0px 40px 0px 0px;
    }

    header a#logo {
        width: 384px;
    }

    header a#logo_xs {
        display: none;
    }

    div#nav ul {
        padding: 0 10px;
    }

    header.smaller nav#mainnav .navbar-header {
        padding: 0 0 0 200px;
    }

    div#register_container {
        padding: 20px 20px;
    }

    form#registerForm .form-group.input-group {
        padding: 0px 18px;
    }

    form#registerForm .panel-body {
        padding: 15px
    }

    .steps {
        margin: 0 -5px 5px -5px;
    }

    .steps li {
        width: 181px;
        padding: 20px 0px;
    }

    .register-classCard .panel-body td {
        font-size: 15px;
    }

    div#register-question {
        width: 1170px;
    }

    li#register_question2 div.mainQA .input-group {
        width: 50%;
    }
    li#register_question2 div.extraQA div.input-group label {
        margin-right: 35px;
    }
    ul.breadcrumb {
        margin-top: 197px;
    }
}

/* =Header
-------------------------------------------------------------- */
header {
    margin-left: -15px;
    overflow: hidden;
    position: fixed;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    z-index: 2;
}

#logo {
    display: inline-block;
    height: 150px;
    line-height: 150px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header nav a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller #logo {
    width: 200px;
    height: auto;
    margin: 0;
}

header.smaller nav a {
    font-size: 0.8em;
}

header.smaller nav div .col-xl-9 {
    margin-top: 12px !important;
}

body {
    background: url(../images/background.png) no-repeat;
    font-family: 'Droid Sans', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    box-shadow: 2px 2px 3px #fff;
}

.bg_white {
    background-color: #fff;
}

.navbar-default {
    border: none !important;
}

.navbar {
    border-radius: 0px;
}

#logo img {
    max-width: 100%;
    padding: 0 50px 0 20px;
}

nav#mainnav {
    border-bottom: solid 1px #e7e7e7;
    -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}

nav#mainnav .navbar-header {
    padding-bottom: 15px;
}

.navbar-nav li a {
    padding-top: 0;
    padding-bottom: 0;
}

#logo {
    border: none !important;
}

a#logo {
    height: auto;
    padding: 0px 0px 10px 26px;
}

a#logo_xs {
    padding: 0px 30px 0px 0px;
}

div#nav ul {
    padding: 0;
}

div#nav .col-xl-9 {
    padding-right: 0;
    margin-top: 44px;
}

.navbar-nav li a {
    padding-top: 0;
    padding-bottom: 0;
}

div#nav ul > li {
    display: block;
    letter-spacing: -0.001em;
    font-size: 20px;
    position: relative;
    padding: 0px 0px 15px 24px;
}

div#nav li.active > a {
    background: none;
}

div#nav ul > li > a {
    font-weight: 700;
    text-shadow: 1px 1px 2px #fff;
    color: #3C74B1;
    padding: 0 3px 5px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.topnav .col-lg-3 {
    padding-left: 0;
    width: auto;
    margin-top: -3px;
    padding-bottom: 7px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-right: 30px;
}

.topnav > nav {
    background-color: #f8f8f8 !important;
    text-align: right;
    border-radius: 0;
    min-height: 46px;
}

.topnav li {
    display: inline;
}

.callus {
    font-weight: 700;
}

button#login_submit {
    padding: 1.2em;
}

Form#loginForm p#loginError_box.msg_loginError {
    background-color: #FFD7D7;
    border-radius: 4px;
    border: 1px solid #F1C3C3;
    padding: 11px 20px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
}

.jumbotron {
    margin-bottom: 14px;
}

.jumbotron ul {
    list-style: none;
    padding: 0;
}

.navbar {
    padding-top: 10px;
    margin-bottom: 14px;
    border-radius: 0;
}

.signup {
    text-align: center
}

.signup a {
    text-decoration: none;
    font-size: 1.3em !important;
    font-weight: 700;
    color: #FF5151;
    letter-spacing: 0.18em;
}

div#main-col .glyphicon-education, div#main-col .glyphicon-road, div#main-col .glyphicon-calendar,
div#main-col .glyphicon-flag {
    width: 100%;
    margin-bottom: 0.5em;
    color: #534EB7;
}

.modal-dialog {
    margin: 100px auto;
}

.modal-header, #modal-content h4, .close {
    background-color: #5C69B8;
    color: white !important;
    text-align: center;
    font-size: 30px;
}

.modal-content {
    margin-left: 15px;
}

.modal-footer {
    background-color: #f9f9f9;
}

/*Date Picker*/
.datepicker {
    font-size: 14px;
}

.datepicker .table-condensed > thead > tr > th.dow {
    color: #e91e63;
    text-transform: uppercase;
    font-size: 85%;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.today.active, .datepicker table tr td.today:hover.active,
.datepicker table tr td.today.active, .datepicker table tr td.today:hover.active,
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    border: none;
    background-image: none;
    background: #4856A7 !important;
    color: #fff;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active {
    color: #e91e63;
    font-weight: 700;
    background-color: #fff !important;
    background-image: none !important;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fff !important;
    background-image: none !important;
}

/*Radio, Check Box Deco*/
.labelDeco input[type=checkbox]:not(old), .labelDeco input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

.labelDeco input[type=checkbox]:not(old) + label, .labelDeco input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}

.labelDeco input[type=checkbox]:not(old) + label > span, .labelDeco input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 0.875em;
    height: 0.875em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 0.25em;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240),
    rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240),
    rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240),
    rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240),
    rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
}

.labelDeco input[type=checkbox]:not(old):checked + label > span, .labelDeco input[type=radio]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224, 224, 224),
    rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224),
    rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224),
    rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224),
    rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

.labelDeco input[type=checkbox]:not(old):checked + label > span:before {
    content: '?';
    display: block;
    width: 1em;
    color: rgb(153, 204, 102);
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
}

.labelDeco input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 0.53em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(92, 130, 173);
    border-radius: 0.125em;
    background: rgb(102, 149, 204);
    background-image: -moz-linear-gradient(rgb(140, 169, 217),
    rgb(102, 149, 204));
    background-image: -ms-linear-gradient(rgb(140, 169, 217),
    rgb(102, 149, 204));
    background-image: -o-linear-gradient(rgb(140, 169, 217),
    rgb(102, 149, 204));
    background-image: -webkit-linear-gradient(rgb(140, 169, 217),
    rgb(102, 149, 204));
    background-image: linear-gradient(rgb(140, 169, 217), rgb(102, 149, 204));
}

div#main-col h3 {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 10px;
    text-align: center;
}

div#main-col .col-sm-3 {
    font-size: 15px;
    padding: 1em;
}

div#main-col-2 {
    padding: 1em 0 0 0 !important;
}

div#main-col-3 {
    padding: 1em 0 0 1em !important;
}

div#main-col-4 .content {
    border: none;
}

div#main-col-4 span.glyphicon.glyphicon-map-marker {
    color: #0E5491;
}

div#main-col-4 ul {
    list-style: none;
}

ul#main-locations {
    font-weight: 700;
    line-height: 2em;
}

div#main-social ul {
    padding: 0;
    text-align: left;
}

nav.navbar.navbar-default.bg_white {
    border-bottom: 1px solid #ddd;
}

nav.navbar li button.btn-primary {
    margin: 2px auto;
}

.content {
    padding: 1em;
    border-right: #ddd 1px dashed;
}

div#carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 187px;
}

div#carousel h2 {
    margin: 0;
    color: #666;
    padding-top: 90px;
    font-size: 52px;
}

div#carousel h3 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
}

div#carousel p {
    font-size: 16px;
}

div#carousel .item {
    background: #fff;
    text-align: center;
    height: 350px !important;
}

div#carousel .carousel-caption {
    left: 0;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
    z-index: 1;
}

.carousel-indicators {
    z-index: 1;
}

div#carousel .carousel {
    margin-top: 20px;
}

div#footer_links, div#footer_locations {
    padding: 10px 0;
    padding-left: 4.5em;
}

div#footer_wrap {
    background-color: rgb(47, 114, 157);
    padding-top: 3em;
}

div#footer_wrap ul {
    padding: 1.5em;
}

div#copyright {
    text-align: center;
    background-color: #fff;
    color: #1f2e59;
    font-size: 0.9em;
    margin: 0;
}

div#copyright ul {
    padding: 0.4em 1em 0.1em;
    margin: 0;
}

div#copyright li {
    display: inline-block;
}

div#copyright img {
    padding-right: 20px;
}

div#footer_wrap h4 {
    padding: 0;
    color: #eee;
    margin-top: -10px;
}

.bottom_links {
    list-style: none;
    display: inline-block;
    width: 200px;
    color: #fff;
    text-shadow: 1px 1px 1px #222;
}

.breadcrumb li {
    font-size: 12px;
}

.breadcrumb li a {
    text-transform: none;
    text-decoration: none;
}

.box-shadow-bottom .navbar {
    -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}

/**Register PAGE**/
.steps li {
    float: left;
    cursor: default;
    color: #bbb;
    text-decoration: none;
    background: #eee;
    position: relative;
    display: block;
    float: left;
    margin-right: 5px;
}

.steps li.active {
    color: #fff;
    background: #1FB5AD;
}

div#register_container h2 {
    display: none;
}

div#register-question ul {
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-padding-start: 0;
}

div#register-question li {
	font-family: 'Noticia Text', serif;
    color: #4a4a4a;
    font-size: 17px;
    list-style: none;
    text-align: center;
    display: block;
}

div#register-question li strong {
    color: #469fd8;
}

.extraQA input[type=radio] {
    display: none;
}

div.extraQA span.glyphicon.glyphicon-ok-sign {
    color: #4651d8;
    opacity: 1;
}

div.extraQA span.glyphicon.glyphicon-remove-sign {
    color: #d84679;
}

div.extraQA span.glyphicon.glyphicon-question-sign {
    color: #b1e272;
}

div.extraQA label {
    text-align: center;
}

div.extraQA img {
    width: 130px;
    display: block;
    margin-bottom: 10px;
}

div.extraQA img.another {
    background-color: #4651D8;
    border-radius: 74px;
    border: solid 8px #1FB5AD;;
    opacity: 0.6;
}

div.extraQA img.illinois {
    background-color: #FFF;
    border-radius: 74px;
    border: solid 8px #BA124D;
}

li#register_question3 div.extraQA:last-child div.input-group label {
    margin-left: 10px;
}

li#register_question3 div.extraQA div.input-group {
    width: 40%;
}

li#register_question3 div.mainQA {
    min-height: 150px;
}

#register-question input.form-control {
    text-align: center;
    font-family: 'Open Sans';
}

#register-question button {
    font-size: 2em;
    color: #fff;
    position: absolute;
    height: 100%;
    top: 0%;
    display: inline-block;
    BORDER: NONE;
    outline: none;
    BACKGROUND-COLOR: transparent;
}

#register-question button:hover {
    color: #000;
}

div#register-question .input-group {
    margin: 0 auto;
}

#register-question input[type=radio] {
    margin-right: 0em;
    padding: 1em;
    margin: 0 .5em 0 2em;
}

div#register-question .input-group.date.form_date {
    width: 55%;
    margin: 0 auto;
    border-radius: 6px;
}

.input-group.date.form_date span.input-group-addon {
    color: #1f2e59;
}

ul#register-step1-question li#register_question1 {
    background-color: #fff;
}

div#register-question li label.control-label {
    font-size: 1.5em;
    line-height: 40px;
    border-bottom: 5px solid rgba(0, 0, 0, 0.18);
    margin-bottom: 1em;
    text-align: center;
    padding: 0 1em .4em;
    color: #2967AD;
}

div#register-question li#register_complete label.control-label {
    margin: 4em 0;
}

button.btnSearch {
    background-color: #337AB7;
    background-image: -webkit-linear-gradient(top, #337AB7, #274989);
    border: 0;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    height: 34px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: top;
    z-index: 1;
    margin-left: 0;
    -webkit-transition: margin-left 200ms ease-out 0;
    transition: margin-left 200ms ease-out 0;
}

div#register_locationDetails {
    width: 100%;
}

div#register_locationDetails ul {
    -webkit-padding-start: 0;
}

p#register_locationDetail {
    font-weight: 400;
    color: #000;
    padding: 0 10px 10px;
    height: 30px;
}

#register_locationAddress {
    font-weight: 700;
    font-size: 1em;
    padding: 0px 10px 0;
}

p#register_locationAddress, p#register_locationDetail, p#register_locationComment {
    display: block;
    text-align: left;
    margin: 0;
}

li#register_question3 div.mainQA div.labelDeco {
    width: 180px;
}

div#register_location div.col-md-8 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 4px;
}

#register-name {
    font-weight: 700;
    font-size: 2em;
    color: #0A51A1;
    padding: 15px 10px 10px;
    margin: 0;
}

div#register_addressMap {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

div#register_selectLocation {
    font-size: 1.2em;
    padding-left: 3em;
    padding-top: 1em;
    overflow: auto;
}

div#register_selectLocation input[type="radio"] {
    margin-top: 6px;
    margin-left: -30px;
    position: absolute;
}

div#register_selectLocation span {
    display: block;
    font-size: 13px;
}

div#register_selectLocation span:last-child {
    padding-bottom: 1em;
}

span.dist:before {
    content: 'distance : ';
}

.register-package .panel {
    background-color: transparent;
}

.register-package ul, #register-course ul {
    -webkit-margin-start: 0;
    -webkit-padding-start: 0;
    list-style: none;
}

#register-packageCard {
    padding: 0;
    height: 700px;
}

#register-packageCard:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    cursor: pointer;
}

div#fourth_step .register-classCard:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -moz-box-shadow: 3px 5px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, .3);
    box-shadow: 3px 5px 7px rgba(0, 0, 0, .3);
    cursor: pointer;
}

.register-package .panel-heading {
    background-color: #3E9ED7;
    color: #fff;
}

.register-package .lead {
    color: #000;
    text-transform: UPPERCASE;
    font-size: 1.3em;
    letter-spacing: 2px;
    border-bottom: solid;
    padding: 0.3em 0 0.5em;
    margin-bottom: 0;
    font-weight: bolder;
}

.register-package .dollar:before {
    content: '$';
    font-size: .6em;
    vertical-align: super;
}

.register-package .list-group {
    margin: 0;
}

.register-package .list-group-item {
    border-radius: 0 !important;
    font-size: .9em;
}

.register-package p {
    font-size: .9em;
}

.register-package .dollar {
    font-size: 4em;
    margin: .1em 0 0;
}

.register-package .panel-body {
    background-color: #DDE6EB;
}

.register-packageInfo {
    font-size: 1em;
    padding: 0;
    margin: 0;
    background-color: #fff;
    text-align: left;
}

.register-packageInfo span.glyphicon {
    padding-left: 1em;
}

.register-packageInfo span.glyphicon.glyphicon-ok {
    color: #64B382;
}

.register-packageInfo span.glyphicon.glyphicon-remove {
    color: #FF7D7D;
}

.register-package button.selectedPackage {
    background-color: rgb(22, 50, 92) !important;
    font-weight: 700;
    color: #fff
}

.register-package button:hover {
    color: #fff;
    background-color: rgb(22, 50, 92);
}

.register-package button {
    color: #fff;
    background-color: #3E9ED7;
    padding: 12px 20px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 1em;
    letter-spacing: .3em;
    font-size: 1.2em;
    outline: none;
}

#reset-pkg-btn{
    width: 100%;
    background-color: #3E9ED7;
}
#reset-course-btn,.course-schedule-btn{
    width: 100%;
    background-color: #D9534F;
    color: #fff;
    padding: 12px 20px;
    text-transform: uppercase;
    margin-top: 1em;
    letter-spacing: .3em;
    font-size: 1.2em;
    outline: none;
}

.register-course {
    background-color: #F5F5F5;
    padding: 2em 1em;
}

.register-course ul {
    list-style: none;
    padding: 0;
}

div#register_location {
    display: table;
    width: 100%;
    padding: 0;
}

div.register-package.col-md-12 {
    display: table;
    width: 100%;
}

div.register_filterLocation {
    margin-bottom: 1em;
}

div#register_filterClass, div.register_filterLocation {
    padding: .2em 2em;
    background-color: #53575B;
    border-bottom: 5px solid #303030;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    display: table;
    width: 100%;
}

#register_filterClass select, div.register_filterLocation select {
    width: auto;
    display: inline;
    margin: 0 1em;
    padding: 0px 14px;
    height: 28px;
}

div#register_selectLocation ul {
    list-style: none;
    padding: 0;
}

div#register_location div.col-md-12 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

div.register_locationHours {
    margin-bottom: 1em !important;
}

div.register_locationHours caption {
    text-align: center;
    color: #525252;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #e1ebf2;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    padding: 2px 0px 6px 0px;
    border: solid 1px #ddd;
    border-bottom: none;
    font-size: 15px;
}

div.register_locationHours table caption i {
    color: #4A6E97;
    margin-right: 5px;
}

div.register_locationHours table {
    width: 100%;
    text-align: center;
    color: #525252;
    border: solid 1px #ddd;
}

div.register_locationHours table th {
    background-color: #eee;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
}

div.register_locationHours table tbody {
    font-size: 14px;
}

div.register_locationHours table tbody td {
    border: solid 1px #ddd;
    padding: 5px 0;
    font-size: 13px;
}

div.register_locationHours span.glyphicon {
    margin-right: 7px;
    font-size: 23px;
    color: #FFB900;
    top: 6px;
}

p#register_locationComment {
    text-align: center;
    margin-bottom: 1em;
}

span.dash {
    display: block;
    margin: -5px 0;
}

div#register_filterClass .checkbox-inline {
    margin-bottom: 4px;
}

div#register_filterClass div:nth-child(2) {
    padding-top: .5em;
}

.register-course .panel {
    padding: 0;
    background-color: #F5F5F5;
}

.register-course tbody {
    color: #777;
    text-align: center;
}

.register-course tr.step4_validClass {
    font-weight: bold;
    color: #333;
}

.register-course .table > thead > tr > th {
    border: none;
}

.register-course .table > tbody > tr.step4_validClass > td:first-child {
    color: #E01709;
}

.register-classCard {
    margin: 6px;
}

.register-classCard .panel-heading {
    font-size: 13px !important;
    background-color: #D9534F;
    padding: 0;
    color: #fff;
}

.register-classCard h5 {
    font-size: 24px;
    margin: 0;
    padding: 9px 0;
}

.register-classCard tfoot td, .register-classCard thead th {
    font-weight: 700;
    text-align: center;
}

.register-classCard .panel-body {
    background-color: #fff;
    padding: 1em;
    padding-top: 0;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #DDDDDD;
}

.register-classCard .table {
    margin-bottom: .5em;
}

.register-classCard .btn-danger {
    color: #D9534F;
    background-color: #FFFFFF;
    border-color: #d43f3a;
    width: 100%;
    font-weight: 700;
    letter-spacing: .3em;
    padding: 10px;
    margin: 5px;
}

div.register-classCard table th {
    font-size: 15px;
    padding: 8px 0 !important;
}

.register-classCard .btn-danger:hover {
    color: #fff;
    background-color: #D9534F;
    border-color: #d43f3a;
}

.register-classCard button.selectedClass {
    color: #fff !important;;
    background-color: #D9534F !important;
    border-color: #d43f3a !important;;
}

.register-classCard table th:before {
    content: 'Start Date:';
    padding-right: 10px;
}

.register-classCard table tfoot td:before {
    content: 'End Date:';
    padding-right: 10px;
}

div.step4Modal {
    margin: 200px auto;
    overflow: hidden !important;
    height: 100%;
}

div.step4Modal p {
    font-weight: 700;
}

div#course_desc_modal_body {
    max-height: 200px;
    overflow: auto;
}

#payment h4 {
    font-weight: 700;
    text-decoration: underline;
}

#payment .register-package .panel-heading {
    padding: .5em;
}

#payment .register-package .lead {
    display: inline;
    border: none;
}

#payment .register-package .dollar {
    display: inline;
    font-size: 2em;
    margin: 0 0 0 .2em;
    top: 3px;
    position: relative;
}

div#payment .register-package {
    padding: 0 5px 5px 5px;
    text-align: center;
}

div#payment .register-classCard {
    padding: 0 5px 5px 5px;
    margin: 0;
    text-align: center;
}

fieldset#register-step6-payment {
    /*padding: 0 20px 5px 20px;*/
}

#register-step6-payment .input-group{
    display: block;
}

div#payment {
    margin: 0 -2.5em;
}

.g-recaptcha{
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

div#payment div.register-classCard .panel-heading {
    padding: 5px 0;
}

div#payment div.register-classCard .table {
    margin-bottom: 0;
}

div#payment div.register-classCard .panel-body {
    padding: 0;
}

div#payment div.register-classCard .panel-body table tbody td {
    padding: 7px 0 !important;
}

div#payment div.register-classCard .panel-body table thead th {
    padding: 13px 0 !important;
}

div#payment div.register-classCard .panel-body table tfoot td {
    padding: 12px 0 !important;
}

div#payment .register-course {
    padding: 0 0 0 1em;
    background-color: #fff;
}

div#payment .register-package {
    padding: 0;
    text-align: center;
}

div#seventh_step h2 {
    display: none !important;
    background-color: #337AB7;
    padding: 10px 25px;
    color: #fff;
    border-radius: 10px;
    margin: 0;
}

div#seventh_step h2 + div {
    padding: 4em;
    margin: 1em 0 3em;
    background-color: #eee;
    border-radius: 10px;
    line-height: 40px;
    font-size: 1.2em;
}

div#seventh_step div span {
    font-weight: 700;
    color: #337AB7;
}

input#submit_second, input#submit_third, input#submit_fourth {
    float: right;
}

/* CUSTOM CSS FOR EXCEL BY NELLY*/
div.empty {
    background-color: #eee;
    padding: 4em;
    text-align: center;
    font-size: 1.3em;
}

div.empty p:before {
    content: "\e086";
    font-family: 'Glyphicons Halflings';
}

div#register_general {
    margin: -1em -2.5em;
}

#register-step {
    list-style: none;
    display: inline-block;
    padding-bottom: 10px;
}

#register-step li {
    float: left;
}

.input-group-addon {
    background-color: transparent;
    border: none;
    font-weight: 700;
}

.register-button button {
    float: right;
    margin: 0em 0.3em;
}

form#registerForm ::-ms-clear {
    width: 0;
    height: 0;
}

/* don't show the eye for password inputs */
form#registerForm ::-ms-reveal {
    width: 0;
    height: 0;
}

.default_form_label {
    background: none !important;
    color: #555 !important;
}

.default_form_input {
    border: 1px solid #fff !important;
}

form#registerForm span.glyphicon {
    margin-right: 0.4em;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #104F7C;
    border: none;
    margin: 0 -1px;
    text-align: center;
}
form#registerForm .has-success .input-group-addon {
    color: #3FA968;
}

form#registerForm .has-error .input-group-addon {
    color: #FF4743;
    background: none;
}

form#registerForm .has-error .help-block {
    color: #FF6562;
}

form#registerForm fieldset#register_parentinfo div.panel-body i {
    right: 0;
}

fieldset#register_parentinfo i.form-control-feedback.glyphicon.glyphicon-remove {
    right: 0;
    top: 0;
}

fieldset#register_parentinfo hr:before {
    content: "\f139";
    font-family: FontAwesome;
    color: rgb(51, 104, 153);
    font-size: 17px;
    left: 50%;
    position: relative;
    top: -15px;
    background-color: #fff;
    border-radius: 20px;
}

div#register_contact_body div#register_parentinfoBody {
    padding: 0;
}

div#register_contact_body div#register_parentinfoBody:first-child {
    padding-top: 30px;
}

form#registerForm .form-group.input-group {
    width: 550px;
}

form#registerForm h3 {
    padding: 0 30px 10px;
}

form#registerForm .panel-body {
    background-color: #F3F3F3;
    text-shadow: 1px 1px 1px #fff;
}

form#registerForm .panel-heading strong {
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
}

form#registerForm div#gender-radio .form-control-feedback {
    right: -30px;
}

span.fsRequiredMarker {
    padding-left: 2px;
    color: #FF5E5E;
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana;
}

fieldset.payment div.paypal i {
    display: none !important;
}

div.paypal input.form-control.cardExpMM, div.paypal input.form-control.cardExpYY {
    width: 50px;
    float: none;
}

fieldset#register-step6-payment div.paypal input.discount {
    width: 73%;
    margin: 0 5px 0 0 !important;
}

fieldset.payment .panel-heading {
    font-size: 16px !important;
    padding: 1em;
    color: #fff;
}

form#registerForm div#register-student fieldset:first-child {
    padding-right: 10px;
}

form#registerForm div#register-student fieldset:last-child {
    padding-left: 10px;
}

div.email {
    width: 100%;
    margin-bottom: 15px;
}

div.has-success .register-tooltip {
    display: none !important;
}

div.has-success.has-error .register-tooltip {
    display: block !important;
}

.register-tooltip {
    position: absolute;
    top: -16px;
    top: -30px;
    right: 23px;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    z-index: 2;
    background-color: #000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    text-shadow: 0 0 0;
}

.register-tooltip:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    color: #000000;
    width: 5px;
    height: 5px;
    background: transparent;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -6px;
}

form#registerForm .register-button.form-group {
    margin-right: 0px;
}

form#registerForm div#gender-radio {
    margin: -3px 0px 0px;
    padding: 5px 7px;
}

div#gender-radio label:first-child {
    padding-right: 10px;
}

div#gender-radio label {
    margin: 0;
}

form#registerForm select + i::before {
    background-color: #fff;
    padding: 0px 2px 4px 3px;
}

fieldset#register_parentinfo button span.glyphicon-plus {
    display: none;
}

form#registerForm button#btn_addParent:before {
    content: "\e081";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 1.5px;
    font-size: 13px;
    margin-right: 3px;
}

form#registerForm button#btn_addParent,#school-reset {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    padding: 3px 10px;
    margin: -5px -3px 0 0;
}

form#registerForm button#btn_addParent:hover {
    color: #104F7C;
}

form#registerForm button#btn_addParent:disabled, form#registerForm button:disabled:hover {
    background-color: #F3F3F3;
    color: #777;
}

section#register-confirm {
    margin: 0px;
    font-size: 0.9em;
    display: none;
}

fieldset#register_parentinfo hr {
    margin: 1em 0 2em;
    border: dotted 1px #999;
    border-bottom: 0;
}

#register_consent .panel-default > .panel-heading strong:before {
    content: "\e123";
    font-family: 'Glyphicons Halflings';
    margin-right: 6px;
    position: relative;
    top: 2px;
}

fieldset#register_consent hr {
    border: dotted 1px #999;
    border-bottom: none;
    margin: 2em 1em;
}

div.consent_courseInfo {
    padding: 15px;
}

fieldset#register_consent hr + div {
    padding-bottom: 2em;
}

fieldset#register_consent div#agree p {
    padding-left: 3px;
    display: inline;
}

fieldset#register_consent div#agree input {
    top: 2px;
    position: relative;
    margin-left: -18px;
}

section#register-confirm .register-button button {
    background-color: #545C8E;
    border-color: #464E81;
    outline: none;
}

section#register-confirm .panel-default > .panel-heading {
    background-color: #545C8E;
    text-shadow: 1px 1px 1px #000;
}

.confirm-summary {
    padding-right: 28px;
}

.confirm-summary, .confirm-detail {
    float: left;
}

.div_license, .div_permit {
    padding: 0 !important;
}

div#div_licenseDate span.input-group-addon, div#div_permitDate span.input-group-addon,
div#div_birthDate span.input-group-addon {
    padding: 0 0 0 .5em;
}

div#div_birthDate span.input-group-addon {
    color: #555 !important;
}

div#fifth_step span.input-group-addon span.glyphicon.glyphicon-calendar {
    margin: 0 1em;
    color: #1f2e59;
}

.registerConfirm h2 {
    display: block !important;
    background-color: #337AB7;
    padding: 10px 25px;
    color: #fff;
    border-radius: 10px;
    margin: 10px 0;
}

.registerConfirm h2 + div {
    padding: 4em;
    margin: 1em 0 3em;
    background-color: #eee;
    border-radius: 10px;
    line-height: 40px;
    font-size: 1.2em;
}

.fullLogin form {
    background-color: #fff;
    padding: 2em;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    border-radius: 4px;
}

.fullLogin img {
    margin-bottom: 20px;
}

.fullLogin {
    width: 380px;
    margin: 0 auto;
    position: relative;
    top: 200px;
}

.fullLogin button {
    background-color: #1FB5AD;
    border: none;
}

.fullLogin .back {
    text-align: center;
    padding: 20px;
}

.fullLogin .back a {
    color: #fff;
}

.fullLogin button:hover {
    background-color: #3A9D99;
    border: none;
}

.loginFooter div {
    padding: 0;
}

.loginFooter {
    padding: 20px 0 10px;
}
div.alertBox, div.successBox {
   display: block;
   color: #000;
   font-weight: 700;
   background-color: #fff;
   margin: 0;
   width: 100%;
   box-shadow: none;
   line-height: 5em;
   margin-bottom: 1em;
}
div.alertBox span, div.successBox span {
	display: block;
	line-height: 1.5em;
}
div.alertBox span:first-child, div.successBox span:first-child {
	padding-top: 22px;
}
div.alertBox span:last-child, div.successBox span:last-child {
	padding-bottom: 8px;
}
div.alertBox div.icon:before {
	content: "\f05a";
	font-family: FontAwesome;
	font-size: 4em;
	color: #A94442;
	float: left;
}
div.successBox div.icon:before {
	content: "\f058";
	font-family: FontAwesome;
	font-size: 4em;
	color: #46BB75;
	float: left;
}
div.alertBox:after {
	content: ' ';
	float: left;
	width: 100%;
	background-color: #A94442;
	height: 4px;
}
div.successBox:after {
	content: ' ';
	float: left;
	width: 100%;
	background-color: #46BB75;
	height: 4px;
}
div.alert.alert-danger {
    display: none;
    padding-left: 30px;
}

.alert.alert-danger span.glyphicon {
    display: inline;
    margin-left: -18px;
    float: left;
    margin-top: 2px;
}

.alert.alert-danger span {
    display: inline-block;
}

.pac-container {
    z-index: 1050 !important;
}

div.empty {
    padding: 20px !important;
}

div.empty p:before {
    margin-right: 7px;
    font-size: 23px;
    color: #FFB900;
    top: 6px;
    position: relative;
}

.msg_forgotpw {
    text-align: center;
}

.msg_forgotpw h2 {
    margin: 10px 0 15px 0;
}

div.forgotpsw div.panel-footer {
    margin: 0px -28px -27px;
    text-align: right;
}

div.result_resetPW h3 {
    border-top: solid 1px #ddd;
    font-weight: 300;
    font-family: 'Open Sans';
    margin-left: 35px;
}

div.result_resetPW p {
    text-align: center;
    color: #666;
    margin-top: 4em;
}

div.result_resetPW span.glyphicon.glyphicon-ok-sign {
    color: #1FB5AD;
    margin-left: -30px;
    top: 3px;
    line-height: 60px;
}

button.btn.btn-default.cancel {
    color: #333;
    background-color: #fff;
    border: solid 1px #ddd;
    float: left;
}

div.enterCode h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 0.5em;
    padding-top: 1.5em;
    font-weight: bold;
    color: #337AB7;
}

div.enterCode p {
    font-size: 13px;
}

.pageErr.row {
    background-color: #FFF;
    margin-top: 10%;
    padding: 3em 0 4em;
    font-family: "Open Sans", sans-serif;
}

.pageErr.err404.row h1 {
    color: rgba(255, 71, 71, 0.78);
}

.pageErr.err401.row h1 {
    color: #1FB5AD;
}

.pageErr.row h1 {
    text-align: center;
    font-size: 110px;
    font-weight: 300;
}

.pageErr.row h2 {
    color: #666;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
}

.pageErr.row p {
    text-align: center;
    color: #666;
    font-size: 13px;
}

img.errLogo {
    width: 90px;
}

div.empty p {
    margin-bottom: 1em !important;
    color: #0A51A1;
}

p.payErr {
    font-size: 12px;
    color: #FF0600;
}



fieldset#register-step6-payment div.paypal {
    padding: 1.2em 2em 1em 2em;
    background: #EBF3F8;
}

fieldset#register-step6-payment div.paypal input {
    margin: 1em .5em !important;
}

fieldset#register-step6-payment div.paypal a {
    font-size: 11px;
    color: #FF5E5E;
    font-weight: 700;
    float: right;
}

input#next_sixth {
    background-color: #FFC439;
    border: none;
    color: #002F86;
    font-weight: 700;
    margin-left: 1em;
}

.paymentResult {
	margin-top: 3em;
    font-family: "Open Sans", sans-serif;
}

.paymentResult .successPaypal h3 {
    color: #18bc9c;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}

.paymentResult .failedPaypal h3 {
    color: rgba(255, 0, 0, 0.69);
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}

.paymentResult .panel-default{
    border: solid 1px #ddd;
    background: #eee;
    margin-top: 1.5em;
}

.paymentResult .panel-body{
	border: solid 1px #ddd;
    margin: 1em;
    background: #fff;
}

.privacy-policy-check{
    width:100% !important;
}

.privacy-policy-check .input-group-addon{
    white-space: normal;
    width: 100%;
    padding-left: 0px;
    text-align: left;
}
@media ( min-width: 0px) {
    form#registerForm .form-group.input-group {
        width: 100%;
    }
    div#payment .register-course, div#payment .register-classCard{
        padding:0;
    }
    div#register_contact_body div#register_parentinfoBody{
        padding:15px;
    }

    .privacy-policy-check{
        padding: 15px !important;
    }
}

@media ( min-width: 768px) {
    form#registerForm .form-group.input-group {
        width: 100%;
    }
    div#payment .register-course, div#payment .register-classCard{
        padding:0;
    }
}

@media ( min-width: 992px) {
    form#registerForm .form-group.input-group {
        width: 450px;
        padding: 0px 18px;
    }
}

@media ( min-width: 1200px) {
    form#registerForm .form-group.input-group {
        width: 540px;
    }
}

.btn.class-schedule {
    margin-bottom: 10px;
}

#covidModal .rightpane {
    padding-left: 40px;
    color: #1e2e59;
}

#covidModal .rightpane p {
    margin-top: 15px;
}

#covidModal .leftpane img {
    height: 450px;
    width: 300px;
}

#covidModal .rightpane {
    min-width: 500px;
}

#covidModal .modal-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 40px 30px;
    width: 850px;
    margin-left: -150px;
}

#covidModal h4 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}

#covidModal button {
    background-color: #1e2e59;
    padding: 15px 20px;
    margin-bottom: 5px;
    color: #fff;
    text-transform: uppercase;
    border: none;
}

#covidModal button.close {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
    color: #000 !important;
}

@media ( max-width: 960px) {
    #covidModal .leftpane {
        display: none;
    }

    #covidModal .modal-content {
        width: 300px;
        margin: 0 auto;
        padding: 20px;
    }

    #covidModal .rightpane {
        min-width: 200px;
        padding-left: 0;
    }

    #covidModal h4 {
        font-size: 20px;
    }

    #covidModal button {
        margin: 0 auto;
        margin-top: 10px;
        display: block;
    }
}

.reg_date_invalid {
    font-size: 11px;
    display: none;
}

@media(max-width:600px){
	#register_schoolinfoBody .input-group{
		display:flex;
		flex-direction:column;
		gap:5px;
	}
	#register_schoolinfoBody .input-group-addon{
		display:block !important;
		width:100% !important;
		border-radius:5px !important;
        text-align:left !important;
	}
}

.modal_courseOutline {
    .class-desc {
        display: none;
    }

    .outlineInfo h3 {
        font-size: 18px;
    }
}


@media(min-width:992px){
    #register-payment-package-course{
        display: flex;
        gap: 25px;
    }
    #register_payment_course{
        width: 50%;
    }
    #register_payment_package{
        width:50%;
    }
}


.register-package a{
    color: #fff;
    background-color: #3E9ED7;
    padding: 12px 20px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 1em;
    letter-spacing: .3em;
    font-size: 1.2em;
    outline: none;
}