/* 
http://sass-lang.com/documentation/Sass/Script/Functions.html#other_color_functions warnings
Operational colors generate with debug, example @debug $warning_color - 10; 
/_messages.scss DEBUG: #a00000 $error_color - 10;          => $error-color-minus-ten;
/_messages.scss DEBUG: #d35c00 $warning_color - 10;        => $warning-color-minus-ten;
/_messages.scss DEBUG: #295c29 $success_color - 10;        => $success-color-minus-ten;
/_messages.scss DEBUG: #a6a68b $reference_back - #444;     => $reference_back-minus-black;
/_colors.scss   DEBUG: #626247 $reference_back - #888;     => $reference_color;
/payments.scss: DEBUG: #1b77ce $amco_new_bg * 1.5;         => $amco-new-bg-one-and-a-half-times;
/payments.scss: DEBUG: #ffee06 $amco_yellow * 1.1;         => $amco-yellow-one-and-one;
/payments.scss: DEBUG: #ffd200 $orange * 1.2;              => $orange-one-and-two;
/payments.scss: DEBUG: #d51a64 $magenta * 1.1;             => $magenta-one-and-one;
/payments.scss: DEBUG: #1e5184 $logo_blue+30;              => $logo-blue-plus-thirty;
/extranet.scss: DEBUG: #1b77ce $tag_color_hover + #333333; => $logo-blue-plus-thirty;
/covers.scss DEBUG: #66ccff $tag_color_hover + #333333;    => $tag-color-hover-minus-thre-six-times;
/covers.scss DEBUG: #ffbb33 $tag_back - #999999;           => $tag_back-minus-nine-six-times;
/covers.scss DEBUG: #5d5d5d $tag_color - #111111;          => $tag_color-minus-one-six-times;
/covers.scss DEBUG: #666666 $tag_color - #222222;          => $tag_color-minus-two-six-times;
/covers.scss DEBUG: #555555 $tag_color - #333333;          => $tag_color-minus-thre-six-times;
/covers.scss DEBUG: #444444 $light_blue + #333333;         => $light_blue-minus-thre-six-times;
/deposit_slip.scss DEBUG: #124f89 $amco_new_bg * 1         => $amco-new-bg-times-one;
/global.scss DEBUG: #000d2c $dark_blue - #111111;          => $dark-blue-minus-one-six-times;
*/
/* 
http://sass-lang.com/documentation/Sass/Script/Functions.html#other_color_functions warnings
Operational colors generate with debug, example @debug $warning_color - 10; 
/_messages.scss DEBUG: #a00000 $error_color - 10;          => $error-color-minus-ten;
/_messages.scss DEBUG: #d35c00 $warning_color - 10;        => $warning-color-minus-ten;
/_messages.scss DEBUG: #295c29 $success_color - 10;        => $success-color-minus-ten;
/_messages.scss DEBUG: #a6a68b $reference_back - #444;     => $reference_back-minus-black;
/_colors.scss   DEBUG: #626247 $reference_back - #888;     => $reference_color;
/payments.scss: DEBUG: #1b77ce $amco_new_bg * 1.5;         => $amco-new-bg-one-and-a-half-times;
/payments.scss: DEBUG: #ffee06 $amco_yellow * 1.1;         => $amco-yellow-one-and-one;
/payments.scss: DEBUG: #ffd200 $orange * 1.2;              => $orange-one-and-two;
/payments.scss: DEBUG: #d51a64 $magenta * 1.1;             => $magenta-one-and-one;
/payments.scss: DEBUG: #1e5184 $logo_blue+30;              => $logo-blue-plus-thirty;
/extranet.scss: DEBUG: #1b77ce $tag_color_hover + #333333; => $logo-blue-plus-thirty;
/covers.scss DEBUG: #66ccff $tag_color_hover + #333333;    => $tag-color-hover-minus-thre-six-times;
/covers.scss DEBUG: #ffbb33 $tag_back - #999999;           => $tag_back-minus-nine-six-times;
/covers.scss DEBUG: #5d5d5d $tag_color - #111111;          => $tag_color-minus-one-six-times;
/covers.scss DEBUG: #666666 $tag_color - #222222;          => $tag_color-minus-two-six-times;
/covers.scss DEBUG: #555555 $tag_color - #333333;          => $tag_color-minus-thre-six-times;
/covers.scss DEBUG: #444444 $light_blue + #333333;         => $light_blue-minus-thre-six-times;
/deposit_slip.scss DEBUG: #124f89 $amco_new_bg * 1         => $amco-new-bg-times-one;
/global.scss DEBUG: #000d2c $dark_blue - #111111;          => $dark-blue-minus-one-six-times;
*/
body.ajax-loading {
  overflow: hidden; }

body.ajax-loading .ajax-overlay {
  display: block; }

.loader {
  position: relative;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  animation: loader-anim 0.3s infinite ease-in-out;
  outline: 1px solid transparent; }
  .loader .main-box {
    position: fixed;
    width: 34px;
    height: 34px;
    background-color: #F7D805;
    outline: 1px solid transparent; }
  .loader .child-box {
    z-index: 1;
    position: fixed;
    width: 34px;
    height: 34px;
    background-color: white;
    outline: 1px solid transparent;
    animation: small-box-anim 0.3s alternate infinite ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.three-dots-loader {
  position: relative;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  outline: 1px solid transparent;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4); }
  .three-dots-loader .dot {
    height: 12px;
    width: 12px;
    background-color: #4A5DC6;
    border-radius: 50%;
    display: inline-block; }
    .three-dots-loader .dot:nth-child(1) {
      animation: jump 1.6s -0.32s linear infinite; }
    .three-dots-loader .dot:nth-child(2) {
      margin: 0 1em;
      animation: jump 1.6s -0.16s linear infinite; }
    .three-dots-loader .dot:nth-child(3) {
      animation: jump 1.6s linear infinite; }

@keyframes small-box-anim {
  0% {
    transform: scale(0.2); }
  100% {
    transform: scale(0.75); } }
@keyframes loader-anim {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }
@keyframes jump {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.ajax-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
  position: fixed;
  background: rgba(0, 0, 0, 0.5); }
  .ajax-overlay.light-background {
    background: rgba(0, 0, 0, 0.2); }

button:focus {
  outline: 0; }

strong {
  font-weight: bold; }

.hide {
  display: none; }

.message {
  padding: 5px 0;
  font-size: 18px;
  text-align: center;
  margin: 3px 0; }
  .message.message-success, .message.message-danger {
    color: white; }
  .message.message-success {
    background-color: #50D6C2; }
  .message.message-danger {
    background-color: #B9004E; }
    .message.message-danger button {
      color: #B9004E; }
  .message button {
    cursor: pointer;
    background-color: white;
    border-radius: 10px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 10px; }

.btn {
  border-radius: 4px;
  padding: 10px;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  border: 0;
  cursor: pointer;
  outline: none; }
  .btn:focus {
    outline: none; }
  .btn.btn-gray {
    background-color: #BBBBBB;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21);
    padding: 10px 70px; }
  .btn.btn-blue {
    background-color: #124F89;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21);
    padding: 10px 26px; }
  .btn.btn-pink {
    background-color: #F01C8F;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21);
    padding: 10px 26px; }
  .btn.btn-yellow {
    background: linear-gradient(180deg, #fff662 0%, #f7d805 100%);
    color: #000000;
    box-shadow: 0 0 9px 0 rgba(136, 136, 136, 0.5);
    padding: 12px 36px; }
  .btn.btn-white {
    color: black;
    border: 1px solid #D5D5D5;
    background-color: white;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
  .btn.btn-lg {
    font-size: 20px;
    border-radius: 6px;
    padding: 12px 46px;
    width: 224px;
    height: 52px; }
  .btn.btn-block {
    width: 100%; }
  .btn.btn-light-blue {
    background-color: #E6F2FF;
    color: #007BFF;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21);
    padding: 10px 26px; }

#horizontal_container {
  display: flex; }
  #horizontal_container .gender_container {
    width: 50%; }
    #horizontal_container .gender_container label {
      display: block; }
    #horizontal_container .gender_container input[type=radio] {
      margin: 4px 10px 0 1px;
      padding: 0;
      width: 14px;
      height: 14px;
      float: none; }
  #horizontal_container .date_container {
    width: 50%;
    margin-left: 34px; }
    #horizontal_container .date_container .validate_birthdate select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      outline: none;
      padding: 8px 10px;
      border: 1px solid #BBBBBB;
      border-radius: 4px;
      font-size: 16px;
      height: 40px;
      background-size: 10px;
      background-position: 97% 50%;
      background-repeat: no-repeat;
      background-color: white;
      background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg);
      background-position: 92% 50%;
      padding: 8px 22px 8px 14px; }
      #horizontal_container .date_container .validate_birthdate select:focus {
        border-color: #4A90E2; }
      #horizontal_container .date_container .validate_birthdate select::-ms-expand {
        display: none; }

.invoice_checkbox {
  display: inline-block; }
  .invoice_checkbox #requires_invoice {
    color: #003366;
    font-size: 16px; }
  .invoice_checkbox #requires_invoice, .invoice_checkbox #yes_checkbox {
    float: left;
    margin-right: 2em; }
  .invoice_checkbox #not_checkbox {
    float: right; }
  .invoice_checkbox #yes_checkbox label, .invoice_checkbox #not_checkbox label {
    margin-right: .5em;
    vertical-align: bottom; }
  .invoice_checkbox #yes_checkbox input, .invoice_checkbox #not_checkbox input {
    position: relative;
    bottom: 10px;
    width: 30px;
    float: right; }

