@-ms-viewport {
  width: device-width;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.hidden-phone {
  display: inherit !important;
}

@media (min-width: 767px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .visible-phone {
    display: none !important;
  }
  .hidden-phone {
    display: inherit !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .visible-phone-only {
    display: block !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

/*** GRADIENTS & BACKGROUND ***/
/*** BORDERS ***/
/*** GENERAL ***/
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=submit],
input[type=image],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid silver;
  outline: none;
}

input[type=image] {
  border: none;
}

@media screen and (max-width: 1024px) {
  .main-page-container #content #main #login {
    margin-top: -30px;
  }
  .main-page-container #content #main #login .login-panel {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body {
    -webkit-text-size-adjust: none;
  }
  .addressSpinner {
    position: absolute;
    z-index: 1;
    top: 36px;
    right: 22px;
  }
  header, footer {
    max-width: 767px;
    min-width: 320px;
  }
  #login {
    width: 100%;
  }
  #login .container .login-title-container h3 {
    display: block;
    font-size: 18px;
  }
  #login .login-panel {
    width: 100%;
    margin-top: 0px;
  }
  #login .login-panel .login-panel-header {
    width: 100%;
    background: #6daddb;
    padding: 0;
  }
  #login .login-panel .login-panel-header .content-panel-title {
    margin-left: 15px;
  }
  #login .login-panel .login-panel-body {
    width: 100%;
    background: #ffffff;
    padding: 0 !important;
  }
  #login .login-panel .login-panel-body .login-form {
    width: 100%;
  }
  #login .login-panel .login-panel-body .login-form .forgotPassword {
    padding-top: 20px;
  }
  #login .login-panel .login-panel-body .login-form .panel-form-column > div {
    width: 100% !important;
  }
  #login .login-panel .login-panel-body .login-form .info-panel {
    display: block;
    width: 80%;
    position: relative;
    float: left;
    margin: 10px 30px;
    background: white;
    border: 1px solid #9c9d9d;
  }
  #login .login-panel .login-panel-body .login-form .info-panel .info-panel-header, #login .login-panel .login-panel-body .login-form .info-panel .info-panel-footer {
    display: none;
  }
  #login .login-panel .login-panel-body .login-form .info-panel .info-panel-body {
    background: none;
    width: 100%;
    padding: 9px 18px 0 25px;
  }
  #login .login-panel .login-panel-body .login-form .login-form-group .login-icon {
    display: none;
  }
  #login .login-panel .login-panel-body .main-error {
    margin-left: 30px;
    margin-top: 10px;
    width: 90%;
  }
  #login .login-panel .login-panel-footer {
    width: 100%;
    background: #f4f5f7;
    padding: 0;
  }
  #login .login-panel .login-form .login-form-group {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  #login .login-panel .login-form .login-form-group .login-icon {
    display: none;
  }
  #login .login-panel .login-form .login-form-group .panel-form-column {
    padding: 20px;
  }
  #login .login-panel .login-form .login-form-group .panel-form-column > div {
    width: 100%;
  }
  #login .login-panel .login-form .info-panel {
    display: none !important;
  }
  /* Main Area
     * key structure :
     *     registration pages only rules
     *          eg : process bar
     *     member pages only rules
     *          eg : user panel , side menu
     *     general rules ( shared between registration pages and member pages )
     *          eg : content panel, panel-form-column,
     */
  .main-page-container {
    min-height: 700px;
  }
  .main-page-container #content #main {
    width: 100%;
    margin: 0px;
    min-width: 320px;
    font-size: 120%;
    padding-top: 20px;
  }
  .main-page-container #content #main .field-required-message {
    width: 90%;
  }
  .main-page-container #content #main .next-button .button {
    margin: 0px 13px 5px 0px;
  }
  .main-page-container #content #main #login {
    margin-top: 0px;
  }
  .main-page-container #content #main #login .login-panel {
    margin-top: 50px;
  }
  .main-page-container #content #main .process ul.processSteps {
    display: none;
  }
  .main-page-container #content #main .user-panel .mobile-menu-icon {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0px 0px;
    background: url("/App_Assets/images/responsive/mobile/menu-icon.png") no-repeat;
  }
  .main-page-container #content #main .user-panel img {
    display: none;
  }
  .main-page-container #content #main .user-panel .user-name {
    margin-top: 14px;
    width: 60%;
    margin-bottom: 0px;
  }
  .main-page-container #content #main .user-panel .user-occupation {
    margin-top: 0px;
    margin-bottom: 14px;
    float: left;
    margin-left: 20px;
    width: 60%;
  }
  .main-page-container #content #main .info-panel {
    display: block;
    background: white;
    width: auto;
    position: relative;
    top: inherit;
    right: inherit;
    margin-left: 14px;
    margin-right: 20px;
  }
  .main-page-container #content #main .info-panel .info-panel-header, .main-page-container #content #main .info-panel .info-panel-footer {
    display: none;
  }
  .main-page-container #content #main .info-panel .info-panel-body {
    background: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .main-page-container #content #main .info-panel.info-panel-extraAmount {
    width: 100%;
  }
  .main-page-container #content #main .rate-table .info-panel {
    width: 100%;
  }
  .main-page-container #content #main .info-panel-extraAmount {
    margin-left: 0;
    margin-right: 0;
  }
  .main-page-container #content #main .review-page .content-panel .content-panel-body .panel-form .panel-form-group.payment-details .form-item .form-value.month-selector {
    width: 9%;
  }
  .main-page-container #content #main .review-page .content-panel .footer-buttons {
    /*.step-button {
								width: 90%;
								input[type=submit] {
									word-wrap: break-word;

									height: 54px;
									padding-right: 35px;
								}
							}*/
  }
  .main-page-container #content #main .review-page .content-panel .content-panel-header .header-notice {
    width: 90%;
    margin: 9px auto;
  }
  .main-page-container #content #main .content-panel .corner {
    display: none;
  }
  .main-page-container #content #main .content-panel.member-panel .content-panel-body.reversed .panel-menu ul li {
    padding: 9px 0 9px 8px;
  }
  .main-page-container #content #main .content-panel.member-panel .content-panel-body.reversed .panel-menu ul li a {
    padding-left: 16px;
  }
  .main-page-container #content #main .content-panel.member-panel .content-panel-body.reversed .panel-menu ul li.on a {
    padding-left: 16px;
  }
  .main-page-container #content #main .content-panel.member-panel .content-panel-body.reversed .panel-form-column.rep-training-panel {
    width: 100%;
  }
  .main-page-container #content #main .content-panel.member-panel .content-panel-header .content-panel-title {
    padding-left: 10px;
  }
  .main-page-container #content #main .content-panel.member-panel .ajax-loader {
    top: -226px;
  }
  .main-page-container #content #main .content-panel.member-panel .paymentProcessing {
    width: 305px;
    margin-left: 0;
    bottom: -420px;
  }
  .main-page-container #content #main .content-panel .content-panel-header {
    width: 100%;
    padding: 0px;
    min-height: 0;
    float: left;
    padding-bottom: 15px;
  }
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-title {
    padding-top: 20px;
    padding-left: 15px;
    font-size: 30px;
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-buttons {
    padding-top: 10px;
    padding-right: 5px;
    margin: 0px 17px 0 0;
  }
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-buttons.logout-button {
    margin-top: -250px;
  }
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-buttons.logout-button .button {
    margin-right: 0px;
  }
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-buttons .button {
    margin: 10px 0 5px 5px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-column {
    padding-right: 10px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-column
.download-pdf-btn-container {
    min-height: 50px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-column .first-workplace {
    min-height: inherit;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .panel-form-column.shorter-column select,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .panel-form-column.shorter-column select {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .panel-form-column.agreement,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .panel-form-column.agreement {
    padding: 20px 15px 0px 15px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value select,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value select {
    width: 50%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.day-selector,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.day-selector {
    width: 25%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.day-selector select,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.day-selector select {
    width: 90%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.month-selector,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.month-selector {
    width: 40%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.month-selector select,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.month-selector select {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.year-selector,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.year-selector {
    width: 30%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .panel-form-column .form-item .form-value.year-selector select,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .panel-form-column .form-item .form-value.year-selector select {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item.long input {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item.medium-long input {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item.short input {
    width: 30%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .area-code input[type=tel] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .phone-number input[type=tel] {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .mobile-phone input[type=tel] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-label label {
    margin-bottom: 5px !important;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.day-selector {
    width: 20%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.day-selector select {
    width: 85%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.month-selector {
    width: 50%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.month-selector select {
    width: 93%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.year-selector {
    width: 25%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.year-selector select {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-item .form-value.plus-minus-buttons-container .plus-minus-buttons {
    padding-left: 10px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-value .short {
    width: 30%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .form-value .short input {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .panel-form .paymentProcessing {
    width: auto;
    margin: 0 20px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .panel-form .ajax-loader.pay-fees-page {
    height: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.payment-details .panel-form-column .form-value .month-selector {
    width: 20%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.payment-details .panel-form-column .form-value .year-selector {
    width: 25%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .form-item.long-list .form-value li {
    padding: 0px;
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .form-item.long-list .form-value li input {
    width: 10%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .form-item.long-list .form-value li label {
    width: 85%;
    line-height: 2;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .panel-form-column.wider-column {
    padding: 0px 5px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .panel-form-column.shorter-column {
    padding: 0px 5px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .sub-text {
    display: block;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.policy .panel-form-column {
    padding: 15px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item.long input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item.long input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item.long input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item.long input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item.long input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item.long input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item.long input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item.long input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item.long input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item.long input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item.long input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item.long input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=email] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value input[type=email],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value input[type=password],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value input[type=email] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .mobile-phone input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .mobile-phone input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .mobile-phone input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .mobile-phone input[type=text] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .area-code,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .area-code,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .area-code,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .area-code {
    width: 30%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .area-code input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .area-code input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .area-code input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .area-code input[type=text] {
    width: 90%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .phone-number,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .phone-number,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .phone-number,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .phone-number {
    width: 65%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .phone-number input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .phone-number input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .phone-number input[type=text],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .phone-number input[type=text] {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-value .phone-number input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-value .phone-number input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-value .phone-number input[type=tel],
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .phone-number input[type=tel] {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups .address-area .form-item .form-label label,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-groups.personal-details-panel .form-item .form-label label,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .address-area .form-item .form-label label,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-label label {
    font-weight: bold;
    max-width: none;
    width: 305px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .howmuchpay-panel .how-much-pay-amount-container {
    padding: 15px;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .howmuchpay-panel .how-much-pay-amount-container .amount .amount-number span {
    float: right;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .how-much-pay-amount-container .amount .label-wrapper .next-run-date {
    float: left;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees.medium-long.form-item input,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees.medium-long.form-item select {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees .form-item .form-value input,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees .form-item .form-value select {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees .form-item .form-value input[type=radio] {
    width: auto;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees .form-item .form-value.month-selector select {
    width: 36%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .member-pay-fees .form-item .form-value.year-selector select {
    width: 58%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .form-item .form-value input,
  .main-page-container #content #main .content-panel .content-panel-body .panel-form-group .panel-form .form-item .form-value select {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .no-panel {
    float: initial !important;
  }
  .main-page-container #content #main .content-panel .mobile-page-title #mobile-page-title {
    display: none;
  }
  .main-page-container #content #main .content-panel
.content-panel-body {
    padding: 0 !important;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .how-much-pay-amount {
    margin-bottom: 10px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .form-label {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .form-value {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .form-value .form-value {
    width: auto;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .form-value li {
    padding: 0px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .form-value li input {
    width: auto;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed {
    padding: 10px;
    box-sizing: border-box;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.eb-agreement {
    min-height: 350px;
    font-size: 14px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.eb-agreement div table tr {
    border-bottom: 1px solid #D6D6D6;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.eb-agreement div table tr td {
    width: 49%;
    padding: 12px 0;
    vertical-align: top;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column {
    width: 100%;
    padding: 10px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .ui-datepicker-trigger {
    right: 0 !important;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box {
    width: 100%;
    min-height: 130px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.from,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.to {
    width: 100%;
    position: relative;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.from input,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.to input {
    float: right;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.from input.hasDatepicker,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box span.to input.hasDatepicker {
    position: relative;
    left: -34px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box > div.from label,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box > div.to label {
    width: 50px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box .ui-datepicker-trigger {
    right: -148px;
    top: 2px;
    float: right;
    position: relative;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-form-column.wide-column .search-box .search-btns {
    margin-top: 20px;
    float: left;
    display: block;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .eventsTable td {
    padding: 8px 5px 8px 0;
    vertical-align: top;
    font-size: 14px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .eventsTable td.credits {
    text-align: center;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .content-panel-body {
    width: 90%;
    padding: 40px auto;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .content-panel-body .panel-form-column .year-select .span {
    margin-bottom: 10px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .member-pay-fees,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .cpd-hours {
    width: 96%;
    margin-top: 15px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .member-pay-fees .panel-form-column,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .cpd-hours .panel-form-column {
    width: 100%;
    padding: 0;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .member-pay-fees .panel-form-column .form-label,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .cpd-hours .panel-form-column .form-label {
    width: auto;
    margin-bottom: 3px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .member-pay-fees .panel-form-column .form-value,
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .cpd-hours .panel-form-column .form-value {
    width: auto;
    line-height: 28px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-menu {
    position: absolute;
    margin-left: -201px;
    top: 20px;
    padding-left: 0;
    background: #005daa;
    width: 200px !important;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-menu ul li {
    padding: 9px 0px 0px 15px;
    width: 200px;
    margin: 0 !important;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-menu ul li.on {
    border-bottom: 1px solid #d3d5d6;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-menu ul li.on a {
    color: #1560a9 !important;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .panel-menu ul li a {
    color: white !important;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    width: 90%;
    margin-right: 0;
    vertical-align: middle;
  }
  .main-page-container #content #main .content-panel
.content-panel-body.reversed .tax-statement-page, .main-page-container #content #main .content-panel
.content-panel-body.reversed .member-detail-panel {
    padding-bottom: 70px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group {
    border-top: 0;
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .terms_conditions .info-panel {
    top: -9px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.personal-details-panel li input[disabled] {
    background-color: #4c4c4c;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item .form-value .mobile-phone input[type=tel] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=email],
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.long input[type=tel] {
    width: 96%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .workplace-row .clear {
    display: none;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .workplace-row.first-workplace .info-column.employer-addr {
    display: none;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .workplace-row .employer-details .clear {
    display: block;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .workplace-row .employer-details .form-item {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.workplaces-details {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group.workplaces-details .panel-form-column.alternate-workplaces .search-box {
    height: 160px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .form-label label {
    float: left;
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .panel-form-column {
    border-right: 0;
    padding-left: 14px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .panel-form-column.residential-addr,
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-group .panel-form-column.first-column {
    padding: 20px 14px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column {
    float: left;
    border-right: 0;
    width: 100% !important;
    box-sizing: border-box;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column ul li {
    padding-right: 50px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .nurse-question .form-value.bool {
    float: left;
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column ul li.selected input[disabled],
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .personal-details-panel li input[disabled],
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .nurse-question li input[disabled] {
    background-color: #4c4c4c;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column.agreement ul li {
    padding-right: 90px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .residential-checkbox-wrap {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 0px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column.wider-column {
    width: 100%;
    border-right: 0;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column.shorter-column {
    width: 100%;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column.second-column {
    padding-top: 0;
    margin-top: 0;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .panel-form-inner-column {
    padding: 10px;
    width: 100%;
    float: left;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .form-item .form-label {
    width: 100%;
    padding: 2px 0px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .search-box {
    width: 100%;
    padding: 5px 0;
    height: auto;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .panel-form .panel-form-column .search-box .form-label.long {
    width: 100%;
    box-sizing: border-box;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .how-much-pay-amount-container {
    height: auto;
    border: 0;
    width: auto;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .how-much-pay-amount-container .amount .how-much-pay-amount-text, .main-page-container #content #main .content-panel
.content-panel-body .how-much-pay-amount-container .amount .small-text {
    padding-left: 5px;
  }
  .main-page-container #content #main .content-panel
.content-panel-body .membership-terms-container {
    width: auto;
    padding: 10px 15px 0px 15px;
  }
  .main-page-container #content #main .content-panel .panel-form-column {
    padding-right: 10px !important;
  }
  .main-page-container #content #main .content-panel .search-btn {
    margin-top: 10px !important;
  }
  .main-page-container #content #main .content-panel p.recommends {
    padding-left: 10px !important;
  }
  .main-page-container #content #main .content-panel .year-select select {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .main-page-container #content #main .content-panel .howmuchpay-panel > span:first-child p {
    margin-left: 14px !important;
    margin-right: 20px !important;
  }
  .main-page-container #content #main .content-panel .howmuchpay-panel .panel-form-groups .amount .base-amount .amount-label {
    width: 100%;
  }
  .main-page-container #content #main .content-panel .footer-buttons {
    width: 100%;
    margin-bottom: 0;
    padding: 13px 1px 0px 5px !important;
    padding-bottom: 100px;
    float: left;
    height: auto;
  }
  .main-page-container #content #main .content-panel .footer-buttons .right-button {
    float: left !important;
  }
  .main-page-container #content #main .content-panel .footer-buttons .step-button, .main-page-container #content #main .content-panel .footer-buttons .step-button-back {
    display: block !important;
    margin-left: 10px;
    margin-right: 10px;
  }
  .main-page-container #content #main .content-panel .footer-buttons .step-button input, .main-page-container #content #main .content-panel .footer-buttons .step-button-back input {
    width: 100%;
    padding-left: 7px;
    font-size: 14px;
  }
  .main-page-container #content #main .content-panel .footer-buttons .step-button a, .main-page-container #content #main .content-panel .footer-buttons .step-button-back a {
    padding-left: 23px;
  }
  .main-page-container #content #main .content-panel .footer-buttons .step-button-back a {
    font-family: 'HelveticaNeueLT-BoldCond', Arial, Verdana;
    font-size: 14px;
  }
  .main-page-container #content #main .content-panel .footer-buttons .field-required-message {
    float: left;
    margin-left: 15px;
  }
  .main-page-container #content #main .content-panel .footer-buttons .form-label label {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .main-page-container #content #main .residential-checkbox-wrap .residential-checkbox {
    float: left;
    margin-right: 10px;
    height: auto;
    padding: 0;
    margin: 0;
  }
  .main-page-container #content #main .residential-checkbox-wrap .residential-checkbox-text {
    width: 160px;
    margin-top: 14px;
    padding-right: 15px;
    float: left;
    padding: 0;
    padding-left: 10px;
    margin: 0;
  }
  .main-page-container #content #main .info-panel .info-panel-content .ajax-control {
    padding: 6px 0px;
  }
  .main-page-container #content #main .workplace-panel .workplaces-details .form-item .form-value {
    width: 100%;
  }
  .main-page-container #content #main .workplace-panel .workplaces-details .form-item .form-value .form-value {
    width: 100%;
  }
  .main-page-container #content #main .workplace-panel .workplaces-details .form-item select {
    width: 96%;
  }
  .main-page-container #content #main .workplace-panel .workplaces-details .form-item input.workplace-search-input {
    width: 96%;
  }
  .main-page-container #content #main .workplace-panel .workplaces-details .form-item input[type=text] {
    width: 96%;
  }
  .main-page-container #content #main .search-box {
    margin-bottom: 0px;
  }
  .main-page-container #content #main .header-notice {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .main-page-container #content #main .success-page .content-panel .content-panel-body .panel-form .panel-form-column {
    padding-left: 10px;
  }
  .main-page-container #content #main .field-required-message-topMargin {
    margin-top: 0px;
    margin-left: 10px;
  }
  #interStateWarningPostal input {
    vertical-align: top;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .main-page-container #content #main .content-panel .content-panel-header .content-panel-buttons.logout-button {
    margin-top: -230px;
  }
  .main-page-container #content #main .content-panel .content-panel-header.member-panel .paymentProcessing {
    width: 100%;
    bottom: -420px;
  }
}

@media screen and (max-width: 640px) {
  .main-page-container #content #main .info-panel {
    width: auto;
  }
  .main-page-container #content #main #login .login-panel .login-panel-body .login-form .login-form-group .panel-form-column {
    width: 95%;
  }
}

@media screen and (max-width: 568px) {
  .main-page-container #content #main .info-panel {
    width: auto;
  }
  .main-page-container #content #main .review-page .paymentProcessing {
    bottom: -339px;
    left: -3px;
    max-width: 450px;
    width: 90%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.validateAccount .form-label label {
    width: 345px;
  }
  .main-page-container #content #main .content-panel.member-panel .paymentProcessing {
    width: 100%;
  }
}

@media screen and (max-width: 568px) and (orientation: landscape) {
  .main-page-container #content #main .review-page
.content-panel .footer-buttons {
    /*.step-button {
								width: 96%;
								background-position-y: 21px;
							}*/
  }
  .main-page-container #content #main .review-page .paymentProcessing {
    width: 569px;
    bottom: -339px;
    left: -3px;
  }
}

@media screen and (max-width: 360px) {
  .main-page-container #content #main .info-panel {
    width: 89%;
  }
  .main-page-container #content #main .review-page .paymentProcessing {
    width: 305px;
    bottom: -297px;
  }
  .main-page-container #content #main .review-page .content-panel .footer-buttons {
    /*.step-button {
                                background: #004a87 url(/App_Assets/images/blue_chevron.png) no-repeat 7px 22px;
                                input[type=submit] {
                                    padding-right: 80px;
                                    padding-left:66px;
                                }
                            }*/
  }
  #interStateWarningPostal label {
    width: 80%;
  }
}

@media screen and (max-width: 320px) {
  .main-page-container #content #main .info-panel {
    width: 89%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group .panel-form-column .form-item.longest .form-value input {
    width: 96%;
  }
  .main-page-container #content #main .content-panel .content-panel-body .panel-form .panel-form-group.personal-details-panel .form-item.validateAccount .form-label label {
    width: 300px;
  }
  .main-page-container #content #main .review-page .content-panel .footer-buttons {
    /*.step-button {
                                input[type=submit] {
                                    padding-right: 70px;
                                    padding-left: 40px;
                                }
                            }*/
  }
}

@media screen and (max-width: 420px) {
  .main-page-container #content #main .content-panel .content-panel-header {
    min-height: 1px;
  }
  .main-page-container #content .content-panel .content-panel-header {
    float: none;
  }
}

@media screen and (min-width: 630px) and (max-width: 767px) {
  .main-page-container #content #main .review-page .paymentProcessing {
    bottom: -339px;
    left: -3px;
    max-width: 450px;
    width: 90%;
  }
  .main-page-container #content #main .review-page
.content-panel .footer-buttons {
    /*.step-button {
								width: 96%;
								background-position-y: 21px;
							}*/
  }
}

/*# sourceMappingURL=responsive-mobile.css.map */