/* 
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;
*/
.note .title {
  font-size: 0.85rem;
  color: #2fbcee; }
.note .text {
  font-style: 1rem;
  color: #002E6D;
  font-weight: bold; }

a.print {
  position: relative;
  left: 15px;
  top: 8px; }

.panama-receipt .card {
  width: 365px !important; }

.receipt, .panama-receipt, .colombia-receipt {
  justify-content: center;
  font-family: 'Antartida', sans-serif !important;
  border: 1px solid #003366;
  padding: 16px;
  margin-bottom: 15px; }
  .receipt .align-center, .panama-receipt .align-center, .colombia-receipt .align-center {
    text-align: center; }
  .receipt div, .receipt p, .panama-receipt div, .panama-receipt p, .colombia-receipt div, .colombia-receipt p {
    font-family: 'Antartida', sans-serif !important; }
  .receipt .header, .panama-receipt .header, .colombia-receipt .header {
    color: #4A4A4A;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 10px 15px 10px; }
    .receipt .header .logo img, .panama-receipt .header .logo img, .colombia-receipt .header .logo img {
      height: 63px;
      width: 137px; }
    .receipt .header .title, .panama-receipt .header .title, .colombia-receipt .header .title {
      width: 95px;
      font-size: 10px;
      font-weight: 500;
      line-height: 9px; }
    .receipt .header .date, .panama-receipt .header .date, .colombia-receipt .header .date {
      width: 150px;
      font-size: 11px;
      font-weight: 500;
      line-height: 13px;
      text-align: right; }
    .receipt .header .mp_logo, .panama-receipt .header .mp_logo, .colombia-receipt .header .mp_logo {
      width: 134px;
      margin-left: -136px;
      margin-bottom: 14px; }
    .receipt .header .highligth, .panama-receipt .header .highligth, .colombia-receipt .header .highligth {
      font-weight: bold; }
    .receipt .header .center-receipt, .panama-receipt .header .center-receipt, .colombia-receipt .header .center-receipt {
      margin-left: -126px;
      left: -25px;
      position: relative;
      text-align: center; }
  .receipt .content, .panama-receipt .content, .colombia-receipt .content {
    display: flex;
    justify-content: space-between; }
    .receipt .content .contact p, .panama-receipt .content .contact p, .colombia-receipt .content .contact p {
      margin: 0;
      padding: 0;
      font-size: 12px;
      line-height: 14px; }
    .receipt .content .card, .panama-receipt .content .card, .colombia-receipt .content .card {
      width: 425px; }
      .receipt .content .card .title, .panama-receipt .content .card .title, .colombia-receipt .content .card .title {
        padding: 8px 11px;
        background-color: #002E6D;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 300;
        line-height: 14px; }
      .receipt .content .card .content, .panama-receipt .content .card .content, .colombia-receipt .content .card .content {
        flex-direction: column;
        margin-top: 22px;
        background-color: #F2F4F7;
        color: #4A4A4A;
        font-family: "Museo Sans";
        font-size: 12px;
        line-height: 9px;
        padding: 16px 11px; }
        .receipt .content .card .content .address, .panama-receipt .content .card .content .address, .colombia-receipt .content .card .content .address {
          color: #4A4A4A;
          font-family: 'Antartida', sans-serif;
          font-size: 12px;
          font-weight: 300;
          line-height: 14px; }
        .receipt .content .card .content .student-data, .panama-receipt .content .card .content .student-data, .colombia-receipt .content .card .content .student-data {
          margin-top: 18px;
          color: #4A4A4A;
          font-family: 'Museo Sans', sans-serif !important;
          font-size: 12px;
          line-height: 17px;
          font-weight: 600; }
        .receipt .content .card .content .student-data-EC, .panama-receipt .content .card .content .student-data-EC, .colombia-receipt .content .card .content .student-data-EC {
          color: #4A4A4A;
          font-family: 'Museo Sans', sans-serif !important;
          font-size: 12px;
          line-height: 17px;
          margin-top: 10px; }
          .receipt .content .card .content .student-data-EC .student_list .student, .panama-receipt .content .card .content .student-data-EC .student_list .student, .colombia-receipt .content .card .content .student-data-EC .student_list .student {
            width: 100%;
            font-weight: bold;
            padding-top: 5px; }
        .receipt .content .card .content .text-info, .panama-receipt .content .card .content .text-info, .colombia-receipt .content .card .content .text-info {
          padding-top: 10px;
          padding-bottom: 10px;
          color: #4A4A4A;
          font-family: 'Museo Sans', sans-serif !important;
          font-size: 12px;
          line-height: 17px;
          font-weight: normal; }
        .receipt .content .card .content .website, .panama-receipt .content .card .content .website, .colombia-receipt .content .card .content .website {
          text-align: left;
          width: 50%; }
          .receipt .content .card .content .website .website-icon, .panama-receipt .content .card .content .website .website-icon, .colombia-receipt .content .card .content .website .website-icon {
            float: left;
            padding-right: 5px; }
          .receipt .content .card .content .website .website-text, .panama-receipt .content .card .content .website .website-text, .colombia-receipt .content .card .content .website .website-text {
            float: left;
            font-weight: bold; }
        .receipt .content .card .content .header-content-row, .panama-receipt .content .card .content .header-content-row, .colombia-receipt .content .card .content .header-content-row {
          display: flex;
          flex-direction: row;
          margin-top: 6px; }
          .receipt .content .card .content .header-content-row .header-column-left, .receipt .content .card .content .header-content-row .header-column-right, .panama-receipt .content .card .content .header-content-row .header-column-left, .panama-receipt .content .card .content .header-content-row .header-column-right, .colombia-receipt .content .card .content .header-content-row .header-column-left, .colombia-receipt .content .card .content .header-content-row .header-column-right {
            display: flex;
            flex-direction: column; }
          .receipt .content .card .content .header-content-row .header-column-left, .panama-receipt .content .card .content .header-content-row .header-column-left, .colombia-receipt .content .card .content .header-content-row .header-column-left {
            flex-basis: 15%;
            flex: 3; }
          .receipt .content .card .content .header-content-row .header-column-right, .panama-receipt .content .card .content .header-content-row .header-column-right, .colombia-receipt .content .card .content .header-content-row .header-column-right {
            flex-basis: 85%;
            flex: 1; }
        .receipt .content .card .content .content-row, .panama-receipt .content .card .content .content-row, .colombia-receipt .content .card .content .content-row {
          display: flex;
          flex-direction: row;
          margin-top: 10px; }
          .receipt .content .card .content .content-row .column, .receipt .content .card .content .content-row .column-left, .receipt .content .card .content .content-row .column-right, .panama-receipt .content .card .content .content-row .column, .panama-receipt .content .card .content .content-row .column-left, .panama-receipt .content .card .content .content-row .column-right, .colombia-receipt .content .card .content .content-row .column, .colombia-receipt .content .card .content .content-row .column-left, .colombia-receipt .content .card .content .content-row .column-right {
            display: flex;
            flex-direction: column; }
          .receipt .content .card .content .content-row .column, .panama-receipt .content .card .content .content-row .column, .colombia-receipt .content .card .content .content-row .column {
            flex-basis: 100%;
            flex: 1; }
          .receipt .content .card .content .content-row .column-left, .panama-receipt .content .card .content .content-row .column-left, .colombia-receipt .content .card .content .content-row .column-left {
            flex-basis: 15%;
            flex: 3; }
          .receipt .content .card .content .content-row .column-right, .panama-receipt .content .card .content .content-row .column-right, .colombia-receipt .content .card .content .content-row .column-right {
            flex-basis: 85%;
            flex: 1; }
            .receipt .content .card .content .content-row .column-right .discount-amount-text, .panama-receipt .content .card .content .content-row .column-right .discount-amount-text, .colombia-receipt .content .card .content .content-row .column-right .discount-amount-text {
              margin-top: 10px; }
        .receipt .content .card .content .key, .panama-receipt .content .card .content .key, .colombia-receipt .content .card .content .key {
          font-weight: 600; }
        .receipt .content .card .content .value, .panama-receipt .content .card .content .value, .colombia-receipt .content .card .content .value {
          padding: 0px 10px; }
          .receipt .content .card .content .value .desciption-text, .receipt .content .card .content .value .amounts-text, .receipt .content .card .content .value .total-text, .panama-receipt .content .card .content .value .desciption-text, .panama-receipt .content .card .content .value .amounts-text, .panama-receipt .content .card .content .value .total-text, .colombia-receipt .content .card .content .value .desciption-text, .colombia-receipt .content .card .content .value .amounts-text, .colombia-receipt .content .card .content .value .total-text {
            margin-bottom: 6px; }
          .receipt .content .card .content .value .desciption-text:last-child, .panama-receipt .content .card .content .value .desciption-text:last-child, .colombia-receipt .content .card .content .value .desciption-text:last-child {
            margin-bottom: 0px; }
        .receipt .content .card .content .header-concept-text, .receipt .content .card .content .header-amount-text, .receipt .content .card .content .total-amount-text, .panama-receipt .content .card .content .header-concept-text, .panama-receipt .content .card .content .header-amount-text, .panama-receipt .content .card .content .total-amount-text, .colombia-receipt .content .card .content .header-concept-text, .colombia-receipt .content .card .content .header-amount-text, .colombia-receipt .content .card .content .total-amount-text {
          font-weight: bold; }
        .receipt .content .card .content .desc-text, .panama-receipt .content .card .content .desc-text, .colombia-receipt .content .card .content .desc-text {
          line-height: 1rem; }
      .receipt .content .card .footer, .panama-receipt .content .card .footer, .colombia-receipt .content .card .footer {
        margin-top: 12px;
        color: #4A4A4A;
        font-family: 'Museo Sans', sans-serif !important;
        font-size: 12px;
        line-height: 17px; }
        .receipt .content .card .footer .footer-row, .panama-receipt .content .card .footer .footer-row, .colombia-receipt .content .card .footer .footer-row {
          display: flex;
          flex-direction: row; }
        .receipt .content .card .footer .column, .panama-receipt .content .card .footer .column, .colombia-receipt .content .card .footer .column {
          display: flex;
          flex-direction: column;
          flex-basis: 100%;
          flex: 1; }
      .receipt .content .card .bold, .panama-receipt .content .card .bold, .colombia-receipt .content .card .bold {
        font-weight: bold;
        word-spacing: 5px; }

.colombia-receipt .title-receipt, .colombia-receipt .date-receipt, .colombia-receipt .hour-receipt, .colombia-receipt .which-copy, .colombia-receipt .cycle-receipt {
  font-size: 0.80rem; }
.colombia-receipt .title-receipt, .colombia-receipt .subtitle-receipt, .colombia-receipt .date-receipt, .colombia-receipt .hour-receipt, .colombia-receipt .cycle-receipt {
  position: relative; }
.colombia-receipt .student {
  line-height: 20px; }
.colombia-receipt .header .align-center .title-receipt {
  bottom: 15px; }
.colombia-receipt .header .align-center .subtitle-receipt {
  bottom: 20px;
  font-size: 0.65rem; }
.colombia-receipt .header .date .date-receipt {
  bottom: 28px; }
.colombia-receipt .header .date .hour-receipt {
  bottom: 27px; }
.colombia-receipt .header .date .cycle-receipt {
  bottom: 4px; }

.online-receipt {
  margin: 10px 20px 20px 20px; }
  .online-receipt .receipt .header .title {
    width: 200px;
    font-size: 10px;
    font-weight: 500;
    line-height: 9px; }
  .online-receipt #balance {
    border: 1px solid black;
    padding: 8px;
    font-size: 1.2em;
    line-height: 128%; }
    .online-receipt #balance .inner-wrapp {
      border: 2px dashed red;
      padding: 8px; }
      .online-receipt #balance .inner-wrapp #balance-mock {
        border-top: 1px solid #242424;
        border-bottom: 1px solid #242424;
        padding: 8px 0;
        margin: 5px 0; }
      .online-receipt #balance .inner-wrapp .concept {
        height: 20px; }
      .online-receipt #balance .inner-wrapp .col {
        float: left; }
      .online-receipt #balance .inner-wrapp .underline {
        border-bottom: 1px solid black;
        padding-bottom: 5px;
        margin-bottom: 5px; }
      .online-receipt #balance .inner-wrapp .line {
        border-bottom: 3px dotted #242424;
        width: 340px;
        height: 12px;
        margin: 0 5px; }
        .online-receipt #balance .inner-wrapp .line.short {
          width: 265px; }