.horizontal-form {
  display: flex;
  justify-content: center; }
  .horizontal-form input {
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    width: 350px;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
  .horizontal-form button {
    margin-left: 15px; }

.points-form {
  display: inline-flex; }
  .points-form label, .points-form span.label {
    width: 90%;
    float: right;
    display: block;
    color: #04AAFF; }
  .points-form .collection_radio {
    font-size: 10px !important;
    color: gray;
    margin-top: 0px; }
  .points-form input {
    width: 8% !important;
    width: 20px !important;
    height: 20px !important;
    float: left; }

input {
  font-size: 16px;
  padding: 10px;
  border: none;
  outline: none; }

.line {
  margin: 8px auto; }
  .line.line-blue {
    background: linear-gradient(90deg, #4f3db5 0%, #25167d 100%); }
  .line.line-gray {
    background: #C5C5C5; }
  .line.line-green {
    background: #00B3B6; }
  .line.line-width-1-5 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 100px; }
  .line.line-width-6 {
    position: relative;
    left: 160px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px; }
  .line.line-width-10 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 780px; }
  .line.line-width-6-5 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 500px; }
  .line.line-height-3 {
    height: 3px; }
  .line.line-height-1 {
    height: 1px; }
  .line.line-horizontal-centered {
    float: none;
    display: block;
    margin: 0 auto; }
  .line .line-text {
    background: #fff;
    width: fit-content;
    margin: -8px auto 0px;
    padding: 0 10px; }

.margin-top-24 {
  margin-top: 24px; }

.alert {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 540px;
  position: relative;
  left: 80px;
  padding: 20px;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .alert input {
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px; }
  .alert button {
    margin-left: 15px; }
  .alert p {
    color: #242424;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center; }
  .alert.alert-blue {
    margin-left: 20px;
    background-color: #C8E1F8;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21); }
    .alert.alert-blue input {
      width: 349px;
      border: 1px solid #4A90E2;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.14); }
  .alert.alert-gray {
    background-color: #f7f7f7;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21); }
    .alert.alert-gray input {
      width: 261px;
      box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
  .alert.alert-sm {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    position: relative;
    left: 120px;
    padding: 16px;
    margin: 40px 0;
    width: auto; }

.gradient-title {
  color: black;
  font-size: 20px;
  line-height: 220%;
  background: linear-gradient(to right, #5447b6, #2a227f) no-repeat left bottom;
  background-size: 100% 3px; }
  .gradient-title.no-bg {
    background: none;
    line-height: 100%; }

.alert-code {
  background-color: #f0f4fe;
  border: 1px #5566c9;
  border-radius: 0.25rem;
  color: #5566c9;
  display: flex;
  margin-bottom: 1rem;
  padding: 0.75rem;
  width: auto; }
  .alert-code span {
    font-weight: bold; }
  .alert-code .code, .alert-code .country, .alert-code .school {
    display: inline-block; }
  .alert-code .code, .alert-code .country {
    padding-right: 2rem; }

.blue-title {
  color: #124F89; }

.right-alignment {
  float: right !important; }

.email-main, .main-container {
  padding: 40px; }
  .email-main .ad-info, .main-container .ad-info {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px; }
  .email-main p, .main-container p {
    color: #242424; }
  .email-main .left-container, .main-container .left-container {
    width: 73%;
    float: left;
    padding-right: 2%;
    padding-bottom: 40px; }
  .email-main .right-container, .main-container .right-container {
    width: 25%;
    float: left;
    margin-bottom: 40px; }

.school-year-color-title {
  color: #C2185B;
  margin-left: 8px; }

.search-existing-student {
  margin-top: 20px; }

.student-mail-title, .form-wrapper.student-form label, #credit_card_payment_form label, #cash_payment_form label, #full_discount_form label,
#checking_payment_form label, #transfer_payment label, #pix_payment_form label, .text_cvv, ul.student-details li table td.name, ul.student-details li table td.price {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px; }

.student-mail-input, .selected-school-input {
  width: 680px;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #4A90E2; }

.student-mail-search {
  width: 100%;
  display: inline-block; }

.student-mail-container {
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 30px;
  background-color: #e3f0fb; }

.search-icon {
  background-image: url(/assets/parents/payments/search-solid-gray-fe752a5beb0c88960a74d91f63e22fef10af01ace354e74a34d7b180dd47517b.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 6px;
  background-size: 20px;
  padding-left: 34px !important; }

.phone-icon {
  background: url(/assets/social/icon-phone-70e41b2ede5758bcafe31b64d48bc865d9a32af4de656267bcb7f025c34d5467.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 12% 60%;
  padding-left: 65px !important; }

.forgot-mail-link {
  font-size: 16px;
  color: #124F89; }

.chat-icon {
  background: url(/assets/social/icon-chat-6792946f5b0dcf398d4681fadc0d7fe896731dcce7c7e245754bcc8c382986b7.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 12% 60%;
  padding-left: 65px !important; }

.button {
  border: 0;
  width: 100px;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  transition: background-color 0.3s; }
  .button:hover {
    text-decoration: none; }
  .button.blue {
    color: white;
    background-color: #124F89; }
    .button.blue:hover {
      background-color: #165fa4; }
  .button.green {
    width: 246px;
    color: white;
    background-color: #01C8AD;
    height: 40px; }
    .button.green:hover {
      background-color: #01b49b; }
  .button.white {
    width: 120px;
    color: #242424;
    background-color: white;
    border: 1px solid white;
    height: 40px;
    transition: border 0.3s; }
    .button.white:hover {
      border: 1px solid #242424;
      background-color: white; }
  .button.yellow {
    width: 200px;
    height: 40px;
    color: #242424;
    background-color: #F7D805; }
    .button.yellow:hover {
      background-color: #edcf05; }
  .button.box-shadow {
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
  .button.reload-icon {
    background-image: url(/assets/parents/payments/redo-solid-454bb43fc0dd0fe5434bc41ff72e5d447bff0cb81620e06ef603960acfb51b29.svg);
    background-size: 12px;
    background-position: 14% 50%;
    padding-left: 28px;
    margin-bottom: 15px;
    background-repeat: no-repeat; }
  .button.uppercase {
    text-transform: uppercase; }
  .button.circle-plus-icon {
    background-image: url(/assets/parents/payments/plus-circle-solid-05c0947e41c61506e9de6de571b2f06670053467c0a614f65aedf851c0aef35b.svg);
    background-size: 18px;
    background-position: 4% 50%;
    background-repeat: no-repeat;
    padding-left: 30px; }
  .button.white-search-icon {
    background-image: url(/assets/parents/payments/search-solid-white-24ee9962fa9f96a9eb24766312eb65374ad50457e9e507722b155c63d2fe399f.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 6px;
    background-size: 18px;
    padding-left: 30px; }
  .button.white-credit-card {
    background-image: url(/assets/parents/payments/credit-card-solid-white-e672627932bd77404895f164e5fff95cdf70276464e29cc129ee6663b7db4f31.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 22% 50%;
    padding-right: 24px !important; }
  .button.credit-card {
    background-image: url(/assets/parents/payments/credit-card-solid-6c985c6c6afc74964aa34fe71a41d85683da4d872c7b082abf676093f3f57b1e.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 6px;
    background-size: 18px;
    padding-left: 30px; }
  .button.cash-solid-white-icon {
    background-image: url(/assets/parents/payments/cash-solid-white-aec48314960da55e547faf239bd460cc93257f96f80edddfafe11f95cf2b22d0.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 18% 50%;
    padding-right: 24px !important; }
  .button.pix-solid-white-icon {
    background-image: url(/assets/parents/payments/qrcode-solid-white-600e9c119da453ff0d9dd843bad3c687583e96077dd74701d4f75ad0265363c5.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 22% 50%;
    padding-right: 24px !important; }
  .button.print-solid-icon {
    background-image: url(/assets/parents/payments/print-solid-64959931d6e689c033536ec746cfae3179cf837993128e659d3713135dacce0e.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 6% 50%;
    padding-left: 50px !important; }
  .button.phone-white-icon {
    background-image: url(/assets/parents/payments/phone-solid-white-ffe29529614c1f671b373d09e66a93d4b41ce2b5596f7e22341bf624d4aa0158.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% 50%;
    padding-left: 56px !important; }
  .button.banner-button {
    font-size: 22px;
    padding: 10px 28px; }
  .button.disabled {
    cursor: default;
    color: #909090;
    box-shadow: none;
    pointer-events: none;
    background-color: #EEEEEE; }
    .button.disabled:hover {
      background-color: #EEEEEE; }

.disabled-button, .btn:disabled, .btn[disabled], .button:disabled, .button[disabled] {
  cursor: default;
  pointer-events: none;
  border-radius: 4px;
  color: #fafafa;
  box-shadow: none !important;
  background-color: #c5c5c5;
  transition: background-color 0.3s; }
  .disabled-button:hover, .btn:hover:disabled, .btn[disabled]:hover, .button:hover:disabled, .button[disabled]:hover {
    background-color: #EEEEEE; }

.accepted-cards {
  display: inline-flex;
  align-items: center; }
  .accepted-cards .amex, .accepted-cards .visa, .accepted-cards .mc {
    position: relative;
    top: 13px;
    background-repeat: no-repeat;
    background-size: 50px;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    margin-left: 13px; }
  .accepted-cards .amex {
    background-image: url(/assets/parents/payments/amex-card-cf565ca816a1a171e5d658f694a1571b95c22819536f6761314549de893c16d2.svg); }
  .accepted-cards .visa {
    background-image: url(/assets/parents/payments/visa-card-fb8d5324794ef7f81f123562173083eb57ce82362197e23ee18f727424980cdb.svg); }
  .accepted-cards .mc {
    background-image: url(/assets/parents/payments/mastercard-card-f8728cc9418c94b9214ec51d39e69443a46c19f5945d487e759f9ca170a18e74.svg); }

.card-base, .mastercard-card, .visa-card, .amex-card {
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 99% 50%; }

.mastercard-card {
  background-size: 38px;
  background-image: url(/assets/parents/payments/mastercard-card-f8728cc9418c94b9214ec51d39e69443a46c19f5945d487e759f9ca170a18e74.svg); }

.visa-card {
  background-image: url(/assets/parents/payments/visa-card-fb8d5324794ef7f81f123562173083eb57ce82362197e23ee18f727424980cdb.svg); }

.amex-card {
  background-image: url(/assets/parents/payments/amex-card-cf565ca816a1a171e5d658f694a1571b95c22819536f6761314549de893c16d2.svg); }

ul {
  list-style-type: none; }

.insurable_warning_message {
  border-radius: 4px;
  font-size: 16px;
  padding: 16px;
  padding-left: 60px;
  background-color: #B70050;
  color: white;
  background-image: url(/assets/parents/payments/exclamation-triangle-solid-white-90bb48d1b3f06fbf0ccbd9e909250955f58ef19785105f95bb5309decdbb68ff.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 50%;
  margin: 10px 0; }
  .insurable_warning_message .warning-message {
    margin: 0; }

.birthdate_warning_color {
  color: #B70050;
  border: 2px solid #B70050 !important; }

.hide {
  display: none; }

.student-selection .student-info {
  margin: 20px 0; }
  .student-selection .student-info .student {
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21);
    transition: all 0.2s; }
    .student-selection .student-info .student:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21); }
    .student-selection .student-info .student hr {
      margin: 10px 0; }
    .student-selection .student-info .student select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      outline: none;
      padding: 8px 10px;
      border: 1px solid #BBBBBB;
      border-radius: 4px;
      font-size: 16px;
      height: 40px;
      background-size: 10px;
      background-position: 97% 50%;
      background-repeat: no-repeat;
      background-color: white;
      background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg);
      width: 350px; }
      .student-selection .student-info .student select:focus {
        border-color: #4A90E2; }
      .student-selection .student-info .student select::-ms-expand {
        display: none; }
    .student-selection .student-info .student .student-options, .student-selection .student-info .student .insurance-info {
      display: flex;
      align-items: center; }
    .student-selection .student-info .student .insurance-info {
      font-size: 16px; }
      .student-selection .student-info .student .insurance-info a {
        font-size: 14px; }
      .student-selection .student-info .student .insurance-info .insurance-program {
        width: 80%; }
      .student-selection .student-info .student .insurance-info .read-more {
        width: 20%;
        text-align: right; }
        .student-selection .student-info .student .insurance-info .read-more a {
          background-repeat: no-repeat;
          background-position: 100% 50%;
          background-size: 10px;
          padding-right: 14px;
          text-align: right;
          font-size: 16px; }
          .student-selection .student-info .student .insurance-info .read-more a.arrow-up {
            background-image: url(/assets/parents/payments/angle-up-solid-blue-379cb72f8c093519670a40a5bff5a376e0382df74ceb87bd83040b3062ac9c8f.svg); }
          .student-selection .student-info .student .insurance-info .read-more a.arrow-down {
            background-image: url(/assets/parents/payments/angle-down-solid-blue-74c8fe6674f13321262231aadaf30e51b7f22e42a4dd15013434759146c7442b.svg); }
    .student-selection .student-info .student .student-insurance-info {
      font-size: 12px;
      padding-top: 10px; }
      .student-selection .student-info .student .student-insurance-info p {
        color: #242424;
        text-align: justify;
        margin-bottom: 10px; }
        .student-selection .student-info .student .student-insurance-info p.chubb-small-message {
          font-size: 11px; }
      .student-selection .student-info .student .student-insurance-info.hidden {
        display: none; }
    .student-selection .student-info .student .student-data {
      position: relative; }
      .student-selection .student-info .student .student-data .name {
        font-size: 18px;
        font-weight: 500;
        display: inline; }
      .student-selection .student-info .student .student-data .national_id {
        font-size: 18px;
        font-weight: 500;
        display: inline; }
      .student-selection .student-info .student .student-data .edit {
        display: inline;
        padding-left: 8px; }
        .student-selection .student-info .student .student-data .edit a {
          background-image: url(/assets/parents/payments/edit-new-blue-892165d089edd53aa1476a344f2d1a500b78f5a80f1bb8b8c9920170182a6db7.svg);
          background-repeat: no-repeat;
          background-position: 0% 46%;
          background-size: 18px;
          padding-left: 24px;
          text-decoration: none;
          color: #04AAFF;
          font-weight: normal;
          font-size: 14px; }
      .student-selection .student-info .student .student-data .school-name {
        font-size: 16px; }
      .student-selection .student-info .student .student-data .add-chromebook {
        margin: 10px 0; }
        .student-selection .student-info .student .student-data .add-chromebook a {
          padding: 6px 12px;
          background-image: url(/assets/parents/payments/laptop-solid-white-917ecc895770ab0c9e8c22da8677c9ef219b2205bf63f494eba7b56e0f0c61c1.svg);
          background-repeat: no-repeat;
          background-position: 6% 50%;
          background-size: 18px;
          padding-left: 34px;
          font-size: 14px; }
          .student-selection .student-info .student .student-data .add-chromebook a:hover {
            background-image: url(/assets/parents/payments/plus-circle-solid-05c0947e41c61506e9de6de571b2f06670053467c0a614f65aedf851c0aef35b.svg); }
    .student-selection .student-info .student .student-grade-info {
      margin: 0 auto; }
      .student-selection .student-info .student .student-grade-info .grade {
        font-weight: 500;
        font-size: 16px; }
    .student-selection .student-info .student .student-payment-amount {
      margin-left: 10px; }
      .student-selection .student-info .student .student-payment-amount .total {
        font-size: 18px;
        font-weight: 500; }
        .student-selection .student-info .student .student-payment-amount .total.total-old {
          color: #D1D1D1;
          text-decoration: line-through; }
        .student-selection .student-info .student .student-payment-amount .total.total-discount {
          color: #50D6C2; }
    .student-selection .student-info .student .checkbox {
      margin-right: 16px; }
    .student-selection .student-info .student.disabled {
      box-shadow: none;
      background-color: #EEEEEE;
      color: #909090; }
      .student-selection .student-info .student.disabled a {
        cursor: default;
        color: #909090;
        pointer-events: none; }
      .student-selection .student-info .student.disabled p, .student-selection .student-info .student.disabled div, .student-selection .student-info .student.disabled span {
        color: #909090; }
      .student-selection .student-info .student.disabled .add-chromebook a {
        background-color: #909090;
        color: #EEEEEE; }
      .student-selection .student-info .student.disabled .missing-email-button {
        cursor: pointer;
        color: white;
        pointer-events: auto; }
.student-selection .student-controls {
  float: left;
  margin-bottom: 50px;
  padding: 20px 0;
  text-align: right; }
  .student-selection .student-controls a.white-search-icon,
  .student-selection .student-controls a.circle-plus-icon {
    padding: 12px;
    padding-left: 34px;
    background-position-x: 10px; }
.student-selection .discount_codes {
  position: absolute;
  padding-top: 80px;
  right: 40px; }
  .student-selection .discount_codes .discount_icon {
    display: inline; }
    .student-selection .discount_codes .discount_icon a {
      position: relative;
      padding-left: 5px;
      bottom: 3px;
      color: #04AAFF;
      font-weight: normal;
      font-size: 13px;
      text-decoration: none; }
  .student-selection .discount_codes .discount_text {
    display: inline;
    position: relative;
    bottom: 4px; }
    .student-selection .discount_codes .discount_text a {
      color: #04AAFF;
      text-decoration: none;
      font-weight: normal;
      font-size: 14px; }
.student-selection .grand-total {
  margin-top: 115px;
  text-align: right; }
  .student-selection .grand-total .amount {
    font-size: 24px;
    font-weight: 500; }
    .student-selection .grand-total .amount #students_total .total-number {
      margin-left: -4px; }
.student-selection .pay {
  text-align: right; }
  .student-selection .pay .button {
    background-position-x: 44px;
    padding: 12px 60px 12px 70px; }

.student-info-confirmation p {
  padding-top: 10px;
  margin: 0;
  font-size: 15px; }
.student-info-confirmation .student-info {
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #EEEEEE; }
  .student-info-confirmation .student-info .student-info-header {
    height: 45px;
    border-radius: 4px 4px 0 0;
    background-color: #124f89; }
    .student-info-confirmation .student-info .student-info-header h3 {
      padding: 7px 15px;
      color: white;
      font-size: 16px;
      font-weight: normal; }
  .student-info-confirmation .student-info .student-info-body {
    padding: 10px 15px; }
    .student-info-confirmation .student-info .student-info-body p {
      display: table;
      font-size: 15px; }
      .student-info-confirmation .student-info .student-info-body p strong {
        display: table-cell;
        vertical-align: middle; }
      .student-info-confirmation .student-info .student-info-body p span {
        width: 180px;
        text-align: left;
        padding-right: 10px;
        display: table-cell;
        vertical-align: middle; }

.student-confirm-options {
  padding-top: 20px;
  text-align: right;
  width: 100%; }
  .student-confirm-options .white {
    margin-right: 10px; }

.discount-code {
  padding: 14px 0;
  margin-bottom: 20px; }
  .discount-code input {
    width: 120px;
    border-radius: 4px;
    color: #242424;
    border: none;
    transition: border-color 0.2s;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }

#amco-code {
  padding: 40px; }
  #amco-code .bottom-alert {
    max-width: 540px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    border-radius: 6px;
    background-color: #f7f7f7;
    transition: all 0.3s; }
    #amco-code .bottom-alert p {
      color: #242424;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 6px;
      text-align: center; }
    #amco-code .bottom-alert input {
      width: 300px;
      border-radius: 4px;
      margin-left: 14px;
      border: none;
      box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
    #amco-code .bottom-alert:hover {
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.21); }

.form-action.student-btn {
  width: 100%;
  margin-bottom: 4%;
  display: inline-block; }
  .form-action.student-btn input {
    float: right;
    width: 175px;
    height: 40px;
    transition: background-color 0.3s; }
.form-action .cash {
  background-position-x: 50px;
  padding-left: 40px;
  margin: 20px 0 50px; }
  .form-action .cash:disabled {
    padding: 0;
    background-image: none; }
.form-action .checking-payment {
  width: 210px;
  margin-bottom: 20px; }
.form-action .pse {
  width: 130px;
  margin: 20px 0 50px; }

.hr-text {
  margin: 0;
  border: 0;
  height: 24px;
  position: relative;
  text-align: center; }
  .hr-text:before {
    content: '';
    background-color: #EEEEEE;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px; }
  .hr-text:after {
    content: attr(data-content);
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    color: #242424;
    line-height: 24px;
    position: relative;
    background-color: white; }

.add-new-student {
  margin-bottom: 70px;
  padding: 10px 0; }
  .add-new-student label {
    color: #242424;
    float: left;
    width: 60%;
    font-size: 16px; }
  .add-new-student button.button {
    background-image: url(/assets/parents/payments/plus-circle-solid-05c0947e41c61506e9de6de571b2f06670053467c0a614f65aedf851c0aef35b.svg);
    background-size: 18px;
    background-position: 16% 50%;
    background-repeat: no-repeat;
    padding-left: 34px;
    float: right; }

.input-wrapper {
  position: absolute;
  right: 140px;
  left: 0;
  top: 0;
  bottom: 0; }

.school-code-input {
  background-color: #EAECEE; }

.form-wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  display: inline-block; }
  .form-wrapper input {
    height: 100%;
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border-radius: 4px;
    color: #242424;
    float: left;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: border-color 0.2s; }
    .form-wrapper input:focus {
      border-color: #4A90E2; }
  .form-wrapper #payment_client_state, .form-wrapper #payment_client_city, .form-wrapper #payment_client_tax_id_type, .form-wrapper #payment_client_tax_receipt_type,
  .form-wrapper #payment_client_gender, .form-wrapper #payment_client_nationality, .form-wrapper #payment_client_financial_institution, .form-wrapper #payment_client_state_credit, .form-wrapper #payment_client_city_credit {
    font-size: 16px;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border-radius: 4px;
    color: #242424;
    float: left;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: border-color 0.2s; }
    .form-wrapper #payment_client_state:focus, .form-wrapper #payment_client_city:focus, .form-wrapper #payment_client_tax_id_type:focus, .form-wrapper #payment_client_tax_receipt_type:focus,
    .form-wrapper #payment_client_gender:focus, .form-wrapper #payment_client_nationality:focus, .form-wrapper #payment_client_financial_institution:focus, .form-wrapper #payment_client_state_credit:focus, .form-wrapper #payment_client_city_credit:focus {
      border-color: #4A90E2; }
  .form-wrapper input[type=submit] {
    border: 0; }
  .form-wrapper button.button {
    position: absolute;
    right: 0;
    top: 0;
    overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 125px; }
  .form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .form-wrapper.student-form label {
    display: block; }
  .form-wrapper.student-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    padding: 8px 10px;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    background-size: 10px;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-color: white;
    background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg); }
    .form-wrapper.student-form select:focus {
      border-color: #4A90E2; }
    .form-wrapper.student-form select::-ms-expand {
      display: none; }
  .form-wrapper.student-form .name, .form-wrapper.student-form .second-name, .form-wrapper.student-form .third-name {
    float: left;
    margin-bottom: 10px; }
  .form-wrapper.student-form .second-name, .form-wrapper.student-form .third-name {
    width: 270px; }
  .form-wrapper.student-form .name, .form-wrapper.student-form .email, .form-wrapper.student-form .national_id {
    width: 300px; }
  .form-wrapper.student-form .national_id > div > input {
    text-transform: uppercase; }
  .form-wrapper.student-form .name, .form-wrapper.student-form .second-name {
    margin-right: 10px; }
  .form-wrapper.student-form .create-student-tooltip {
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    position: relative; }
    .form-wrapper.student-form .create-student-tooltip .content {
      margin: 0;
      top: 50%;
      left: 50%;
      width: 100%;
      position: absolute;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .form-wrapper.student-form .create-student-tooltip .content .tooltip-content {
        color: white;
        font-size: 14px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        background-color: #5688FF;
        padding: 6px 8px;
        padding-right: 24px;
        border-radius: 4px; }
        .form-wrapper.student-form .create-student-tooltip .content .tooltip-content::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 100%;
          margin-top: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent #5688FF transparent transparent; }
      .form-wrapper.student-form .create-student-tooltip .content .close-tooltip {
        top: 6px;
        right: 6px; }
  .form-wrapper.student-form .tooltip-arrow-left {
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #5688FF;
    margin: 0 -4px 20px 6px !important;
    display: inline-block; }
  .form-wrapper.student-form .first-group {
    display: inline-block; }
  .form-wrapper.student-form .second-group {
    width: 100%;
    margin-bottom: 20px;
    display: inline-flex; }
  .form-wrapper.student-form-horizontal {
    display: flex;
    margin: 8px 0; }
    .form-wrapper.student-form-horizontal label {
      color: #242424;
      font-size: 16px;
      font-weight: 500;
      line-height: 19px; }
    .form-wrapper.student-form-horizontal input {
      height: 40px;
      font-size: 16px;
      margin-top: 4px;
      line-height: 19px;
      color: #242424;
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid #BBBBBB;
      background-color: white;
      transition: border-color 0.2s; }
      .form-wrapper.student-form-horizontal input:focus {
        border-color: #4A90E2; }
    .form-wrapper.student-form-horizontal .field {
      margin-right: 10px; }
      .form-wrapper.student-form-horizontal .field.first-name {
        width: 240px; }
      .form-wrapper.student-form-horizontal .field.middle-name, .form-wrapper.student-form-horizontal .field.last-name {
        width: 230px; }
      .form-wrapper.student-form-horizontal .field.student-btn {
        margin-right: 0px;
        padding-top: 24px; }
    .form-wrapper.student-form-horizontal button {
      height: 40px;
      width: 162px;
      font-size: 14px;
      position: relative;
      padding: 0px; }

.school-grades {
  margin-bottom: 20px; }
  .school-grades select {
    width: 300px; }

.clear-both {
  clear: both; }

.font-size-16 {
  font-size: 16px; }

.margin-20-none {
  margin: 20px 0; }

.margin-bottom-40 {
  margin-bottom: 40px; }

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

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-right-10 {
  margin-right: 10px; }

.form_action, .payment-methods {
  text-align: right;
  margin-bottom: 64px; }

.payment-methods {
  padding-bottom: 12px;
  margin-bottom: 12px; }
  .payment-methods #cash_payment_button, .payment-methods #card_payment_button, .payment-methods #pix_payment_button {
    padding: 12px 54px; }
  .payment-methods #cash_payment_button {
    margin-left: 20px; }

.form_wrapper.hidden {
  display: none; }

#credit_card_payment_form, #cash_payment_form, #full_discount_form,
#checking_payment_form, #transfer_payment, #pix_payment_form {
  height: 100%; }
  #credit_card_payment_form .invalid-format-email-msg, #credit_card_payment_form .invalid-characters-email-msg, #credit_card_payment_form #street-long-error-msg, #credit_card_payment_form .street-long-error-msg, #cash_payment_form .invalid-format-email-msg, #cash_payment_form .invalid-characters-email-msg, #cash_payment_form #street-long-error-msg, #cash_payment_form .street-long-error-msg, #full_discount_form .invalid-format-email-msg, #full_discount_form .invalid-characters-email-msg, #full_discount_form #street-long-error-msg, #full_discount_form .street-long-error-msg,
  #checking_payment_form .invalid-format-email-msg,
  #checking_payment_form .invalid-characters-email-msg,
  #checking_payment_form #street-long-error-msg,
  #checking_payment_form .street-long-error-msg, #transfer_payment .invalid-format-email-msg, #transfer_payment .invalid-characters-email-msg, #transfer_payment #street-long-error-msg, #transfer_payment .street-long-error-msg, #pix_payment_form .invalid-format-email-msg, #pix_payment_form .invalid-characters-email-msg, #pix_payment_form #street-long-error-msg, #pix_payment_form .street-long-error-msg {
    height: 1px;
    font-weight: bold;
    color: #C2185B;
    position: relative;
    bottom: 27px;
    left: 10px; }
  #credit_card_payment_form #street-long-error-msg, #credit_card_payment_form .street-long-error-msg, #cash_payment_form #street-long-error-msg, #cash_payment_form .street-long-error-msg, #full_discount_form #street-long-error-msg, #full_discount_form .street-long-error-msg,
  #checking_payment_form #street-long-error-msg,
  #checking_payment_form .street-long-error-msg, #transfer_payment #street-long-error-msg, #transfer_payment .street-long-error-msg, #pix_payment_form #street-long-error-msg, #pix_payment_form .street-long-error-msg {
    bottom: 20px; }
  #credit_card_payment_form .email-input, #cash_payment_form .email-input, #full_discount_form .email-input,
  #checking_payment_form .email-input, #transfer_payment .email-input, #pix_payment_form .email-input {
    margin-bottom: 30px !important; }
  #credit_card_payment_form .select_card_type, #cash_payment_form .select_card_type, #full_discount_form .select_card_type,
  #checking_payment_form .select_card_type, #transfer_payment .select_card_type, #pix_payment_form .select_card_type {
    width: 65%; }
  #credit_card_payment_form .input, #cash_payment_form .input, #full_discount_form .input,
  #checking_payment_form .input, #transfer_payment .input, #pix_payment_form .input {
    padding: 0;
    margin: 0; }
    #credit_card_payment_form .input input, #cash_payment_form .input input, #full_discount_form .input input,
    #checking_payment_form .input input, #transfer_payment .input input, #pix_payment_form .input input {
      margin-bottom: 20px; }
  #credit_card_payment_form .date, #cash_payment_form .date, #full_discount_form .date,
  #checking_payment_form .date, #transfer_payment .date, #pix_payment_form .date {
    overflow: hidden; }
    #credit_card_payment_form .date label, #cash_payment_form .date label, #full_discount_form .date label,
    #checking_payment_form .date label, #transfer_payment .date label, #pix_payment_form .date label {
      clear: both;
      display: block; }
    #credit_card_payment_form .date select, #cash_payment_form .date select, #full_discount_form .date select,
    #checking_payment_form .date select, #transfer_payment .date select, #pix_payment_form .date select {
      float: left;
      margin-right: 8px; }
  #credit_card_payment_form label, #cash_payment_form label, #full_discount_form label,
  #checking_payment_form label, #transfer_payment label, #pix_payment_form label {
    display: block; }
  #credit_card_payment_form label.hidden, #cash_payment_form label.hidden, #full_discount_form label.hidden,
  #checking_payment_form label.hidden, #transfer_payment label.hidden, #pix_payment_form label.hidden {
    display: none; }
  #credit_card_payment_form .invoice_policies label, #cash_payment_form .invoice_policies label, #full_discount_form .invoice_policies label,
  #checking_payment_form .invoice_policies label, #transfer_payment .invoice_policies label, #pix_payment_form .invoice_policies label {
    display: inline; }
  #credit_card_payment_form label.radio.required, #cash_payment_form label.radio.required, #full_discount_form label.radio.required,
  #checking_payment_form label.radio.required, #transfer_payment label.radio.required, #pix_payment_form label.radio.required {
    margin-bottom: 10px; }
  #credit_card_payment_form label.collection_radio, #cash_payment_form label.collection_radio, #full_discount_form label.collection_radio,
  #checking_payment_form label.collection_radio, #transfer_payment label.collection_radio, #pix_payment_form label.collection_radio {
    display: inline;
    padding-right: 10px; }
  #credit_card_payment_form h1, #cash_payment_form h1, #full_discount_form h1,
  #checking_payment_form h1, #transfer_payment h1, #pix_payment_form h1 {
    text-align: left; }
  #credit_card_payment_form .downcase, #cash_payment_form .downcase, #full_discount_form .downcase,
  #checking_payment_form .downcase, #transfer_payment .downcase, #pix_payment_form .downcase {
    text-transform: none; }
  #credit_card_payment_form .remove_bg, #cash_payment_form .remove_bg, #full_discount_form .remove_bg,
  #checking_payment_form .remove_bg, #transfer_payment .remove_bg, #pix_payment_form .remove_bg {
    background: none; }
  #credit_card_payment_form .justify_alignment, #cash_payment_form .justify_alignment, #full_discount_form .justify_alignment,
  #checking_payment_form .justify_alignment, #transfer_payment .justify_alignment, #pix_payment_form .justify_alignment {
    text-align: justify; }
  #credit_card_payment_form .align_right, #cash_payment_form .align_right, #full_discount_form .align_right,
  #checking_payment_form .align_right, #transfer_payment .align_right, #pix_payment_form .align_right {
    text-align: right; }
  #credit_card_payment_form .align_center, #cash_payment_form .align_center, #full_discount_form .align_center,
  #checking_payment_form .align_center, #transfer_payment .align_center, #pix_payment_form .align_center {
    text-align: center; }
  #credit_card_payment_form .phone_number, #cash_payment_form .phone_number, #full_discount_form .phone_number,
  #checking_payment_form .phone_number, #transfer_payment .phone_number, #pix_payment_form .phone_number {
    font-size: 16px;
    margin-bottom: 20px; }
  #credit_card_payment_form .note, #cash_payment_form .note, #full_discount_form .note,
  #checking_payment_form .note, #transfer_payment .note, #pix_payment_form .note {
    font-size: 14px; }
  #credit_card_payment_form form li, #cash_payment_form form li, #full_discount_form form li,
  #checking_payment_form form li, #transfer_payment form li, #pix_payment_form form li {
    padding: 0 10px; }
  #credit_card_payment_form #new_student, #cash_payment_form #new_student, #full_discount_form #new_student,
  #checking_payment_form #new_student, #transfer_payment #new_student, #pix_payment_form #new_student {
    padding: 0 10px; }
    #credit_card_payment_form #new_student select, #cash_payment_form #new_student select, #full_discount_form #new_student select,
    #checking_payment_form #new_student select, #transfer_payment #new_student select, #pix_payment_form #new_student select {
      width: 100%; }
  #credit_card_payment_form input[type=submit], #cash_payment_form input[type=submit], #full_discount_form input[type=submit],
  #checking_payment_form input[type=submit], #transfer_payment input[type=submit], #pix_payment_form input[type=submit] {
    border: 0;
    transition: all 0.3s; }
  #credit_card_payment_form .section-wrapper li, #credit_card_payment_form form li li, #cash_payment_form .section-wrapper li, #cash_payment_form form li li, #full_discount_form .section-wrapper li, #full_discount_form form li li,
  #checking_payment_form .section-wrapper li,
  #checking_payment_form form li li, #transfer_payment .section-wrapper li, #transfer_payment form li li, #pix_payment_form .section-wrapper li, #pix_payment_form form li li {
    margin-bottom: 12px; }
  #credit_card_payment_form .inline_columns, #cash_payment_form .inline_columns, #full_discount_form .inline_columns,
  #checking_payment_form .inline_columns, #transfer_payment .inline_columns, #pix_payment_form .inline_columns {
    display: inline; }
  #credit_card_payment_form .columns, #credit_card_payment_form .cardholder_information, #cash_payment_form .columns, #cash_payment_form .cardholder_information, #full_discount_form .columns, #full_discount_form .cardholder_information,
  #checking_payment_form .columns,
  #checking_payment_form .cardholder_information, #transfer_payment .columns, #transfer_payment .cardholder_information, #pix_payment_form .columns, #pix_payment_form .cardholder_information {
    margin-top: 20px 0 0;
    display: inline-flex;
    width: 100%; }
    #credit_card_payment_form .columns .person-name, #credit_card_payment_form .columns .person_name, #credit_card_payment_form .columns .gender, #credit_card_payment_form .cardholder_information .person-name, #credit_card_payment_form .cardholder_information .person_name, #credit_card_payment_form .cardholder_information .gender, #cash_payment_form .columns .person-name, #cash_payment_form .columns .person_name, #cash_payment_form .columns .gender, #cash_payment_form .cardholder_information .person-name, #cash_payment_form .cardholder_information .person_name, #cash_payment_form .cardholder_information .gender, #full_discount_form .columns .person-name, #full_discount_form .columns .person_name, #full_discount_form .columns .gender, #full_discount_form .cardholder_information .person-name, #full_discount_form .cardholder_information .person_name, #full_discount_form .cardholder_information .gender,
    #checking_payment_form .columns .person-name,
    #checking_payment_form .columns .person_name,
    #checking_payment_form .columns .gender,
    #checking_payment_form .cardholder_information .person-name,
    #checking_payment_form .cardholder_information .person_name,
    #checking_payment_form .cardholder_information .gender, #transfer_payment .columns .person-name, #transfer_payment .columns .person_name, #transfer_payment .columns .gender, #transfer_payment .cardholder_information .person-name, #transfer_payment .cardholder_information .person_name, #transfer_payment .cardholder_information .gender, #pix_payment_form .columns .person-name, #pix_payment_form .columns .person_name, #pix_payment_form .columns .gender, #pix_payment_form .cardholder_information .person-name, #pix_payment_form .cardholder_information .person_name, #pix_payment_form .cardholder_information .gender {
      margin: 0;
      width: 63%; }
    #credit_card_payment_form .columns .last-name, #credit_card_payment_form .columns .last_name, #credit_card_payment_form .columns .nationality, #credit_card_payment_form .cardholder_information .last-name, #credit_card_payment_form .cardholder_information .last_name, #credit_card_payment_form .cardholder_information .nationality, #cash_payment_form .columns .last-name, #cash_payment_form .columns .last_name, #cash_payment_form .columns .nationality, #cash_payment_form .cardholder_information .last-name, #cash_payment_form .cardholder_information .last_name, #cash_payment_form .cardholder_information .nationality, #full_discount_form .columns .last-name, #full_discount_form .columns .last_name, #full_discount_form .columns .nationality, #full_discount_form .cardholder_information .last-name, #full_discount_form .cardholder_information .last_name, #full_discount_form .cardholder_information .nationality,
    #checking_payment_form .columns .last-name,
    #checking_payment_form .columns .last_name,
    #checking_payment_form .columns .nationality,
    #checking_payment_form .cardholder_information .last-name,
    #checking_payment_form .cardholder_information .last_name,
    #checking_payment_form .cardholder_information .nationality, #transfer_payment .columns .last-name, #transfer_payment .columns .last_name, #transfer_payment .columns .nationality, #transfer_payment .cardholder_information .last-name, #transfer_payment .cardholder_information .last_name, #transfer_payment .cardholder_information .nationality, #pix_payment_form .columns .last-name, #pix_payment_form .columns .last_name, #pix_payment_form .columns .nationality, #pix_payment_form .cardholder_information .last-name, #pix_payment_form .cardholder_information .last_name, #pix_payment_form .cardholder_information .nationality {
      margin-left: 40px; }
    #credit_card_payment_form .columns .gender select, #credit_card_payment_form .cardholder_information .gender select, #cash_payment_form .columns .gender select, #cash_payment_form .cardholder_information .gender select, #full_discount_form .columns .gender select, #full_discount_form .cardholder_information .gender select,
    #checking_payment_form .columns .gender select,
    #checking_payment_form .cardholder_information .gender select, #transfer_payment .columns .gender select, #transfer_payment .cardholder_information .gender select, #pix_payment_form .columns .gender select, #pix_payment_form .cardholder_information .gender select {
      width: 25.50rem; }
    #credit_card_payment_form .columns .zip_code, #credit_card_payment_form .cardholder_information .zip_code, #cash_payment_form .columns .zip_code, #cash_payment_form .cardholder_information .zip_code, #full_discount_form .columns .zip_code, #full_discount_form .cardholder_information .zip_code,
    #checking_payment_form .columns .zip_code,
    #checking_payment_form .cardholder_information .zip_code, #transfer_payment .columns .zip_code, #transfer_payment .cardholder_information .zip_code, #pix_payment_form .columns .zip_code, #pix_payment_form .cardholder_information .zip_code {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 100px;
      margin-left: 0; }
      #credit_card_payment_form .columns .zip_code input, #credit_card_payment_form .cardholder_information .zip_code input, #cash_payment_form .columns .zip_code input, #cash_payment_form .cardholder_information .zip_code input, #full_discount_form .columns .zip_code input, #full_discount_form .cardholder_information .zip_code input,
      #checking_payment_form .columns .zip_code input,
      #checking_payment_form .cardholder_information .zip_code input, #transfer_payment .columns .zip_code input, #transfer_payment .cardholder_information .zip_code input, #pix_payment_form .columns .zip_code input, #pix_payment_form .cardholder_information .zip_code input {
        width: 6.3em; }
    #credit_card_payment_form .columns .address, #credit_card_payment_form .cardholder_information .address, #cash_payment_form .columns .address, #cash_payment_form .cardholder_information .address, #full_discount_form .columns .address, #full_discount_form .cardholder_information .address,
    #checking_payment_form .columns .address,
    #checking_payment_form .cardholder_information .address, #transfer_payment .columns .address, #transfer_payment .cardholder_information .address, #pix_payment_form .columns .address, #pix_payment_form .cardholder_information .address {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 340px; }
      #credit_card_payment_form .columns .address input, #credit_card_payment_form .cardholder_information .address input, #cash_payment_form .columns .address input, #cash_payment_form .cardholder_information .address input, #full_discount_form .columns .address input, #full_discount_form .cardholder_information .address input,
      #checking_payment_form .columns .address input,
      #checking_payment_form .cardholder_information .address input, #transfer_payment .columns .address input, #transfer_payment .cardholder_information .address input, #pix_payment_form .columns .address input, #pix_payment_form .cardholder_information .address input {
        width: 22.3em; }
    #credit_card_payment_form .columns .left, #credit_card_payment_form .cardholder_information .left, #cash_payment_form .columns .left, #cash_payment_form .cardholder_information .left, #full_discount_form .columns .left, #full_discount_form .cardholder_information .left,
    #checking_payment_form .columns .left,
    #checking_payment_form .cardholder_information .left, #transfer_payment .columns .left, #transfer_payment .cardholder_information .left, #pix_payment_form .columns .left, #pix_payment_form .cardholder_information .left {
      float: left; }
    #credit_card_payment_form .columns span.mail_tip, #credit_card_payment_form .cardholder_information span.mail_tip, #cash_payment_form .columns span.mail_tip, #cash_payment_form .cardholder_information span.mail_tip, #full_discount_form .columns span.mail_tip, #full_discount_form .cardholder_information span.mail_tip,
    #checking_payment_form .columns span.mail_tip,
    #checking_payment_form .cardholder_information span.mail_tip, #transfer_payment .columns span.mail_tip, #transfer_payment .cardholder_information span.mail_tip, #pix_payment_form .columns span.mail_tip, #pix_payment_form .cardholder_information span.mail_tip {
      font-style: italic;
      font-size: 12px; }
    #credit_card_payment_form .columns input[type=password], #credit_card_payment_form .cardholder_information input[type=password], #cash_payment_form .columns input[type=password], #cash_payment_form .cardholder_information input[type=password], #full_discount_form .columns input[type=password], #full_discount_form .cardholder_information input[type=password],
    #checking_payment_form .columns input[type=password],
    #checking_payment_form .cardholder_information input[type=password], #transfer_payment .columns input[type=password], #transfer_payment .cardholder_information input[type=password], #pix_payment_form .columns input[type=password], #pix_payment_form .cardholder_information input[type=password] {
      font-family: 'Verdana'; }
  #credit_card_payment_form .message, #cash_payment_form .message, #full_discount_form .message,
  #checking_payment_form .message, #transfer_payment .message, #pix_payment_form .message {
    background: #f0f4fe url(/assets/parents/payments/alert-info-19be79289d28d94e536a9fa1bc3c4f41491330edce4e4a0610dbc35037f16ced.svg) 3% 50% no-repeat;
    border-radius: 4px;
    color: #3647A4;
    font-family: normal normal bold 15px/15px Roboto;
    margin: 20px 0 20px;
    padding: 10px 0 10px 80px;
    text-align: left; }
  #credit_card_payment_form .card-container, #cash_payment_form .card-container, #full_discount_form .card-container,
  #checking_payment_form .card-container, #transfer_payment .card-container, #pix_payment_form .card-container {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    background-color: #F0F7FD; }
    #credit_card_payment_form .card-container .card-instructions select, #cash_payment_form .card-container .card-instructions select, #full_discount_form .card-container .card-instructions select,
    #checking_payment_form .card-container .card-instructions select, #transfer_payment .card-container .card-instructions select, #pix_payment_form .card-container .card-instructions select {
      width: 100%;
      margin-bottom: 10px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      outline: none;
      padding: 8px 10px;
      border: 1px solid #BBBBBB;
      border-radius: 4px;
      font-size: 16px;
      height: 40px;
      background-size: 10px;
      background-position: 97% 50%;
      background-repeat: no-repeat;
      background-color: white;
      background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg); }
      #credit_card_payment_form .card-container .card-instructions select:focus, #cash_payment_form .card-container .card-instructions select:focus, #full_discount_form .card-container .card-instructions select:focus,
      #checking_payment_form .card-container .card-instructions select:focus, #transfer_payment .card-container .card-instructions select:focus, #pix_payment_form .card-container .card-instructions select:focus {
        border-color: #4A90E2; }
      #credit_card_payment_form .card-container .card-instructions select::-ms-expand, #cash_payment_form .card-container .card-instructions select::-ms-expand, #full_discount_form .card-container .card-instructions select::-ms-expand,
      #checking_payment_form .card-container .card-instructions select::-ms-expand, #transfer_payment .card-container .card-instructions select::-ms-expand, #pix_payment_form .card-container .card-instructions select::-ms-expand {
        display: none; }
    #credit_card_payment_form .card-container .card-wrapper .input, #cash_payment_form .card-container .card-wrapper .input, #full_discount_form .card-container .card-wrapper .input,
    #checking_payment_form .card-container .card-wrapper .input, #transfer_payment .card-container .card-wrapper .input, #pix_payment_form .card-container .card-wrapper .input {
      height: 50px; }
    #credit_card_payment_form .card-container .card-wrapper input, #cash_payment_form .card-container .card-wrapper input, #full_discount_form .card-container .card-wrapper input,
    #checking_payment_form .card-container .card-wrapper input, #transfer_payment .card-container .card-wrapper input, #pix_payment_form .card-container .card-wrapper input {
      width: 100%;
      margin-bottom: 0; }
    #credit_card_payment_form .card-container .card-types img, #cash_payment_form .card-container .card-types img, #full_discount_form .card-container .card-types img,
    #checking_payment_form .card-container .card-types img, #transfer_payment .card-container .card-types img, #pix_payment_form .card-container .card-types img {
      width: 160px; }
    #credit_card_payment_form .card-container .columns, #cash_payment_form .card-container .columns, #full_discount_form .card-container .columns,
    #checking_payment_form .card-container .columns, #transfer_payment .card-container .columns, #pix_payment_form .card-container .columns {
      width: 100%;
      margin-top: 10px; }
    #credit_card_payment_form .card-container .dates, #cash_payment_form .card-container .dates, #full_discount_form .card-container .dates,
    #checking_payment_form .card-container .dates, #transfer_payment .card-container .dates, #pix_payment_form .card-container .dates {
      padding-left: 30px; }

