/* 
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;
*/
@font-face {
  font-family: 'OpenSans';
  src: url(/assets/fonts/OpenSans-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
html, body {
  background-color: white;
  margin: 0;
  height: 50%; }

.group {
  display: flex; }

.title {
  font-size: 28px; }

.split {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 20px; }

.left {
  left: 0;
  background-color: #172554; }
  .left .text {
    font-size: 16px;
    color: white; }

.right {
  right: 0;
  background-color: white; }

.split.right {
  overflow: scroll; }

.error {
  margin: 10px 20px 10px 20px;
  border: 0;
  font-size: 16px;
  padding: 14px;
  background-color: #c2185b;
  color: white;
  border-radius: 2px; }

.event_disabled {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .event_disabled .logo {
    width: auto; }
    .event_disabled .logo img {
      max-width: 100%;
      height: auto;
      width: 160px; }
  .event_disabled .not_found_img {
    width: auto; }
    .event_disabled .not_found_img img {
      max-width: 100%;
      height: auto;
      width: 450px; }
  .event_disabled a:link {
    text-decoration: none; }
  .event_disabled a:visited {
    text-decoration: none; }
  .event_disabled a:hover {
    text-decoration: none; }
  .event_disabled a:active {
    text-decoration: none; }
  .event_disabled .link {
    width: 100%;
    background-color: #008cff;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer; }
  .event_disabled .text {
    font-size: 16px; }

.amco_info, .thanks {
  top: 20%;
  position: relative;
  width: 250px;
  top: 32%;
  left: 60%;
  transform: translate(-50%, -50%);
  text-align: left; }
  .amco_info .logo img, .thanks .logo img {
    width: auto;
    height: 80px;
    padding-bottom: 20px; }
  .amco_info .text, .thanks .text {
    font-size: 34px;
    line-height: 1em; }
    .amco_info .text h1, .thanks .text h1 {
      text-align: left;
      font: normal normal 500 34px/40px Open Sans;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1; }
    .amco_info .text p, .thanks .text p {
      text-align: left;
      font: normal normal normal 15px/26px Open Sans;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1; }

.thanks {
  top: 20% !important; }

#folio {
  text-align: left;
  font: normal normal 600 19px/24px Open Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1; }

.subscription_form {
  position: relative;
  left: 38%;
  transform: translate(-50%, -50%);
  text-align: left;
  width: 55%;
  padding: 20px;
  top: 50%;
  height: 50em; }
  .subscription_form .title {
    text-align: left;
    font: normal normal 600 15px/18px Open Sans;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1; }
  .subscription_form label {
    text-align: left;
    font: normal normal normal 14px/24px Open Sans;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    width: 100%;
    float: left; }
    .subscription_form label abbr[title="requerido"] {
      display: none; }
  .subscription_form input[type=text], .subscription_form select, .subscription_form textarea {
    width: 95%;
    padding: 12px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ADADAD;
    opacity: 1; }
  .subscription_form .submit button {
    width: 95%;
    background-color: #008cff;
    color: white;
    padding: 12px 20px;
    border: none;
    cursor: pointer; }

.simple_form.subscription {
  padding-bottom: 75px; }

.subscription_data {
  overflow: scroll;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  width: 70%;
  padding: 20px;
  top: 47%;
  color: #707070; }
  .subscription_data .capsuled-text {
    height: 65px; }
  .subscription_data #cancel_date {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: bold; }
  .subscription_data .black {
    color: black; }

.card-instructions select {
  width: 95%;
  padding: 12px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #ADADAD;
  opacity: 1; }

.button_actions {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  width: 92%;
  text-align: center; }
  .button_actions a:link {
    text-decoration: none; }
  .button_actions a:visited {
    text-decoration: none; }
  .button_actions a:hover {
    text-decoration: none; }
  .button_actions a:active {
    text-decoration: none; }
  .button_actions a {
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    display: block;
    background-color: #008cff;
    padding: 12px 20px;
    border: none;
    margin-top: 15px;
    cursor: pointer;
    text-align: center;
    font: normal normal 500 15px/24px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1; }
  .button_actions .white {
    color: #008cff !important;
    background-color: white;
    border: 1px solid #008cff; }

.pdf-receipt {
  width: 100%; }
  .pdf-receipt .title {
    text-align: left;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0px;
    color: #112540;
    opacity: 1; }
  .pdf-receipt .success-text {
    font-weight: bold;
    text-align: left;
    font-size: 1.6em;
    letter-spacing: 0px;
    color: #43B43A;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 40px; }
  .pdf-receipt .group {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
    justify-content: left; }
  .pdf-receipt .body {
    width: 83%;
    text-align: left;
    padding-left: 90px;
    padding-right: 90px;
    font-size: 1.2em;
    font-weight: normal; }
  .pdf-receipt .footer {
    position: fixed;
    width: 100%;
    bottom: 30px;
    left: 100px;
    color: #D4DDEA; }
  .pdf-receipt .p-width {
    width: 295px; }
  .pdf-receipt .gray {
    background: #F5F7FA 0% 0% no-repeat padding-box; }
  .pdf-receipt .capsuled-text {
    line-height: 0.7em;
    padding: 15px; }
  .pdf-receipt .invoice-advice {
    padding: 15px; }
  .pdf-receipt .blue {
    color: #0275D8; }
  .pdf-receipt .strong {
    font-weight: bold;
    min-width: 400px; }
  .pdf-receipt .line-height-short {
    line-height: 0.5em; }
  .pdf-receipt .header {
    width: 100%;
    height: 150px;
    background: #172554 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center; }
    .pdf-receipt .header .logo {
      display: block;
      padding-top: 30px;
      margin-left: auto;
      margin-right: auto;
      width: 50%; }
      .pdf-receipt .header .logo img {
        max-width: 100%;
        height: auto;
        width: 160px; }

.tooltip-currency {
  color: white;
  background-color: #475569;
  padding: 10px;
  width: 305px;
  border-radius: 5px;
  text-align: center;
  display: none;
  position: fixed;
  z-index: 9;
  top: 100%;
  left: 42px; }

.tooltip-currency::after {
  content: "";
  position: absolute;
  top: 59px;
  left: 152px;
  border-width: 9px;
  border-style: solid;
  border-color: #475569 transparent transparent transparent; }

.tooltip > .question::after {
  content: url(/img/question.svg);
  position: relative;
  top: 3px;
  cursor: pointer; }

.checkbox_confirm {
  max-width: 95%;
  margin-bottom: 15px;
  display: flex; }

.checkbox_confirm > * {
  float: left; }

.checkbox_confirm > input {
  width: 22px;
  margin-right: 10px; }

.checkbox_confirm > label {
  text-align: justify; }

.disabled {
  color: #94a3b8 !important;
  background: #e2e8f0 !important; }

.question {
  position: absolute;
  left: 195px; }