#secondary_payment_widget ul {
  margin: 0; }
  #secondary_payment_widget ul li {
    font-size: 1.2em;
    line-height: .8em; }
  #secondary_payment_widget ul .student_info {
    transition: background 0.3s;
    padding: 10px;
    margin: 0 0 10px;
    line-height: 18px;
    border-radius: 4px;
    position: relative; }
    #secondary_payment_widget ul .student_info:hover {
      background-color: #fafafa; }
    #secondary_payment_widget ul .student_info .name {
      font-size: 18px;
      font-weight: 500;
      color: #124F89;
      margin-bottom: 10px; }
    #secondary_payment_widget ul .student_info .amount_per_student {
      position: relative;
      left: 730px;
      bottom: 65px;
      font-weight: bold;
      color: #242424; }
  #secondary_payment_widget ul .remove_student {
    bottom: 10px;
    right: 10px; }
  #secondary_payment_widget ul li.title {
    color: black;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0; }
  #secondary_payment_widget ul .total {
    height: 60px;
    color: #242424;
    font-size: 22px;
    font-weight: 500;
    text-align: right; }
    #secondary_payment_widget ul .total .name {
      float: right; }
    #secondary_payment_widget ul .total .amount {
      padding-left: 10px;
      float: right; }
    #secondary_payment_widget ul .total div#total_payment_amount {
      margin-bottom: 18px;
      text-align: right; }
      #secondary_payment_widget ul .total div#total_payment_amount .updating {
        font-size: 0;
        background: url(/assets/gui/blue_ajax_loader-c44ecb032d881b370cb3df06e8a43185d30d36fbb0d2dde00c9db91999dfcc50.gif) no-repeat right center; }

.remove_student {
  position: absolute;
  color: white;
  text-align: center;
  font-size: 19px;
  text-decoration: none;
  line-height: 20px;
  font-weight: bold;
  height: 20px;
  width: 20px;
  font-family: arial, sans-serif;
  padding-top: 0;
  border: 2px solid #124F89;
  background-color: #124F89;
  border-radius: 12px;
  overflow: visible;
  transition: all 0.2s; }
  .remove_student.widget {
    color: #124F89;
    background-color: white; }
  .remove_student.close-tooltip {
    border: 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    color: #124F89;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background-color: white; }
    .remove_student.close-tooltip:hover {
      color: #124F89;
      background-color: #f7f7f7; }
  .remove_student:hover {
    transform: scale(1.2);
    text-decoration: none;
    color: white;
    background-color: #165fa4;
    border-color: #165fa4; }

#card_payment_button .button, #pix_payment_button .button, #cash_payment_button .button {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: background 0.3s;
  display: inline;
  background-color: #124F89;
  border-radius: 3px;
  color: white;
  border: none;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  height: 35px;
  padding: 6px 20px; }
  #card_payment_button .button:hover, #pix_payment_button .button:hover, #cash_payment_button .button:hover {
    background-color: #1b77ce;
    text-decoration: none; }
  #card_payment_button .button:disabled, #card_payment_button .button[disabled], #pix_payment_button .button:disabled, #pix_payment_button .button[disabled], #cash_payment_button .button:disabled, #cash_payment_button .button[disabled] {
    background-color: #EEEEEE !important;
    color: #ccc !important;
    box-shadow: none;
    cursor: default; }

.password-help {
  display: none; }

.password input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0 !important; }
.password span.error {
  margin-left: 0 !important; }
.password .input.password label {
  display: block;
  width: 100%;
  margin: 0;
  background-image: url(/assets/parents/payments/question-circle-solid-c9babde9f7d66e40ab8ded58ac976714e9468ac30f70be8b6878b8b88cb5b0f4.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 100% 50%; }
  .password .input.password label:hover {
    cursor: pointer; }

.image_cvv {
  text-align: center; }

#fancybox-wrap {
  width: 960px !important; }

#fancybox-content {
  border: 1px solid white;
  border-radius: 4px; }

#fancybox-outer {
  border-radius: 4px; }

.expiration label {
  margin: 0; }
.expiration select {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  padding: 8px 10px;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  font-size: 16px;
  height: 40px;
  background-size: 10px;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg);
  background-position: 92% 50%;
  padding: 8px 30px 8px 14px; }
  .expiration select:focus {
    border-color: #4A90E2; }
  .expiration select::-ms-expand {
    display: none; }

#payment_options {
  transition: all 0.3s;
  box-shadow: 0 0 4px 0 rgba(136, 136, 136, 0.5);
  background-color: white;
  border-radius: 4px;
  float: none;
  margin: 0 0 10px;
  padding: 20px; }
  #payment_options .payment_option_advice {
    color: #424242;
    margin: 12px; }
  #payment_options div.input.radio {
    overflow: hidden;
    *zoom: 1; }
    #payment_options div.input.radio span {
      display: flex; }
      #payment_options div.input.radio span label {
        display: inline;
        font-size: 16px;
        color: #242424; }
    #payment_options div.input.radio span.hidden {
      display: none; }
  #payment_options .select {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 260px;
    margin-left: 0; }
    #payment_options .select select {
      width: 17em; }
  #payment_options #partners {
    text-align: center;
    margin: 0;
    opacity: 1; }
    #payment_options #partners img {
      width: 50%; }
  #payment_options input[type=radio] {
    margin: 4px 10px 0 1px;
    padding: 0;
    width: 14px;
    height: 14px; }
  #payment_options.disabled {
    background-color: #fafafa;
    box-shadow: none; }
    #payment_options.disabled span, #payment_options.disabled label, #payment_options.disabled .payment_option_advice {
      color: #D5D5D5 !important; }
    #payment_options.disabled #partners {
      margin: 0;
      opacity: 0.2; }
      #payment_options.disabled #partners img {
        width: 50%; }

.hidden {
  display: none; }

#avs_validation, #amex_message_content {
  overflow: inherit; }

#avs_validation.visible {
  padding-top: 20px;
  width: 100%;
  display: inline-flex; }
  #avs_validation.visible .address {
    margin: 0; }
    #avs_validation.visible .address input {
      width: 425px; }
  #avs_validation.visible .zip-code {
    margin-left: 40px; }
    #avs_validation.visible .zip-code input {
      width: 355px; }

.invoice_policies, .email_privacy_info, .information_policies {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0;
  text-align: justify; }
  .invoice_policies label, .invoice_policies a, .email_privacy_info label, .email_privacy_info a, .information_policies label, .information_policies a {
    font-size: 18px;
    float: none !important;
    width: auto !important;
    display: inline;
    text-transform: none; }
  .invoice_policies label, .email_privacy_info label, .information_policies label {
    color: #31333B;
    font-size: 16px;
    margin-left: 10px; }

div.invoice_policies, .information_policies {
  clear: both;
  margin: 20px 0 0;
  text-align: justify; }
  div.invoice_policies input, div.invoice_policies a, .information_policies input, .information_policies a {
    font-size: 18px; }
  div.invoice_policies label, .information_policies label {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 80px;
    margin-right: 0;
    color: #31333B;
    font-size: 16px; }
  div.invoice_policies a, .information_policies a {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 172px;
    margin-left: 0;
    margin-top: -1px; }

#invoice_policies_text {
  display: none;
  padding: 4em;
  clear: both; }

#email_privacy_policies_text, #privacy_policies_text {
  display: none; }
  #email_privacy_policies_text .student-list, #privacy_policies_text .student-list {
    width: 95%;
    margin: 10px 10px 10px 40px; }
    #email_privacy_policies_text .student-list .student-msg, #privacy_policies_text .student-list .student-msg {
      margin: 10px 0px 10px 0px; }
    #email_privacy_policies_text .student-list .student-controls, #privacy_policies_text .student-list .student-controls {
      margin: 20px 0px 0px 0px; }
    #email_privacy_policies_text .student-list .grand-total, #privacy_policies_text .student-list .grand-total {
      margin: 20px 0px 30px 0px; }
      #email_privacy_policies_text .student-list .grand-total .amount, #privacy_policies_text .student-list .grand-total .amount {
        text-align: left; }
    #email_privacy_policies_text .student-list .pay, #privacy_policies_text .student-list .pay {
      margin: 20px 0px 50px 0px; }
    #email_privacy_policies_text .student-list .student-info, #privacy_policies_text .student-list .student-info {
      display: table;
      width: 100%;
      font-size: smaller; }
      #email_privacy_policies_text .student-list .student-info .student-checkbox, #privacy_policies_text .student-list .student-info .student-checkbox {
        margin: 10px 5px 10px 5px;
        margin: auto;
        width: 20%;
        float: left; }
      #email_privacy_policies_text .student-list .student-info .student-data, #privacy_policies_text .student-list .student-info .student-data {
        margin: 5px;
        width: 30%;
        float: left; }
      #email_privacy_policies_text .student-list .student-info .student-grade-info, #privacy_policies_text .student-list .student-info .student-grade-info {
        margin: 10px 5px 10px 5px;
        padding-left: 5px;
        width: 30%;
        height: 100%;
        float: left; }
      #email_privacy_policies_text .student-list .student-info .student-payment-amount, #privacy_policies_text .student-list .student-info .student-payment-amount {
        margin: 10px 5px 10px 5px;
        width: 5%;
        float: left; }

.breadcrumbs-wrapper {
  width: 80%;
  height: 70px;
  margin: 40px auto 0; }
  .breadcrumbs-wrapper .step {
    width: 40px;
    height: 40px;
    counter-increment: step;
    line-height: 40px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    color: white;
    background-color: #124F89;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .breadcrumbs-wrapper .progressbar {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    counter-reset: step; }
    .breadcrumbs-wrapper .progressbar li {
      list-style-type: none;
      width: 28%;
      float: left;
      font-size: 14px;
      position: relative;
      text-align: center;
      font-weight: 500;
      text-transform: uppercase;
      color: #D5D5D5; }
      .breadcrumbs-wrapper .progressbar li:after {
        width: 100%;
        height: 2px;
        content: '';
        position: absolute;
        background-color: #EEEEEE;
        top: 20px;
        left: -60%;
        z-index: -1; }
      .breadcrumbs-wrapper .progressbar li:first-child:after {
        content: none; }
      .breadcrumbs-wrapper .progressbar li.current {
        color: #124F89; }
        .breadcrumbs-wrapper .progressbar li.current .step {
          color: white;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          text-shadow: 0 0 2px #444;
          background-color: #124F89; }
        .breadcrumbs-wrapper .progressbar li.current:before {
          color: white;
          background-color: #124F89; }
        .breadcrumbs-wrapper .progressbar li.current ~ li {
          color: #D5D5D5; }
          .breadcrumbs-wrapper .progressbar li.current ~ li .step {
            background-color: #EEEEEE;
            color: #D5D5D5; }

body #main .wrapper #content {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 940px;
  position: relative;
  left: 0px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.25);
  padding: 0;
  border: none;
  margin-bottom: 220px; }
  body #main .wrapper #content #section_content {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    position: relative;
    left: 0px;
    left: 0;
    margin: 0; }
    body #main .wrapper #content #section_content .clients.index .container-search-body .form-search-code .search-input .button.submit {
      padding: 13px; }
    body #main .wrapper #content #section_content .clients.index .comfirm:last-child {
      text-align: center; }
    body #main .wrapper #content #section_content #banner {
      background-image: url(/assets/parents/payments/banner-4419759e62093657f3a647572ca577e1c56feae867977552c04942f2881408c0.png);
      background-size: cover;
      height: 77px;
      background-repeat: no-repeat; }
      body #main .wrapper #content #section_content #banner .banner-text {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-top: 22px;
        padding: 0 40px; }
        body #main .wrapper #content #section_content #banner .banner-text p {
          color: #FFFFFF;
          font-family: 'Roboto', sans-serif;
          font-size: 22px;
          font-weight: 500;
          line-height: 36px;
          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
          text-align: left; }
      body #main .wrapper #content #section_content #banner .banner-action {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 180px;
        margin-top: 18px; }
    body #main .wrapper #content #section_content #welcome_screen {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 780px;
      position: relative;
      left: 60px;
      text-align: center; }
      body #main .wrapper #content #section_content #welcome_screen #title {
        color: #242424;
        font-family: Roboto;
        font-size: 28px;
        font-weight: bold;
        line-height: 33px;
        margin-top: 32px; }
      body #main .wrapper #content #section_content #welcome_screen .text-container {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 780px; }
        body #main .wrapper #content #section_content #welcome_screen .text-container p {
          color: #242424;
          font-family: Roboto;
          font-size: 16px;
          line-height: 19px;
          text-align: center;
          margin: 8px auto; }
          body #main .wrapper #content #section_content #welcome_screen .text-container p.small {
            font-size: 14px;
            line-height: 16px; }
          body #main .wrapper #content #section_content #welcome_screen .text-container p span {
            font-weight: bold; }
        body #main .wrapper #content #section_content #welcome_screen .text-container.text-centered {
          display: inline;
          float: left;
          margin-left: 10px;
          margin-right: 10px;
          width: 540px;
          position: relative;
          left: 106.4px;
          margin-top: 52px;
          margin-bottom: 30px;
          text-align: center; }
      body #main .wrapper #content #section_content #welcome_screen #search_parent {
        display: inline;
        float: left;
        margin-bottom: 40px; }
        body #main .wrapper #content #section_content #welcome_screen #search_parent input {
          width: 349px; }
    body #main .wrapper #content #section_content #school_search .instructions {
      color: #242424;
      font-family: Roboto;
      font-size: 16px;
      font-weight: bold; }
    body #main .wrapper #content #section_content #school_search #school-lookup {
      display: flex;
      flex-wrap: wrap; }
    body #main .wrapper #content #section_content #school_search .school-inputs {
      width: 100%; }
      body #main .wrapper #content #section_content #school_search .school-inputs .form-control {
        display: flex;
        width: 31.5%;
        flex-direction: column;
        float: left;
        padding-top: 12px;
        padding-bottom: 8px;
        padding-right: 1.5%; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control.form-control-lg {
          width: 73%; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control.adjust-btn {
          max-width: 219px;
          width: 100% !important;
          padding-right: 0px; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control.form-control-sm {
          width: 23%; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control label {
          color: #242424;
          font-size: 16px;
          font-weight: bold;
          line-height: 19px;
          margin-bottom: 8px; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control select {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          outline: none;
          padding: 8px 10px;
          border: 1px solid #BBBBBB;
          border-radius: 4px;
          font-size: 16px;
          height: 40px;
          background-size: 10px;
          background-position: 97% 50%;
          background-repeat: no-repeat;
          background-color: white;
          background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg); }
          body #main .wrapper #content #section_content #school_search .school-inputs .form-control select:focus {
            border-color: #4A90E2; }
          body #main .wrapper #content #section_content #school_search .school-inputs .form-control select::-ms-expand {
            display: none; }
        body #main .wrapper #content #section_content #school_search .school-inputs .form-control input {
          box-sizing: border-box;
          height: 40px;
          border: 1px solid #BBBBBB;
          border-radius: 4px;
          transition: border-color 0.2s;
          font-size: 16px; }
          body #main .wrapper #content #section_content #school_search .school-inputs .form-control input:focus {
            border-color: #4A90E2; }
          body #main .wrapper #content #section_content #school_search .school-inputs .form-control input.btn {
            margin-top: 26px; }
          body #main .wrapper #content #section_content #school_search .school-inputs .form-control input[type=submit] {
            border: 0;
            text-transform: uppercase; }
    body #main .wrapper #content #section_content #school_search .student-form .field {
      float: left;
      margin: 8px 16px 8px 0; }
    body #main .wrapper #content #section_content #school_search .student-form .first-name {
      width: 270px; }
    body #main .wrapper #content #section_content #school_search .student-form .middle-name {
      width: 200px; }
    body #main .wrapper #content #section_content #school_search .student-form .last-name {
      width: 200px; }
    body #main .wrapper #content #section_content #school_search .student-form .student-btn {
      margin: 8px 0; }
    body #main .wrapper #content #section_content #school_search .student-form input {
      box-sizing: border-box;
      height: 40px;
      border: 1px solid #C5C5C5;
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.14); }
    body #main .wrapper #content #section_content #school_search .student-form button {
      position: relative;
      width: 162px;
      margin-top: 26px; }
    body #main .wrapper #content #section_content #school_search #school_select {
      margin-top: 20px;
      width: 100%; }
      body #main .wrapper #content #section_content #school_search #school_select label {
        color: #242424;
        font-size: 16px;
        font-weight: bold; }
      body #main .wrapper #content #section_content #school_search #school_select ul {
        list-style: none;
        margin-top: 10px; }
        body #main .wrapper #content #section_content #school_search #school_select ul a {
          text-decoration: none; }
          body #main .wrapper #content #section_content #school_search #school_select ul a li {
            margin-left: 0px;
            border-radius: 4px;
            transition: background-color 0.2s;
            background-color: #124F89;
            padding: 20px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.14);
            color: white; }
            body #main .wrapper #content #section_content #school_search #school_select ul a li:hover {
              background-color: #165fa4; }

.generic-flash-error, body #main .wrapper #content #section_content #school_search #school_select .error, #email-subscreen .error, body .wrapper #content .error, body .wrapper #content .info {
  background: #FCE8E8 url(/assets/parents/payments/alert-error-24fb0e35438dfdfd4843c727dcd5483e5a55582a5bfc103b8e6139189dc12db8.svg) 2.5% 40% no-repeat;
  border-radius: 6px;
  color: #BA1D18;
  font: normal normal normal 15px/20px 'Roboto';
  margin-bottom: 2%;
  padding: 15px 80px 15px 95px;
  position: relative;
  text-align: left; }
  .generic-flash-error .close, body #main .wrapper #content #section_content #school_search #school_select .error .close, #email-subscreen .error .close, body .wrapper #content .error .close, body .wrapper #content .info .close {
    align-items: center;
    background: rgba(0, 0, 0, 0.2) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: lighter;
    height: 16px;
    justify-content: center;
    left: 97.5%;
    top: 7%;
    position: absolute;
    width: 16px; }

.generic-flash-error b, body #main .wrapper #content #section_content #school_search #school_select .error b, #email-subscreen .error b, body .wrapper #content .error b, body .wrapper #content .info b {
  font-size: 16px;
  font-weight: bold; }

.success {
  background-color: #4BC27B !important; }

.sad-face-icon-white, body #main .wrapper #content #section_content #school_search #school_select .error, #email-subscreen .error {
  background-image: url(/assets/parents/payments/sad-tear-white-7574a8ba967b7477506b26b8c1871569a6aa492916ff475856b0dd8e047a19f5.svg); }

#widget {
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5);
  padding: 14px;
  margin-top: 10px; }
  #widget .header .title {
    color: #242424;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px; }
  #widget .element .title {
    color: #242424;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    line-height: 16px;
    float: left;
    width: 165px; }
  #widget .element .remove {
    float: left;
    width: 21px;
    color: #0B355B; }
  #widget .element .description {
    padding-top: 28px;
    color: #242424;
    font-family: Verdana;
    font-size: 11px;
    line-height: 13px; }
  #widget .footer .title {
    color: #0B355B;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.65px;
    line-height: 19px; }
    #widget .footer .title .right-text {
      text-align: right;
      float: right; }
    #widget .footer .title .left-text {
      text-align: left;
      float: left; }
  #widget .footer .description {
    height: 12px;
    width: 100%;
    color: #242424;
    font-family: Verdana;
    font-size: 10px;
    letter-spacing: -0.54px;
    line-height: 12px;
    float: left;
    margin: 10px 0; }
  #widget .footer .card-img, #widget .footer .make-payment a.btn, #widget .footer .make-payment a.btn:hover {
    background-image: url(/assets/parents/payments/credit-card-solid-6c985c6c6afc74964aa34fe71a41d85683da4d872c7b082abf676093f3f57b1e.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 24px;
    background-size: 18px; }
  #widget .footer .make-payment {
    width: 100%;
    display: inline-flex; }
    #widget .footer .make-payment a.btn {
      width: 100%;
      padding: 10px 0;
      font-weight: 500;
      box-shadow: none;
      margin-top: 15px;
      text-decoration: none;
      padding-left: 28px;
      background-color: #F7D805;
      transition: background 0.3s; }
      #widget .footer .make-payment a.btn:hover {
        background-color: #edcf05; }

.amco_code .discount_code {
  display: flex; }
  .amco_code .discount_code input[type="submit"] {
    margin-left: 16px;
    width: 203px;
    font-size: 16px;
    text-transform: uppercase; }
  .amco_code .discount_code input[type="text"] {
    width: 261px; }

body .wrapper #content #flash .error, body .wrapper #content #flash .info, body .wrapper #content #flash .success {
  background-position: 3% 50%;
  background-size: 40px 40px;
  font: normal normal normal 18px/18px 'Roboto';
  margin: 24px 40px;
  opacity: 1 !important;
  padding: 30px 20px 30px 80px; }
body .wrapper #content #flash .success {
  background-image: url(/assets/parents/payments/alert-success-4165648763c038e2da8a8c3a7d5e38de3a9e1e69afc8011b018e05d1c1709e45.svg) 3% 50% no-repeat;
  color: #197741; }
body .wrapper #content #flash .info {
  height: auto !important;
  background: #f0f4fe url(/assets/parents/payments/alert-info-19be79289d28d94e536a9fa1bc3c4f41491330edce4e4a0610dbc35037f16ced.svg) 3% 50% no-repeat;
  color: #3647A4; }
body .wrapper #content #flash .error {
  height: auto !important;
  background-image: #FCE8E8 url(/assets/parents/payments/alert-error-24fb0e35438dfdfd4843c727dcd5483e5a55582a5bfc103b8e6139189dc12db8.svg) 3% 50% no-repeat;
  color: #BA1D18; }
body .wrapper #content .payment-success {
  padding-top: 15px !important;
  line-height: 25px !important;
  margin: 24px 40px;
  opacity: 1 !important;
  border-radius: 8px;
  background-position: 3% 50%;
  background-size: 40px 40px;
  background-color: #E3FCED !important;
  background-repeat: no-repeat;
  background-image: url(/assets/parents/payments/alert-success-4165648763c038e2da8a8c3a7d5e38de3a9e1e69afc8011b018e05d1c1709e45.svg); }
  body .wrapper #content .payment-success b {
    font: normal normal bold 18px/18px Roboto; }
body .wrapper #content .provider-info {
  background: #eae7f2 url(/assets/parents/payments/alert-info-19be79289d28d94e536a9fa1bc3c4f41491330edce4e4a0610dbc35037f16ced.svg) 3% 50% no-repeat;
  color: #25157d;
  line-height: 25px !important;
  margin: 24px 40px;
  opacity: 1 !important;
  border-radius: 8px;
  background-position: 3% 50%;
  font-size: 19px;
  padding: 30px 20px 30px 80px; }
body .wrapper #content .pse-advise {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  color: #98722B;
  background: #FDFAEA;
  border: #98722B solid thin;
  border-radius: 4px;
  padding: 8px;
  position: relative;
  margin-top: 50px; }
body .wrapper #content .pse-redirect {
  margin-left: 0;
  margin-right: 0; }
body .wrapper #content .provider-error {
  background: #FCE8E8 url(/assets/parents/payments/alert-error-24fb0e35438dfdfd4843c727dcd5483e5a55582a5bfc103b8e6139189dc12db8.svg) 3% 50% no-repeat;
  color: #BA1D18;
  line-height: 25px !important;
  margin: 24px 40px;
  opacity: 1 !important;
  border-radius: 8px;
  background-position: 3% 50%;
  font-size: 18px;
  padding: 30px 20px 30px 80px; }
body .wrapper #content .params_message {
  padding: 0 0 5px 20px; }
body .wrapper #content #flash_message, body .wrapper #content #ajax_flash_message {
  background-color: #C2185B;
  background-size: 22px;
  background-position: 30px 50%;
  background-repeat: no-repeat;
  background-image: url(/assets/parents/payments/exclamation-triangle-solid-white-90bb48d1b3f06fbf0ccbd9e909250955f58ef19785105f95bb5309decdbb68ff.svg);
  padding-left: 60px;
  text-align: left;
  margin-top: 20px;
  display: none; }
body .wrapper #content .text-danger {
  color: #C2185B; }
body .wrapper #content form .error {
  border: 0;
  color: white;
  font-size: 14px;
  margin: 4px 0;
  padding: 2px 10px;
  border-radius: 4px;
  text-transform: none;
  display: inline-block;
  background-image: none;
  background-color: #C2185B;
  position: relative;
  top: -20px; }
body .wrapper #content .error .add a, body .wrapper #content .info .add a {
  color: white;
  display: block;
  background-color: #003366;
  border-radius: 4px;
  padding: 0.5em 0.5em;
  width: 8em;
  margin: 1em auto;
  text-align: center; }
body .wrapper #content .error .add a:hover, body .wrapper #content .info .add a:hover {
  background-color: #1e5184;
  text-decoration: none; }

.options {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between; }
  .options .option {
    width: 190px;
    font-size: 16px;
    cursor: pointer;
    padding: 20px 0;
    font-weight: bold;
    text-align: center;
    color: #242424;
    margin-bottom: 20px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #BBBBBB;
    text-transform: capitalize;
    transition: all 0.1s; }
    .options .option:hover, .options .option.selected {
      color: white;
      border: 1px solid #124F89;
      background-color: #124F89;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.14); }

.invoice_policies, .email_privacy_info, .information_policies {
  font-size: 14px;
  line-height: 150%;
  margin: 0;
  text-align: justify; }
  .invoice_policies .checkbox, .email_privacy_info .checkbox, .information_policies .checkbox {
    margin: 2px 10px 0 0;
    padding: 0;
    width: 14px;
    height: 14px; }
  .invoice_policies a, .email_privacy_info a, .information_policies a {
    color: #124F89;
    font-size: 14px !important;
    margin: 0 !important; }
  .invoice_policies label, .email_privacy_info label, .information_policies label {
    color: #242424;
    font-weight: normal !important;
    font-size: 14px !important;
    margin: 0 !important; }

.information_policies {
  padding-top: 15px; }

.deposit-slips {
  width: 90%;
  padding: 20px 0;
  margin: 0 auto; }

table.table-blue {
  border-radius: 4px;
  color: #242424;
  font-family: Roboto;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
  table.table-blue th, table.table-blue td {
    background-color: #F9FCFF;
    padding: 8px 16px;
    width: 100%; }
  table.table-blue th.selected, table.table-blue td.selected {
    background: #C8E1F8; }

#prices {
  padding-top: 15px; }
  #prices p {
    color: #242424;
    font-family: Roboto;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold; }
  #prices #table-prices .due-date {
    float: left; }
  #prices #table-prices .price {
    float: right;
    font-weight: bold; }

.print-deposit-slip {
  width: 100%;
  margin: 20px 0; }
  .print-deposit-slip .btn-container, .print-deposit-slip .flash-info-epago {
    margin: 0 auto; }
  .print-deposit-slip .btn-container {
    width: 90%;
    text-align: right; }
    .print-deposit-slip .btn-container a {
      text-transform: uppercase; }
  .print-deposit-slip .flash-info-epago {
    margin-top: 20px;
    width: 88%;
    padding: 10px;
    border-radius: 5px;
    background-color: #e4f1fe; }
    .print-deposit-slip .flash-info-epago p, .print-deposit-slip .flash-info-epago a {
      font-size: 16px;
      color: #23588d;
      margin: 0; }

.receipt .print-solid-icon {
  height: 100%;
  width: 170px;
  padding: 8px 0px;
  padding-left: 24px !important;
  text-align: center;
  text-transform: uppercase;
  background-position: 12% 50%; }
.receipt .top-message {
  height: 100%; }
.receipt .student-controls {
  text-align: right;
  padding-bottom: 20px; }
.receipt .grand-total {
  margin-top: 80px;
  text-align: right; }
  .receipt .grand-total hr {
    margin-bottom: 10px; }
  .receipt .grand-total span.name {
    font-weight: 500;
    font-size: 22px; }
  .receipt .grand-total span.currency {
    font-size: 22px;
    font-weight: 500;
    margin-left: 10px; }
.receipt .final-details {
  text-align: right; }
  .receipt .final-details .paid-on {
    font-style: italic; }
.receipt table {
  width: 100%;
  color: #242424;
  font-size: 16px;
  font-weight: lighter;
  line-height: 40px;
  margin: 50px auto;
  border-collapse: inherit;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5);
  background-color: white; }
.receipt .name-bold, .receipt .price-bold {
  font-weight: bold; }
.receipt th:first-child,
.receipt td:first-child {
  padding: 8px 20px; }
.receipt .total {
  font-size: 24px;
  font-weight: 600;
  text-align: right; }

ul.student-details {
  margin: 40px 0; }
  ul.student-details li {
    display: inline;
    padding: 0;
    margin: 0; }
    ul.student-details li table {
      width: 100%;
      height: 60px;
      padding: 20px;
      border-radius: 4px;
      text-align: center;
      margin-bottom: 14px;
      box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }
      ul.student-details li table td {
        font-size: 16px;
        text-align: center; }

.invoice-advice {
  font: normal normal normal 18px/18px 'Roboto';
  opacity: 1 !important;
  background-position: 3% 50%;
  background-size: 40px 40px;
  padding-left: 70px;
  height: 65px !important;
  line-height: 20px;
  background: #f0f4fe url(/assets/parents/payments/alert-info-19be79289d28d94e536a9fa1bc3c4f41491330edce4e4a0610dbc35037f16ced.svg) 3% 50% no-repeat;
  padding-top: 20px;
  color: #3647A4;
  font-size: 16px;
  border-radius: 12px; }
  .invoice-advice a {
    font-size: 15px;
    text-decoration: underline; }

.year-title {
  color: #124F89; }

#privacy_policies_notice {
  padding: 40px; }

#student_start_over {
  margin-left: 20px; }

.active-payment-method-btn {
  background-color: #0e6ac4 !important; }

.inactive-payment-method-btn {
  background-color: skyblue !important; }

.student-already-paid, .applied-discount {
  color: #EEEEEE !important;
  max-width: 266px;
  padding: 2px 10px;
  text-align: center;
  border-radius: 12px;
  background-color: #909090; }
  .student-already-paid.adjustment, .applied-discount.adjustment {
    background-color: #2A227F;
    max-width: 180px; }

.applied-discount {
  background-color: #5CB85C;
  max-width: 180px; }

.school-selected-input {
  cursor: default;
  font-weight: 500; }

.remove-grades-display-flex {
  display: inline-block; }
  .remove-grades-display-flex .option {
    margin-right: 20px; }

.display-block {
  display: block; }

.text-align-center {
  text-align: center; }

.customer-payment-feedback-popup .popup {
  padding: 20px;
  width: 400px;
  min-width: 400px;
  padding-top: 20px;
  height: 770px; }
.customer-payment-feedback-popup .header-content {
  height: 20px; }
  .customer-payment-feedback-popup .header-content .close {
    float: right;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #124F89;
    cursor: pointer; }
    .customer-payment-feedback-popup .header-content .close .close-popup {
      position: relative;
      left: 8px;
      font-size: 17px;
      color: white; }
.customer-payment-feedback-popup .header-padding-feedback-popup {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px; }
.customer-payment-feedback-popup .customer-options #how-comments {
  width: 100%;
  height: 60px;
  padding: 10px;
  min-width: 100%;
  max-width: 100%;
  font-size: 13px;
  font-family: sans-serif;
  resize: none;
  color: #242424;
  text-align: center;
  margin-bottom: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  transition: border-color 0.2s; }
  .customer-payment-feedback-popup .customer-options #how-comments:focus {
    border-color: #4A90E2;
    outline: none !important; }
.customer-payment-feedback-popup .customer-options button.option {
  width: 100%;
  font-size: 13px;
  cursor: pointer;
  padding: 20px 0;
  font-weight: normal;
  text-align: center;
  color: #242424;
  margin-bottom: 16px;
  text-transform: none;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  transition: all 0.1s; }
  .customer-payment-feedback-popup .customer-options button.option:hover, .customer-payment-feedback-popup .customer-options button.option.selected {
    color: white;
    border: 1px solid #124F89;
    background-color: #124F89;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.14); }
.customer-payment-feedback-popup .score-options .option .radio_buttons {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between; }
.customer-payment-feedback-popup .score-options .option span label {
  font-size: 16px;
  font-weight: normal; }
.customer-payment-feedback-popup .footer .send-feedback {
  width: 100%;
  text-align: center;
  display: inline-block;
  box-sizing: border-box; }
.customer-payment-feedback-popup .footer #footer-comments {
  width: 100%;
  height: 80px;
  padding: 10px;
  min-width: 100%;
  max-width: 100%;
  font-size: 13px;
  font-family: sans-serif;
  resize: none;
  color: #242424;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #BBBBBB;
  transition: border-color 0.2s; }
  .customer-payment-feedback-popup .footer #footer-comments:focus {
    border-color: #4A90E2;
    outline: none !important; }

.thanks-popup .body {
  font-size: 17px;
  text-align: center;
  font-weight: normal; }
.thanks-popup .popup {
  width: 460px;
  height: 250px;
  max-width: 460px;
  min-width: 460px; }
.thanks-popup .header-icon {
  width: 100%;
  height: 100px;
  text-align: center;
  background-size: 84px;
  padding-top: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/parents/payments/circle-solid-aecc363fd5b8aef25f708db54ef940f86811f00cb5cdd9ea74c2054018c79b64.svg); }
.thanks-popup .header-title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 13px; }

.student-duplicated {
  height: 100%;
  width: 100%;
  padding-bottom: 12px;
  margin-bottom: 12px; }
  .student-duplicated .already-exist, .student-duplicated .message {
    text-align: center; }
  .student-duplicated #keep-student-button, .student-duplicated #new-student-button {
    margin-top: 12px;
    padding: 12px 54px; }

.tax-id-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  padding: 8px 10px;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  font-size: 16px;
  height: 40px;
  background-size: 10px;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg);
  background-position: 98% 50%; }
  .tax-id-dropdown select:focus {
    border-color: #4A90E2; }
  .tax-id-dropdown select::-ms-expand {
    display: none; }
  .tax-id-dropdown select.disabled {
    pointer-events: none;
    background-color: #EEEEEE; }

.resident-checkbox input[type=radio] {
  width: auto;
  float: none;
  height: 16px;
  margin: 10px;
  padding: 10px; }

.full-width {
  width: 100% !important; }

.checking-receipt table {
  width: 100%;
  color: white;
  font-size: 16px;
  line-height: 40px;
  margin: 50px auto;
  border-radius: 3px;
  background-color: #124F89; }
.checking-receipt th:first-child,
.checking-receipt td:first-child {
  padding: 8px 20px; }
.checking-receipt .total {
  font-size: 24px;
  font-weight: 600;
  text-align: right; }

#discount-code-popup .btn-gray, #discount-code-popup .btn-blue, #discount-code-popup .btn-pink {
  padding: 10px 50px; }

.mobile {
  display: none; }

.area_logo_provider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; }

.rejected_payment {
  margin: 24px 40px;
  padding: 30px 20px 30px 80px;
  font-size: 18px; }

.rejected_payment a {
  text-decoration: underline;
  color: #BA1D18;
  font-size: 18px;
  font-weight: normal; }

.information_message {
  background-color: #fffa9ffa;
  padding: 12px; }

.national_id_container {
  display: inline-flex; }

.information_message b {
  font-weight: bold; }

.national_id_help {
  display: flex;
  padding: 7px;
  padding-top: 34px;
  padding-left: 10px; }

.national_id_help > a {
  font-size: 1.1rem;
  color: #04aaff;
  margin-left: 10px;
  text-decoration: none;
  font-weight: normal; }

.national_id_help > img {
  margin-top: 4px; }

.national_id_help > a:hover {
  text-decoration: none; }

.tooltip-national_id {
  color: white;
  background-color: #1e1f20;
  padding: 10px;
  width: 244px;
  border-radius: 5px;
  text-align: justify;
  display: none;
  z-index: 9;
  font-size: 15px;
  box-shadow: 0px 0px 10px 0px black;
  border: 1px solid;
  position: absolute;
  left: 34px; }

.tooltip-national_id::after {
  content: "";
  position: absolute;
  top: 89px;
  left: 10px;
  border-width: 9px;
  border-style: solid;
  border-color: #1e1f20 transparent transparent transparent; }

.question-icon-national-id {
  position: absolute;
  left: 45px; }

.question-icon-national-id::after {
  content: url(/img/question-black.svg);
  position: relative;
  top: 3px;
  cursor: pointer; }