/* CSS */
@import url(../css/vendors/materialize.min.css);
@import url(../css/vendors/easy-autocomplete.min.css);
/* Components */
@font-face {
  font-family: 'hsbc';
  src: url("../fonts/UniversNextforHSBCW01-Bd.eot");
  src: url("../fonts/UniversNextforHSBCW01-Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversNextforHSBCW01-Bd.woff") format("woff"), url("../fonts/UniversNextforHSBCW01-Bd.ttf") format("truetype"), url("../fonts/UniversNextforHSBCW01-Bd.svg") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'hsbc';
  src: url("../fonts/UniversNextforHSBCW01-Md.eot");
  src: url("../fonts/UniversNextforHSBCW01-Md.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversNextforHSBCW01-Md.woff") format("woff"), url("../fonts/UniversNextforHSBCW01-Md.ttf") format("truetype"), url("../fonts/UniversNextforHSBCW01-Md.svg") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'hsbc';
  src: url("../fonts/UniversNextforHSBCW01-Rg.eot");
  src: url("../fonts/UniversNextforHSBCW01-Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversNextforHSBCW01-Rg.woff") format("woff"), url("../fonts/UniversNextforHSBCW01-Rg.ttf") format("truetype"), url("../fonts/UniversNextforHSBCW01-Rg.svg") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'hsbc';
  src: url("../fonts/UniversNextforHSBCW01-Lt.eot");
  src: url("../fonts/UniversNextforHSBCW01-Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversNextforHSBCW01-Lt.woff") format("woff"), url("../fonts/UniversNextforHSBCW01-Lt.ttf") format("truetype"), url("../fonts/UniversNextforHSBCW01-Lt.svg") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'hsbc';
  src: url("../fonts/UniversNextforHSBCW01-UltLt.eot");
  src: url("../fonts/UniversNextforHSBCW01-UltLt.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversNextforHSBCW01-UltLt.woff") format("woff"), url("../fonts/UniversNextforHSBCW01-UltLt.ttf") format("truetype"), url("../fonts/UniversNextforHSBCW01-UltLt.svg") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "icon-hsbc";
  src: url("../fonts/hsbc.eot");
  src: url("../fonts/hsbc.eot?#iefix") format("embedded-opentype"), url("../fonts/hsbc.woff") format("woff"), url("../fonts/hsbc.ttf") format("truetype"), url("../fonts/hsbc.svg#hsbc") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "icon-hsbc";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#hsbc") format("svg");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: "icon-hsbc";
  src: url("../fonts/cancel.eot");
  src: url("../fonts/cancel.eot?#iefix") format("embedded-opentype"), url("../fonts/cancel.woff") format("woff"), url("../fonts/cancel.ttf") format("truetype"), url("../fonts/cancel.svg#hsbc") format("svg");
  font-weight: normal;
  font-style: normal; }
  
[data-icon]:before {
  font-family: "icon-hsbc" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icon-hsbc" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-address:before {
  content: "\64"; }

.icon-female:before {
  content: "\65"; }

.icon-folder:before {
  content: "\66"; }

.icon-income:before {
  content: "\67"; }

.icon-job:before {
  content: "\68"; }

.icon-ok:before {
  content: "\6a"; }

.icon-personal:before {
  content: "\6b"; }

.icon-security:before {
  content: "\6c"; }

.icon-service:before {
  content: "\6d"; }

.icon-error:before {
  content: "\6e"; }

.icon-chevron-down:before {
  content: "\6f"; }

.icon-chevron-left:before {
  content: "\70"; }

.icon-chevron-right:before {
  content: "\71"; }

.icon-chevron-up:before {
  content: "\72"; }

.icon-cell:before {
  content: "\61"; }

.icon-card:before {
  content: "\62"; }

.icon-bullet:before {
  content: "\63"; }

.icon-opps:before {
  content: "\73"; }

.icon-list:before {
  content: "\74"; }

.icon-note:before {
  content: "\75"; }

.icon-male:before {
  content: "\69"; }

.icon-job-1:before {
  content: "\76"; }

.icon-cuenta:before {
  content: "\77"; }

.icon-ing:before {
  content: "\78"; }

.icon-active:before {
  content: "\79"; }

.icon-edit:before {
  content: "\7a"; }

.icon-id:before {
  content: "\41"; }

.icon-dom:before {
  content: "\42"; }

.icon-alert:before {
  content: "\43"; }
  
.icon-exit:before {
  color: red;
  content: "\0229d"; }
.icon-check:before {
  content: "\64"; }

/* NUEVOS ICONS */
.icon-gift:before {
	content: "\e017"; } 
.icon-checkmark2:before {
	content: "\ea11"; }
.icon-check_circle:before {
	content: "\e86c"; }
.icon-check1:before {
	content: "\e5ca"; }
.icon-beenhere:before {
	content: "\e52d"; }
.icon-eraser:before {
	content: "\e900"; }
.icon-cancel:before {
	content: "\e905"; }
.icon-cancel1:before {
	content: "\e906"; }
.icon-cancel2:before {
	content: "\e907"; }
.icon-cancel-circle:before {
	content: "\ea0d"; }
.icon-minus-outline:before {
	content: "\e909"; }
.icon-minus-solid:before {
	content: "\e90a"; }
/* NUEVOS ICONS */

/* Layout */
* {
  font-family: "hsbc" !important;
  font-weight: 300;
  outline: none;
  -webkit-font-smoothing: auto;
  color: #333333;
  font-size: 18px; }
  *:focus {
    outline: 0; }

body {
  -ms-overflow-style: -ms-autohiding-scrollbar !important; }

button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
  border: none; }

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  overflow: visible;
  width: auto; }

input::-ms-clear {
  display: none; }

select::-ms-expand {
  display: none; }

svg:not(:root) {
  overflow: hidden; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input, textarea, keygen, select, button, meter, progress {
  -webkit-writing-mode: horizontal-tb; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 */
input[type="search"] {
  /* 1 */
  -webkit-appearance: textfield;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

.ui-helper-hidden-accessible {
  display: none !important; }

body {
  padding-top: 66px; }
  body input[type="radio"]:checked + label:after, body input[type="radio"].with-gap:checked + label:after {
    background-color: #db0011;
    border: none; }
  body input[type="radio"]:checked + label i, body input[type="radio"].with-gap:checked + label i {
    color: #db0011 !important; }
  body p {
    margin-top: 0;
    margin-bottom: 0; }
  body .ui-menu.ui-widget {
    z-index: 3;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
    max-width: 400px;
    max-height: 300px;
    overflow-y: scroll; }
    body .ui-menu.ui-widget .ui-menu-item {
      padding: 10px; }
      body .ui-menu.ui-widget .ui-menu-item:hover {
        background-color: #f3f3f3;
        cursor: pointer; }
  body > main {
    width: 100%;
    padding-bottom: 100px; }
    body > main .form-alert {
      width: 95%;
      max-width: 815px;
      margin: 0 auto;
      background-color: #eeb8bc;
      position: fixed;
      height: 70px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      bottom: -70px;
      right: 0;
      left: 0;
      z-index: 9999;
      padding-left: 30px; }
      body > main .form-alert i {
        color: #db0011;
        font-size: 30px; }
      body > main .form-alert p {
        margin-left: 20px; }
      body > main .form-alert span {
        color: #db0011;
        font-weight: 700; }
    body > main hr {
      margin: 0;
      border: 0; }
    body > main .row {
      margin-bottom: 0; }
    body > main .btn {
      box-shadow: none; }
      body > main .btn.btn-square {
        width: 100%;
		max-width: 388px; /* tol previo 264px */
        height: 60px;
        color: #ffffff;
        font-weight: 500;
        float: right;
        text-align: center;
        border-radius: 0;
        background-color: #db0011; }
                
/***/
      body > main .btn.btn-square2 {
        width: 49%;
        max-width: 264px;
        height: 60px;
        color: #ffffff;
        font-weight: 500;
        float: right;
        text-align: center;
        border-radius: 0;
        background-color: #db0011; }
/***/
/***/
      body > main .btn.btn-square3 {
        width: 100%;
        max-width: 264px;
        height: 60px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
        border-radius: 0;
        background-color: #db0011; }

      body > main .btn.btn-square4 {
        width: 100%;
        max-width: 388px; /* tol previo 264  */
        height: 60px;
        color: #000000;
        font-weight: 500;
        float: right;
        text-align: center;
        border-radius: 0;
        background-color: #FFFFFF;
        border: 1px solid #000000; }        

                
/***/
      body > main .btn.btn-square5 {
        width: 49%;
        max-width: 264px;
        height: 60px;
        color: #000000;
        font-weight: 500;
        float: right;
        text-align: center;
        border-radius: 0;        
        background-color: #FFFFFF; 
        border: 1px solid #000000;}
        
        

        
/***/
      body > main .btn.btn-circle {
        width: 60px;
        height: 60px;
        font-weight: 500;
        text-align: center;
        border-radius: 50%;
        padding: 15px;
        position: relative; }
        body > main .btn.btn-circle i {
          font-size: 24px;
          color: #ffffff; }
        body > main .btn.btn-circle span {
          display: block;
          width: 135px;
          text-align: center;
          position: absolute;
          top: 100%;
          left: 50%;
          margin-left: -67.5px;
          font-size: 16px;
          color: #333333;
          text-transform: none; }
      body > main .btn.btn-red {
        background-color: #db0011; }
      body > main .btn.right {
        float: right; }
      body > main .btn.btn-gray {
        background-color: #404040; }
      body > main .btn.left {
        float: left; }
    body > main .link {
      margin-bottom: 0;
      display: inline-block;
      position: absolute;
      bottom: 15px; }
      body > main .link span {
        font-size: 12px;
        color: #db0011;
        vertical-align: middle; }
      body > main .link i {
        vertical-align: middle;
        font-size: 13px;
        color: #db0011;
        margin-left: 5px; }
      body > main .link:hover {
        text-decoration: none; }
        body > main .link:hover span {
          text-decoration: underline; }
        body > main .link:hover i {
          text-decoration: none; }
    body > main .form-tips {
      padding: 12px 15px;
      background-color: rgba(0, 0, 0, 0.7);
      color: white;
      width: auto;
      white-space: nowrap;
      font-size: 12px;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: 10px;
      z-index: 1;
      display: none; }
      body > main .form-tips:before {
        content: '';
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom: 100%;
        left: 20px; }
      body > main .form-tips.active {
        display: block; }
    body > main .header-form {
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      border-left: 6px solid #db0011;
      padding: 15px 80px;
      /*min-height: 100px;*/
	  min-height: 60px; 
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center; }
      body > main .header-form p {
        margin: 0;
        font-size: 24px;
        font-weight: 700; }
    body > main article > .header-form {
      display: none;
      margin-bottom: 10px; }
    body > main article > .cont-btn {
      display: none; }
    body > main article .btn-edit {
      display: none; }
    body > main article.active > .header-form {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center; }
    body > main article.active > .cont-btn {
      display: inline-block;
      padding: 0 80px;
      margin-bottom: 40px;
      width: 100%; }
    body > main article.active .title-collapse#DataUser {
      display: flex !important; }
	body > main article.active .title-collapse#DataAddress {
      display: flex !important; }
	body > main article.active .title-collapse#DataIncome {
      display: flex !important; }
    body > main article.active .title-collapse.active .btn-collapse {
      margin: 0; }
    body > main article.active .title-collapse.active.edit .btn-edit i:before {
      content: "\6a"; }
    body > main article.active .title-collapse.active.edit .btn-edit span {
      font-size: 0; }
      body > main article.active .title-collapse.active.edit .btn-edit span:before {
        content: 'Guardar';
        color: #db0011;
        font-weight: 500;
        font-size: 18px; }
    body > main article.active .title-collapse.active .btn-edit {
      display: inline-block;
      cursor: pointer;
      margin: 0 0 0 auto; }
      body > main article.active .title-collapse.active .btn-edit span, body > main article.active .title-collapse.active .btn-edit i {
        color: #db0011;
        font-weight: 500; }
      body > main article.active .title-collapse.active .btn-edit:hover span {
        text-decoration: underline; }
    body > main article.active.forms {
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
      width: 980px;
      max-width: 90%;
      margin: 0 auto; }
      body > main article.active.forms .content-form {
        display: block; }
        body > main article.active.forms .content-form .cont-btn {
          display: none; }
        body > main article.active.forms .content-form .header-form {
          display: none; }
        body > main article.active.forms .content-form .content {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          body > main article.active.forms .content-form .content .form-data-long {
            padding: 0 80px; }
            body > main article.active.forms .content-form .content .form-data-long .title-collapse.active.unemployed.ue-active + .module {
              /* new 3*/
              display: none; }
            body > main article.active.forms .content-form .content .form-data-long .module {
              margin-bottom: 20px !important;
              border-bottom: 1px solid #d7d8d6; }
              body > main article.active.forms .content-form .content .form-data-long .module#formDataUse {
                border-bottom: none; }
                body > main article.active.forms .content-form .content .form-data-long .module#formDataUse .instructions p, body > main article.active.forms .content-form .content .form-data-long .module#formDataUse .instructions small {
                  font-size: 0; }
                body > main article.active.forms .content-form .content .form-data-long .module#formDataUse .instructions span {
                  display: block; }
              body > main article.active.forms .content-form .content .form-data-long .module.summary {
                pointer-events: none !important; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .content-checkbox {
                  /*display: none;*/ }
                  body > main article.active.forms .content-form .content .form-data-long .module.summary .content-checkbox.active {
                    display: block; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .link {
                  display: none; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary input[type="radio"] + label {
                  /*display: none;*/ }
                body > main article.active.forms .content-form .content .form-data-long .module.summary input[type="radio"]:checked + label {
                  display: block; }
                  body > main article.active.forms .content-form .content .form-data-long .module.summary input[type="radio"]:checked + label:before, body > main article.active.forms .content-form .content .form-data-long .module.summary input[type="radio"]:checked + label:after {
                  /*display: none;*/ }
                body > main article.active.forms .content-form .content .form-data-long .module.summary input[type="radio"]:checked + label + .sex {
                  /*nuevo*/
                  display: block;
                  position: absolute;
                  top: 3px;
                  left: 100%;
                  margin-left: 10px; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .cont-data-radio > p {
                  /*nuevo*/
                  font-size: 14px;
                  transform: translateY(-142%) translateX(40%); }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .input-field {
                  border: 0 !important; }
                  body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .input-field:after {
                    display: none; }
                  body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .input-field:before {
                    display: none; }
                  body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .input-field .rule {
                    display: none; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .caret {
                  display: none; }
                body > main article.active.forms .content-form .content .form-data-long .module.summary .data-write .select-autocomplete .ui-button {
                  display: none; }
          body > main article.active.forms .content-form .content #formDataPers {
            padding-bottom: 0;
            padding-top: 50px; }
            body > main article.active.forms .content-form .content #formDataPers .module:nth-child(3) {
              display: none; }
            body > main article.active.forms .content-form .content #formDataPers .module:nth-child(2) {
              margin-bottom: 0; }
    
	body > main .content-rechazo {
      display: none; }
      body > main .content-rechazo.active {
        display: block; }
      body > main .content-rechazo .title {
        background-color: #f3f3f3;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 -15px 60px;
        padding: 40px; }
        body > main .content-rechazo .title .icon-ok {
          margin: 0 30px 0 auto;
          width: 60px;
          height: 60px;
          background-color: #db0011;
          color: #ffffff;
          border-radius: 50%;
          padding: 14px; }
          body > main .content-rechazo .title .icon-ok:before {
            font-size: 32px; }
        body > main .content-rechazo .title p {
          margin: 0 auto 0 0; }
          body > main .content-rechazo .title p span {
            display: block; }
          body > main .content-rechazo .title p .name-final {
            font-size: 24px;
            font-weight: 700;
            padding: 10px 0;
            border-bottom: 1px solid #a9a9a9;
            margin-bottom: 10px;
            text-align: left; }
      body > main .content-rechazo .cont-folio.header-form {
        margin-bottom: 15px; }
        body > main .content-rechazo .cont-folio.header-form p {
          font-weight: 500;
          font-size: 24px; }
          body > main .content-rechazo .cont-folio.header-form p.folio {
            font-size: 36px;
            font-weight: 700;
            margin-left: 20px; }
          body > main .content-rechazo .cont-folio.header-form p.letra-folio {
            font-size: 18px;
            font-weight: 700;
            margin-left: 0px; }
      body > main .content-rechazo .cont-documents {
        margin-top: 30px; }
        body > main .content-rechazo .cont-documents > div > div {
          -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          background-color: #ffffff;
          text-align: center;
          padding: 20px 15px;
          height: 290px; }
        .sigientes-pasos {
          -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          background-color: #ffffff;
          text-align: rigth;
          padding: 7px 15px;
          /*height: 80px; */
		  font-size: 16px;
		  display:block; margin: -10px 1px 1px 1px;}
          body > main .content-rechazo .cont-documents > div > div p {
            font-weight: 500; }
          body > main .content-rechazo .cont-documents > div > div span {
            font-size: 13px;
            line-height: 1.5;
            display: block;
            color: #666666; }
          body > main .content-rechazo .cont-documents > div > div i {
            font-size: 64px;
            color: #db0011;
            margin: 20px 0 10px;
            display: block; }
      body > main .content-rechazo .note {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        margin-top: 50px; }
        body > main .content-rechazo .note img {
          height: 53px;
          margin-right: 30px; }
        body > main .content-rechazo .note p {
          margin-bottom: 0;
          line-height: 2; }
      body > main .content-rechazo .bank-branches .cont-maps {
        width: 100%;
        -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06); }
        body > main .content-rechazo .bank-branches .cont-maps .cont-options-address {
          background-color: #FCFCFC; }
          body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -webkit-box-align: center;
            align-items: center; }
            body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address {
              height: 75px;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -ms-flex-align: center;
              -webkit-align-items: center;
              -webkit-box-align: center;
              align-items: center;
              cursor: pointer;
              margin: 0 auto; }
              body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address p {
                text-align: center;
                color: #a9a9a9;
                font-weight: 500;
                display: inline-block;
                margin: 0 auto 0 0; }
              body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address i {
                line-height: .8;
                color: #a9a9a9;
                margin: 0 10px 0 auto; }
              body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address:hover p, body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address:hover i {
                color: #db0011; }
              body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address.active {
                border-bottom: 4px solid #db0011; }
                body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address.active p, body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address.active i {
                  color: #db0011; }
              body > main .content-rechazo .bank-branches .cont-maps .cont-options-address .options-address .address.unemployed.ue-active {
                display: none !important; }
        body > main .content-rechazo .bank-branches .cont-maps .options-maps {
          display: block;
          height: 450px;
          width: 100%;
          overflow: hidden;
          position: relative; }
          body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps {
            display: block;
            height: 450px;
            overflow: hidden;
            width: 100%;
            background-color: #ffffff; }
            body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-banks, body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-geolocation {
              display: none;
              height: 100%;
              width: 100%;
              background-color: rgba(0, 0, 0, 0.7);
              position: absolute;
              top: 0;
              left: 0; }
              body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-banks p, body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-geolocation p {
                color: #ffffff;
                text-align: center;
                font-size: 35px;
                width: 100%; }
              body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-banks.active, body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .no-geolocation.active {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -webkit-box-align: center;
                align-items: center; }
            body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps > div {
              height: 100%; }
            body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks {
              padding: 0; }
              body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul {
                margin: 0;
                height: 100%;
                overflow-y: scroll;
                position: relative; }
                body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li {
                  padding: 20px;
                  line-height: 1;
                  border-bottom: 3px solid #f3f3f3; }
                  body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p {
                    display: inline-block;
                    width: 100%; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p:nth-child(1) {
                      font-weight: 700;
                      margin-bottom: 10px;
                      line-height: 1.3; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p:nth-child(2) {
                      font-size: 16px;
                      margin-bottom: 10px;
                      line-height: 1.3; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span {
                      font-size: 14px;
                      color: #a9a9a9; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span:nth-child(1) {
                        float: left; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span:nth-child(2) {
                        float: right; }
                  body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div {
                    display: inline-block;
                    width: 100%; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more {
                      display: none; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more.active {
                        display: inline-block;
                        width: 100%; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .more-title {
                        font-weight: 700;
                        font-size: 18px;
                        margin: 15px 0; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li {
                        position: relative;
                        font-size: 16px;
                        margin-top: 10px;
                        padding-left: 20px; }
                        body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li:nth-child(1) {
                          margin-top: 0; }
                        body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li:before {
                          content: '';
                          width: 5px;
                          height: 5px;
                          background-color: #db0011;
                          position: absolute;
                          border-radius: 50%;
                          top: 4px;
                          left: 8px; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more > a {
                        display: block;
                        font-size: 16px;
                        padding-left: 8px;
                        margin-bottom: 10px;
                        color: #333333; }
                        body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more > a:hover {
                          text-decoration: underline; }
                  body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a {
                    display: block;
                    color: #db0011;
                    text-align: right;
                    font-weight: 500;
                    margin-top: 20px;
                    cursor: pointer; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a:hover {
                      text-decoration: underline; }
                    body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a.active {
                      font-size: 0; }
                      body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a.active:before {
                        content: 'Ocultar';
                        font-size: 18px; }
                  body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li.active {
                    background-color: #f3f3f3;
                    top: 0; }
            body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps.active {
              display: block;
              height: 450px;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1; }
            body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps.unemployed.ue-active {
              display: none !important; }

		
    body > main .content-folio {
      display: none; }
      body > main .content-folio.active {
        display: block; }
      body > main .content-folio .title {
        /*background-color: #f3f3f3;*/
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 -15px 10px;
        padding: 10px; }
        body > main .content-folio .title .icon-ok {
          margin: 0 30px 0 auto;
          width: 48px;
          height: 48px;
          background-color: #db0011;
          color: #ffffff;
          border-radius: 50%;
          padding: 14px; }
          body > main .content-folio .title .icon-ok:before {
            font-size: 22px; }
        body > main .content-folio .title p {
          margin: 0 auto 0 0; }
          body > main .content-folio .title p span {
            display: block; }
          body > main .content-folio .title p .name-final {
            font-size: 24px;
            font-weight: 700;
            padding: 10px 0;
            border-bottom: 1px solid #a9a9a9;
            margin-bottom: 10px;
            text-align: left; }
      body > main .content-folio .cont-folio.header-form {
        margin-bottom: 15px; }
        body > main .content-folio .cont-folio.header-form p {
          font-weight: 500;
          font-size: 18px; }

          .folioo {
            font-size: 25px;
            font-weight: 700;
            margin:0; }
          
          body > main .content-folio .cont-folio.header-form p.folio {
            font-size: 32px;
            font-weight: 500;
            margin-left: 20px; }
          body > main .content-folio .cont-folio.header-form p.letra-folio {
            font-size: 18px;
            font-weight: 700;
            margin-left: 0px; }
          body > main p.datos-smg3 {
            font-size: 18px;
            font-weight: 500;
			text-align:left; 
			/*margin-left: -35px;*/
		  }

		  /* OPCIONES DE FINANCIAMIENTO */
          body > main p.datos-smg3-opc-fin {
            font-size: 18px;
            font-weight: 500;
			text-align:left; 
			/*margin-left: -35px;*/
		  }
		  /* OPCIONES DE FINANCIAMIENTO */
		  
          body > main .tarjeta-resultado {
			/*margin-left: 600px;*/
			/*float: right;*/
			/*text-align: center;*/
			display: flex;
			justify-content: center;
			align-items: center;
			height: 200px;
		  }

			
			
      body > main .content-folio .cont-documents {
        margin-top: 30px; }
        body > main .content-folio .cont-documents > div > div {
          -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          background-color: #ffffff;
          text-align: center;
          padding: 20px 15px;
          height: 270px; }
        .sigientes-pasos {
          -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          background-color: #ffffff;
          text-align: rigth;
          padding: 7px 15px;
          /*height: 80px; */
		  font-size: 16px;
		  display:block; margin: -10px 1px 1px 1px;}
          body > main .content-folio .cont-documents > div > div p {
            font-weight: 500; }
          body > main .content-folio .cont-documents > div > div span {
            font-size: 13px;
            line-height: 1.5;
            display: block;
            color: #666666; }
          body > main .content-folio .cont-documents > div > div i {
            font-size: 64px;
            color: #db0011;
            margin: 20px 0 10px;
            display: block; }
      body > main .content-folio .note {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        margin-top: 50px; }
        body > main .content-folio .note img {
          height: 53px;
          margin-right: 30px; }
        body > main .content-folio .note p {
          margin-bottom: 0;
          line-height: 2; }
      body > main .content-folio .bank-branches .cont-maps {
        width: 100%;
        -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06); }
        body > main .content-folio .bank-branches .cont-maps .cont-options-address {
          background-color: #FCFCFC; }
          body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -webkit-box-align: center;
            align-items: center; }
            body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address {
              height: 75px;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -ms-flex-align: center;
              -webkit-align-items: center;
              -webkit-box-align: center;
              align-items: center;
              cursor: pointer;
              margin: 0 auto; }
              body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address p {
                text-align: center;
                color: #a9a9a9;
                font-weight: 500;
                display: inline-block;
                margin: 0 auto 0 0; }
              body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address i {
                line-height: .8;
                color: #a9a9a9;
                margin: 0 10px 0 auto; }
              body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address:hover p, body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address:hover i {
                color: #db0011; }
              body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address.active {
                border-bottom: 4px solid #db0011; }
                body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address.active p, body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address.active i {
                  color: #db0011; }
              body > main .content-folio .bank-branches .cont-maps .cont-options-address .options-address .address.unemployed.ue-active {
                display: none !important; }
        body > main .content-folio .bank-branches .cont-maps .options-maps {
          display: block;
          height: 450px;
          width: 100%;
          overflow: hidden;
          position: relative; }
          body > main .content-folio .bank-branches .cont-maps .options-maps .maps {
            display: block;
            height: 450px;
            overflow: hidden;
            width: 100%;
            background-color: #ffffff; }
            body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-banks, body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-geolocation {
              display: none;
              height: 100%;
              width: 100%;
              background-color: rgba(0, 0, 0, 0.7);
              position: absolute;
              top: 0;
              left: 0; }
              body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-banks p, body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-geolocation p {
                color: #ffffff;
                text-align: center;
                font-size: 35px;
                width: 100%; }
              body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-banks.active, body > main .content-folio .bank-branches .cont-maps .options-maps .maps .no-geolocation.active {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -webkit-box-align: center;
                align-items: center; }
            body > main .content-folio .bank-branches .cont-maps .options-maps .maps > div {
              height: 100%; }
            body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks {
              padding: 0; }
              body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul {
                margin: 0;
                height: 100%;
                overflow-y: scroll;
                position: relative; }
                body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li {
                  padding: 20px;
                  line-height: 1;
                  border-bottom: 3px solid #f3f3f3; }
                  body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p {
                    display: inline-block;
                    width: 100%; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p:nth-child(1) {
                      font-weight: 700;
                      margin-bottom: 10px;
                      line-height: 1.3; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p:nth-child(2) {
                      font-size: 16px;
                      margin-bottom: 10px;
                      line-height: 1.3; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span {
                      font-size: 14px;
                      color: #a9a9a9; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span:nth-child(1) {
                        float: left; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > p > span:nth-child(2) {
                        float: right; }
                  body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div {
                    display: inline-block;
                    width: 100%; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more {
                      display: none; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more.active {
                        display: inline-block;
                        width: 100%; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .more-title {
                        font-weight: 700;
                        font-size: 18px;
                        margin: 15px 0; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li {
                        position: relative;
                        font-size: 16px;
                        margin-top: 10px;
                        padding-left: 20px; }
                        body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li:nth-child(1) {
                          margin-top: 0; }
                        body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more .service > li:before {
                          content: '';
                          width: 5px;
                          height: 5px;
                          background-color: #db0011;
                          position: absolute;
                          border-radius: 50%;
                          top: 4px;
                          left: 8px; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more > a {
                        display: block;
                        font-size: 16px;
                        padding-left: 8px;
                        margin-bottom: 10px;
                        color: #333333; }
                        body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > div.more > a:hover {
                          text-decoration: underline; }
                  body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a {
                    display: block;
                    color: #db0011;
                    text-align: right;
                    font-weight: 500;
                    margin-top: 20px;
                    cursor: pointer; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a:hover {
                      text-decoration: underline; }
                    body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a.active {
                      font-size: 0; }
                      body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li > a.active:before {
                        content: 'Ocultar';
                        font-size: 18px; }
                  body > main .content-folio .bank-branches .cont-maps .options-maps .maps .list-banks > ul > li.active {
                    background-color: #f3f3f3;
                    top: 0; }
            body > main .content-folio .bank-branches .cont-maps .options-maps .maps.active {
              display: block;
              height: 450px;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1; }
            body > main .content-folio .bank-branches .cont-maps .options-maps .maps.unemployed.ue-active {
              display: none !important; }

			  .resalte{
				color:red;
			  }
			  
	.resalte2 {
	  font-size: 16px;
	  display: inline-block;
	  /*font-weight: 700;*/
	  font-family: "UniversNextforHSBC-Bold", Helvetica, Arial, sans-serif;
	  padding-bottom: 4px; 
	  color:#ABABAB;
	}			  

	.resalte3 {
	  font-size: 16px;
	  display: inline-block;
	  /*font-weight: 700;*/
	  font-family: "UniversNextforHSBC-Bold", Helvetica, Arial, sans-serif;
	  padding-bottom: 4px; 
	  color:red;
	}

	.pos-txt-dat-tra{
		top:10px;
	}
	.color-tick{
		color:#269792;
	}
	
    body > main .content-modal-balance-transfer {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 1; }
      body > main .content-modal-balance-transfer.active {
        display: block; }
      body > main .content-modal-balance-transfer#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-balance-transfer#modalLoadingData .spinner-red, body > main .content-modal-balance-transfer#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-balance-transfer#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-balance-transfer#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
      body > main .content-modal-balance-transfer .content-modal {
        /*width: 557px;
        height: 555px;*/
		width: 1100px;
        height: 600px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 40px 20px;
        max-height: 100%;
        overflow: hidden;
        /*overflow-y: scroll;*/ }
        body > main .content-modal-balance-transfer .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-balance-transfer .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-balance-transfer .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-balance-transfer .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-balance-transfer .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-balance-transfer .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-balance-transfer .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-balance-transfer .content-modal p {
          font-size: 17px; }
        body > main .content-modal-balance-transfer .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-balance-transfer .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-balance-transfer .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-balance-transfer .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-balance-transfer .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-balance-transfer .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-balance-transfer .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-balance-transfer .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-balance-transfer .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-balance-transfer .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-balance-transfer .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-balance-transfer .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-balance-transfer .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-balance-transfer .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-balance-transfer .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-balance-transfer .content-modal .cont-btn {
          margin-top: 40px; }



    body > main .content-modal-back-acd {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-back-acd.active {
        display: block; }
      body > main .content-modal-back-acd#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-back-acd#modalLoadingData .spinner-red, body > main .content-modal-back-acd#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-back-acd#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-back-acd#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
          
      body > main .content-modal-back-acd .content-modal {
		width: auto;
        height: 500px;
        position: relative;
        top: 50px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 40px;
        max-height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        min-width: 300px;
        max-width: 500px; }
        body > main .content-modal-back-acd .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-back-acd .content-modal .cont-error {
          text-align: left;
          width: 100%; }
          body > main .content-modal-back-acd .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-back-acd .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-back-acd .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-back-acd .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-back-acd .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-back-acd .content-modal p {
          font-size: 17px; }
        body > main .content-modal-back-acd .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-back-acd .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-back-acd .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-back-acd .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-back-acd .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-back-acd .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-back-acd .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-back-acd .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-back-acd .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-back-acd .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-back-acd .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-back-acd .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-back-acd .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-back-acd .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-back-acd .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-back-acd .content-modal .cont-btn {
          margin-top: 40px; }


    body > main .content-modal-back-acd-info {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: black;
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-back-acd-info.active {
        display: block; }
      body > main .content-modal-back-acd-info#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-back-acd-info#modalLoadingData .spinner-red, body > main .content-modal-back-acd-info#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-back-acd-info#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-back-acd-info#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
          
      body > main .content-modal-back-acd-info .content-modal {
        /*width: 557px;
        height: 555px;*/
		width: 800px;
        height: 600px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 40px;
        max-height: 100%;
        overflow: hidden;
        /*overflow-y: scroll;*/ }
        body > main .content-modal-back-acd-info .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-back-acd-info .content-modal .cont-error {
          text-align: left;
          width: 100%; }
          body > main .content-modal-back-acd-info .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-back-acd-info .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-back-acd-info .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-back-acd-info .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-back-acd-info .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-back-acd-info .content-modal p {
          font-size: 17px; }
        body > main .content-modal-back-acd-info .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-back-acd-info .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-back-acd-info .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-back-acd-info .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-back-acd-info .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-back-acd-info .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-back-acd-info .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-back-acd-info .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-back-acd-info .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-back-acd-info .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-back-acd-info .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-back-acd-info .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-back-acd-info .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-back-acd-info .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-back-acd-info .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-back-acd-info .content-modal .cont-btn {
          margin-top: 40px; }


    body > main .content-modal-acd {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-acd.active {
        display: block; }
      body > main .content-modal-acd#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-acd#modalLoadingData .spinner-red, body > main .content-modal-acd#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-acd#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-acd#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
          
      body > main .content-modal-acd .content-modal {
        /*width: 557px;
        height: 555px;*/
		width: 500px;
        height: 400px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 80px;
        max-height: 100%;
        overflow: hidden;
        /*overflow-y: scroll;*/ }
        body > main .content-modal-acd .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-acd .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-acd .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-acd .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-acd .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-acd .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-acd .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-acd .content-modal p {
          font-size: 17px; }
        body > main .content-modal-acd .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-acd .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-acd .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-acd .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-acd .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-acd .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-acd .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-acd .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-acd .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-acd .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-acd .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-acd .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-acd .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-acd .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-acd .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-acd .content-modal .cont-btn {
          margin-top: 40px; }






    body > main .content-modal-back {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-back.active {
        display: block; }
      body > main .content-modal-back#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-back#modalLoadingData .spinner-red, body > main .content-modal-back#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-back#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-back#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
          
      body > main .content-modal-back .content-modal {
        /*width: 557px;
        height: 555px;*/
		width: 500px;
        height: 400px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 80px;
        max-height: 100%;
        overflow: hidden;
        /*overflow-y: scroll;*/ }
        body > main .content-modal-back .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-back .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-back .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-back .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-back .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-back .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-back .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-back .content-modal p {
          font-size: 17px; }
        body > main .content-modal-back .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-back .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-back .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-back .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-back .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-back .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-back .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-back .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-back .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-back .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-back .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-back .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-back .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-back .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-back .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-back .content-modal .cont-btn {
          margin-top: 40px; }




    body > main .content-modal-back-token {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-back-token.active {
        display: block; }
      body > main .content-modal-back-token#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-back-token#modalLoadingData .spinner-red, body > main .content-modal-back#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-back-token#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-back-token#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }		  
/*       body > main .content-modal-back-token .content-modal { */
/*         width: 557px; */
/*         height: 555px; */
/*         position: absolute; */
/*         top: 0; */
/*         bottom: 0; */
/*         right: 0; */
/*         left: 0; */
/*         margin: auto; */
/*         background-color: #ffffff; */
/*         padding: 50px 80px; */
/*         max-height: 100%; */
/*         overflow: hidden; */
/*         overflow-y: scroll; } */
      body > main .content-modal-back-token .content-modal {
        width: auto;
        height: 583px;
        position: relative;
        top: 50px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 40px;
        max-height: 100%;
        overflow: hidden;
        overflow-y: scroll; 
		min-width:300px;
		max-width:555px;
		}
        body > main .content-modal-back-token .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-back-token .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-back-token .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-back-token .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-back-token .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-back-token .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-back-token .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-back-token .content-modal p {
          font-size: 17px; }
        body > main .content-modal-back-token .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-back-token .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-back-token .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-back-token .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-back-token .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-back-token .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-back-token .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-back-token .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-back-token .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-back-token .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-back-token .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-back-token .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-back-token .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-back-token .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-back-token .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-back-token .content-modal .cont-btn {
          margin-top: 40px; }
  
/** **/
    body > main .content-modal-back-opc-entrega {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-back-opc-entrega.active {
        display: block; }
      body > main .content-modal-back-opc-entrega#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-back-opc-entrega#modalLoadingData .spinner-red, body > main .content-modal-back#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-back-opc-entrega#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-back-opc-entrega#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }		  
/*       body > main .content-modal-back-opc-entrega .content-modal { */
/*         width: 557px; */
/*         height: 555px; */
/*         position: absolute; */
/*         top: 0; */
/*         bottom: 0; */
/*         right: 0; */
/*         left: 0; */
/*         margin: auto; */
/*         background-color: #ffffff; */
/*         padding: 50px 80px; */
/*         max-height: 100%; */
/*         overflow: hidden; */
/*         overflow-y: scroll; } */
      body > main .content-modal-back-opc-entrega .content-modal {
        width: auto;
        height: 555px;
        position: relative;
        top: 50px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 40px;
        max-height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        min-width:300px;
		max-width:555px; }
        body > main .content-modal-back-opc-entrega .content-modal.center {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-back-opc-entrega .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-back-opc-entrega .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-back-opc-entrega .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-back-opc-entrega .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-back-opc-entrega .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-back-opc-entrega .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-back-opc-entrega .content-modal p {
          font-size: 17px; }
        body > main .content-modal-back-opc-entrega .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-back-opc-entrega .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-back-opc-entrega .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-back-opc-entrega .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-back-opc-entrega .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-back-opc-entrega .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-back-opc-entrega .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-back-opc-entrega .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-back-opc-entrega .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-back-opc-entrega .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-back-opc-entrega .content-modal .cont-btn {
          margin-top: 40px; }
/** **/
  
  
        
/*****/
    body > main .content-modal-opc-fin {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      display: none;
      z-index: 99; }
      body > main .content-modal-opc-fin.active {
        display: block; }
      body > main .content-modal-opc-fin#modalLoadingData .preloader-wrapper {
        /*nuevo*/
        margin-bottom: 50px; }
      body > main .content-modal-opc-fin#modalLoadingData .spinner-red, body > main .content-modal-opc-fin#modalLoadingData .spinner-red-only {
        /*nuevo*/
        border-color: #db0011; }
      body > main .content-modal-opc-fin#modalLoadingData .content-modal {
        /*nuevo*/
        height: 350px; }
        body > main .content-modal-opc-fin#modalLoadingData .content-modal p {
          /*nuevo*/
          margin-bottom: 30px; }
      body > main .content-modal-opc-fin .content-modal {
        /*width: 557px;
        height: 555px;*/
		width: 600px;
        height: 640px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #ffffff;
        padding: 50px 80px;
        max-height: 100%;
        overflow: hidden;
        overflow-y: scroll; }
        body > main .content-modal-opc-fin .content-modal.center {
          /*display: -ms-flexbox;*/
          /*display: -webkit-flex;*/
          /*display: flex;*/
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
        body > main .content-modal-opc-fin .content-modal .cont-error {
          text-align: center;
          width: 100%; }
          body > main .content-modal-opc-fin .content-modal .cont-error i {
            font-size: 64px;
            color: #d7d8d6;
            line-height: 0.7;
            margin-bottom: 0; }
          body > main .content-modal-opc-fin .content-modal .cont-error .title {
            font-size: 24px;
            font-weight: 700; }
          body > main .content-modal-opc-fin .content-modal .cont-error p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 40px; }
          body > main .content-modal-opc-fin .content-modal .cont-error button {
            float: none; }
        body > main .content-modal-opc-fin .content-modal .title p {
          margin-bottom: 30px; }
        body > main .content-modal-opc-fin .content-modal p {
          font-size: 12px; /*font-size: 17px;*/ }
        body > main .content-modal-opc-fin .content-modal .rule {
          font-size: 14px;
          margin-top: 5px; }
        body > main .content-modal-opc-fin .content-modal .new-code p {
          font-size: 14px; }
        body > main .content-modal-opc-fin .content-modal .new-code a {
          margin-bottom: 25px;
          display: inline-block; }
          body > main .content-modal-opc-fin .content-modal .new-code a.active {
            /*nuevo2*/
            display: none; }
          body > main .content-modal-opc-fin .content-modal .new-code a span {
            font-size: 12px;
            color: #db0011;
            vertical-align: middle; }
          body > main .content-modal-opc-fin .content-modal .new-code a i {
            vertical-align: sub;
            font-size: 16px;
            color: #db0011;
            margin-left: 5px; }
          body > main .content-modal-opc-fin .content-modal .new-code a:hover {
            text-decoration: none; }
            body > main .content-modal-opc-fin .content-modal .new-code a:hover span {
              text-decoration: underline; }
        body > main .content-modal-opc-fin .content-modal .new-code .progress.code {
          /*nuevo2*/
          background-color: #a9a9a9;
          margin-top: 15px;
          margin-bottom: 30px;
          display: none; }
          body > main .content-modal-opc-fin .content-modal .new-code .progress.code.active {
            /*nuevo2*/
            display: block; }
          body > main .content-modal-opc-fin .content-modal .new-code .progress.code .indeterminate {
            /*nuevo2*/
            background-color: #db0011; }
        body > main .content-modal-opc-fin .content-modal .data-write md-hint {
          width: 100%; }
          body > main .content-modal-opc-fin .content-modal .data-write md-hint span {
            font-size: 14px; }
            body > main .content-modal-opc-fin .content-modal .data-write md-hint span:nth-child(1) {
              float: left; }
            body > main .content-modal-opc-fin .content-modal .data-write md-hint span:nth-child(2) {
              float: right; }
        body > main .content-modal-opc-fin .content-modal .cont-btn {
          /*margin-top: 40px;*/
		  margin-top: 0px;
		  }
/*****/
          
    body > main .data-write {
      position: relative; }
      body > main .data-write .custom-combobox-input {
        width: 100%; }
      body > main .data-write.money:before {
        content: '$';
        position: absolute;
        font-size: 18px;
        left: 25px;
        top: 25px;
        display: none;
        font-weight: 500;
        color: #000000; }
      body > main .data-write.money.active:before {
        display: block; }
      body > main .data-write.money .input-field input {
        padding-left: 25px !important; }
      body > main .data-write.left {
        clear: left; }
      body > main .data-write.lala {
        cursor: pointer;
        pointer-events: auto; }
      body > main .data-write .input-field {
        border: 1px solid #a9a9a9;
        height: 60px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 30px;
        position: relative; }
        body > main .data-write .input-field .rule {
          font-size: 12px;
          margin-top: 8px; }
        body > main .data-write .input-field.with-link {
          margin-bottom: 45px; }
          body > main .data-write .input-field.with-link.not-valid {
            margin-bottom: 60px; }
        body > main .data-write .input-field.infoCurp, body > main .data-write .input-field.infoCpDom, body > main .data-write .input-field.infoCpLab {
          opacity: .6; }
          body > main .data-write .input-field.infoCurp input, body > main .data-write .input-field.infoCpDom input, body > main .data-write .input-field.infoCpLab input {
            pointer-events: none; }
          body > main .data-write .input-field.infoCurp label, body > main .data-write .input-field.infoCpDom label, body > main .data-write .input-field.infoCpLab label {
            pointer-events: none; }
        body > main .data-write .input-field.not-edit {
          pointer-events: none;
          opacity: .5; }
        body > main .data-write .input-field .dropdown-content li > span {
          color: #333333; }
        body > main .data-write .input-field .easy-autocomplete {
          width: 100% !important;
          height: 100%; }
          body > main .data-write .input-field .easy-autocomplete .eac-item {
            font-size: 16px;
            word-break: break-word; }
            body > main .data-write .input-field .easy-autocomplete .eac-item b {
              font-size: 16px;
              font-weight: 900; }
        body > main .data-write .input-field.not-valid {
          border-color: #db0011; }
          body > main .data-write .input-field.not-valid > input {
            margin-bottom: 20px !important; }
          body > main .data-write .input-field.not-valid:before {
            content: '';
            width: 4px;
            height: 100%;
            background-color: #db0011;
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
          body > main .data-write .input-field.not-valid:after {
            content: "\6e";
            color: #db0011;
            font-size: 10px;
            font-family: "icon-hsbc";
            display: block;
            position: absolute;
            top: 5px;
            right: 10px; }
        body > main .data-write .input-field.valid {
          border-color: #269792; }
          body > main .data-write .input-field.valid:after {
            content: "\6a";
            color: #269792;
            font-size: 12px;
            font-family: "icon-hsbc";
            display: block;
            position: absolute;
            top: 5px;
            right: 10px; }
          body > main .data-write .input-field.valid:before {
            content: '';
            width: 4px;
            height: 100%;
            background-color: #269792;
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
        body > main .data-write .input-field .error {
          top: 100%;
          left: 0;
          z-index: 1;
          color: #db0011 !important;
          line-height: 1.2;
          font-size: 12px;
          margin-top: 5px;
          transition: none !important;
          transform: none !important;
          min-width: 100%;
          height: 20px;
          padding: 0 5px; }
        body > main .data-write .input-field input:not([type]),
        body > main .data-write .input-field input[type=text],
        body > main .data-write .input-field input[type=password],
        body > main .data-write .input-field input[type=email],
        body > main .data-write .input-field input[type=url],
        body > main .data-write .input-field input[type=time],
        body > main .data-write .input-field input[type=date],
        body > main .data-write .input-field input[type=datetime],
        body > main .data-write .input-field input[type=datetime-local],
        body > main .data-write .input-field input[type=tel],
        body > main .data-write .input-field input[type=number],
        body > main .data-write .input-field input[type=search],
        body > main .data-write .input-field textarea.materialize-textarea {
          border: none !important;
          margin: 0;
          font-size: 18px;
          font-weight: 500;
          color: #000000;
          height: 100%;
          padding: 15px 15px 0;
          text-transform: uppercase;
          box-sizing: border-box; }
          body > main .data-write .input-field input:not([type]):focus:not([readonly]),
          body > main .data-write .input-field input[type=text]:focus:not([readonly]),
          body > main .data-write .input-field input[type=password]:focus:not([readonly]),
          body > main .data-write .input-field input[type=email]:focus:not([readonly]),
          body > main .data-write .input-field input[type=url]:focus:not([readonly]),
          body > main .data-write .input-field input[type=time]:focus:not([readonly]),
          body > main .data-write .input-field input[type=date]:focus:not([readonly]),
          body > main .data-write .input-field input[type=datetime]:focus:not([readonly]),
          body > main .data-write .input-field input[type=datetime-local]:focus:not([readonly]),
          body > main .data-write .input-field input[type=tel]:focus:not([readonly]),
          body > main .data-write .input-field input[type=number]:focus:not([readonly]),
          body > main .data-write .input-field input[type=search]:focus:not([readonly]),
          body > main .data-write .input-field textarea.materialize-textarea:focus:not([readonly]) {
            border-bottom: none;
            box-shadow: none; }
          body > main .data-write .input-field input:not([type])#desEmail, body > main .data-write .input-field input:not([type])#codeVerify,
          body > main .data-write .input-field input[type=text]#desEmail,
          body > main .data-write .input-field input[type=text]#codeVerify,
          body > main .data-write .input-field input[type=password]#desEmail,
          body > main .data-write .input-field input[type=password]#codeVerify,
          body > main .data-write .input-field input[type=email]#desEmail,
          body > main .data-write .input-field input[type=email]#codeVerify,
          body > main .data-write .input-field input[type=url]#desEmail,
          body > main .data-write .input-field input[type=url]#codeVerify,
          body > main .data-write .input-field input[type=time]#desEmail,
          body > main .data-write .input-field input[type=time]#codeVerify,
          body > main .data-write .input-field input[type=date]#desEmail,
          body > main .data-write .input-field input[type=date]#codeVerify,
          body > main .data-write .input-field input[type=datetime]#desEmail,
          body > main .data-write .input-field input[type=datetime]#codeVerify,
          body > main .data-write .input-field input[type=datetime-local]#desEmail,
          body > main .data-write .input-field input[type=datetime-local]#codeVerify,
          body > main .data-write .input-field input[type=tel]#desEmail,
          body > main .data-write .input-field input[type=tel]#codeVerify,
          body > main .data-write .input-field input[type=number]#desEmail,
          body > main .data-write .input-field input[type=number]#codeVerify,
          body > main .data-write .input-field input[type=search]#desEmail,
          body > main .data-write .input-field input[type=search]#codeVerify,
          body > main .data-write .input-field textarea.materialize-textarea#desEmail,
          body > main .data-write .input-field textarea.materialize-textarea#codeVerify {
            text-transform: none; }
        body > main .data-write .input-field label {
          left: 0;
          padding: 0 15px;
          top: 20px;
          font-size: 14px;
          font-weight: 300;
          color: #666666 !important;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          pointer-events: none; }
          body > main .data-write .input-field label:not(.label-icon).active {
            font-size: 12px;
            transform: translateY(-85%); }
        body > main .data-write .input-field .select-wrapper {
          height: 100%; }
        body > main .data-write .input-field .caret {
          font-size: 0;
          right: 10px; }
          body > main .data-write .input-field .caret:before {
            content: "\6f";
            font-family: "icon-hsbc";
            font-size: 18px; }
    body > main section {
      padding: 0 15px;
      display: inline-block;
      width: 100%;
      text-align: center; }
      body > main section .content {
        width: 100%;
        max-width: 980px;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        text-align: left; }
        body > main section .content.small {
          max-width: 845px;
          padding: 0 15px; }
    body > main .select-autocomplete label {
      pointer-events: none; }
    body > main .select-autocomplete .ui-button {
      font-size: 0;
      right: 10px;
      position: absolute;
      top: 17px;
      cursor: pointer; }
      body > main .select-autocomplete .ui-button:before {
        content: "\6f";
        font-family: "icon-hsbc";
        font-size: 18px;
        color: #000000; }
    body > main .select-autocomplete .custom-combobox input {
      padding-right: 35px !important; }
    body > main .content-header {
      background-color: #ffffff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9; }
      body > main .content-header.fixed-scroll {
        -webkit-box-shadow: 0px 6px 25px -4px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 6px 25px -4px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 6px 25px -4px rgba(0, 0, 0, 0.55); }
      body > main .content-header .content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 18px 0; }
        body > main .content-header .content .logo-hsbc {
          width: 150px;
          height: 27px;
          background-image: url("../img/logo-hsbc.png");
          background-size: cover;
          margin: 0 auto 0 0; }
        body > main .content-header .content .type-card {
          font-size: 24px;
          line-height: 1;
          width: 90%;
          padding: 0 0 0 15px;
          text-align: right; }
          body > main .content-header .content .type-card i {
            color: #d7d8d6;
            display: inline-block;
            -ms-transform: rotate(-20deg);
            /* IE 9 */
            -webkit-transform: rotate(-20deg);
            /* Chrome, Safari, Opera */
            transform: rotate(-20deg);
            font-size: 26px;
            vertical-align: middle;
            margin-right: 10px; }
          body > main .content-header .content .type-card p {
            font-weight: 300;
            margin: 0;
            display: inline-block;
            vertical-align: middle; }
			
			
			
			
/*******************************/
        body > main .content-header .content .data-user {
          font-size: 16px;
          line-height: 1;
          width: 50%;
          padding: 0 0 0 15px;
          text-align: right; }
          body > main .content-header .content .data-user i {
            color: #d7d8d6;
            display: inline-block;
            /*-ms-transform: rotate(-20deg);*/
            /* IE 9 */
            /*-webkit-transform: rotate(-20deg);*/
            /* Chrome, Safari, Opera */
            /*transform: rotate(-20deg);*/
            font-size: 26px;
            vertical-align: middle;
            margin-right: 10px; }
          body > main .content-header .content .data-user p {
            font-weight: 300;
            margin: 0;
            display: inline-block;
            vertical-align: middle; }

        body > main .content-header .content .sesion-exit {
          font-size: 10px;
          line-height: 0;
          width: 10%;
          padding: 0 0 0 15px;
          text-align: right; }
          body > main .content-header .content .sesion-exit i {
            color: #d7d8d6;
            display: inline-block;
            /*-ms-transform: rotate(-20deg);*/
            /* IE 9 */
            /*-webkit-transform: rotate(-20deg);*/
            /* Chrome, Safari, Opera */
            /*transform: rotate(-20deg);*/
            font-size: 40px;
            vertical-align: middle;
            margin-right: 10px; }
          body > main .content-header .content .sesion-exit p {
            font-weight: 300;
            margin: 0;
            display: inline-block;
            vertical-align: middle; }
/*****************************/			
			
			
			
			
    body > main .content-bannercard-small {
/*       margin-bottom: 50px; TOL MARGEN ORIGINAL 180724*/
      margin-bottom: 5px;
      padding: 0; }
    body > main .content-bannercard-small-tdc {
      margin-bottom: 50px;
      padding: 0; }
      body > main .content-bannercard-small img {
        width: 100%; }
      body > main .content-bannercard-small-tdc img {
        width: 100%; }
    body > main .content-form {
      display: none; }
      body > main .content-form .unemployed.ue-active {
        display: none !important; }
      body > main .content-form .data-checkbox label {
        font-size: 18px;
        color: #333333; }
        body > main .content-form .data-checkbox label:after {
          border: 1px solid #666666;
          border-radius: 50% !important;
          margin: 2px;
          overflow: hidden; }
      body > main .content-form .data-checkbox p {
        font-size: 15px;
        font-weight: 700;
        display: none;
        color: #269792;
        padding-left: 35px; }
      body > main .content-form .data-checkbox [type="checkbox"].filled-in:checked + label + p {
        display: block; }
      body > main .content-form .data-checkbox [type="checkbox"].filled-in:checked + label:before {
        top: 2px;
        left: 3px; }
      body > main .content-form .data-checkbox [type="checkbox"].filled-in:checked + label:after {
        background-color: #db0011;
        border-color: #db0011; }
      body > main .content-form .data-checkbox a {
        color: #db0011; }
        body > main .content-form .data-checkbox a:hover {
          text-decoration: underline; }
      body > main .content-form .content-checkbox {
        min-height: 60px; }
        body > main .content-form .content-checkbox .data-checkbox {
          padding: 15px 0; }
        body > main .content-form .content-checkbox .more-info {
          padding: 0;
          display: none; }
          body > main .content-form .content-checkbox .more-info .data-write {
            padding: 0 5px; }
            body > main .content-form .content-checkbox .more-info .data-write.money:before {
              left: 20px; }
            body > main .content-form .content-checkbox .more-info .data-write.money .input-field input {
              padding-left: 28px !important; }
        body > main .content-form .content-checkbox.active .more-info {
          display: block; }
      body > main .content-form .cont-data-radio {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 60px;
        position: relative;
        margin-bottom: 30px; }
        body > main .content-form .cont-data-radio .sex {
          /*nuevo*/
          display: none; }
        body > main .content-form .cont-data-radio p {
          margin-bottom: 0;
          margin-right: 30px; }
        body > main .content-form .cont-data-radio .error {
          bottom: 0;
          left: 15px;
          color: #db0011 !important;
          line-height: 1.2;
          font-size: 12px;
          margin-top: 5px;
          transition: none !important;
          transform: none !important;
          position: absolute; }
          body > main .content-form .cont-data-radio .error.active {
            display: block; }
        body > main .content-form .cont-data-radio .data-radio {
          position: inherit; }
          body > main .content-form .cont-data-radio .data-radio.infoCurp, body > main .content-form .cont-data-radio .data-radio.infoCpDom, body > main .content-form .cont-data-radio .data-radio.infoCpLab {
            opacity: .6; }
            body > main .content-form .cont-data-radio .data-radio.infoCurp input, body > main .content-form .cont-data-radio .data-radio.infoCpDom input, body > main .content-form .cont-data-radio .data-radio.infoCpLab input {
              pointer-events: none; }
            body > main .content-form .cont-data-radio .data-radio.infoCurp label, body > main .content-form .cont-data-radio .data-radio.infoCpDom label, body > main .content-form .cont-data-radio .data-radio.infoCpLab label {
              pointer-events: none; }
          body > main .content-form .cont-data-radio .data-radio .error {
            top: 100%;
            left: 5px;
            color: #db0011 !important;
            line-height: 1.2;
            font-size: 12px;
            margin-top: 5px;
            transition: none !important;
            transform: none !important;
            position: absolute; }
          body > main .content-form .cont-data-radio .data-radio label {
            font-size: 18px;
            color: #333333;
            padding-left: 60px; }
            body > main .content-form .cont-data-radio .data-radio label:before {
              width: 20px;
              height: 20px;
              border: 1px solid #666666;
              margin: 10px; }
            body > main .content-form .cont-data-radio .data-radio label:after {
              -webkit-transform: scale(0.7);
              transform: scale(0.7);
              border: none;
              margin: 12px; }
            body > main .content-form .cont-data-radio .data-radio label i {
              color: #a9a9a9;
              font-size: 35px; }
          body > main .content-form .cont-data-radio .data-radio:nth-child(2) {
            margin-right: 30px; }
      body > main .content-form.active {
        display: block; }
      body > main .content-form .content {
        -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
        background-color: #ffffff; }
        body > main .content-form .content .module {
          padding-bottom: 10px;
          display: none; }
          body > main .content-form .content .module.border {
            border-bottom: 1px solid #d7d8d6;
            margin-bottom: 40px; }
          body > main .content-form .content .module .cont-btn {
            margin-top: 25px; }
          body > main .content-form .content .module.active {
            display: block; }
          body > main .content-form .content .module .instructions {
            margin-bottom: 20px; }
            body > main .content-form .content .module .instructions span {
              display: none; }
        body > main .content-form .content .title-collapse {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center;
          padding: 0 15px;
          margin-bottom: 30px;
          border-bottom: 1px solid #d7d8d6; }
          body > main .content-form .content .title-collapse#DataUser {
            display: none; }
		  body > main .content-form .content .title-collapse#DataAddress {
			display: none; }
		  body > main .content-form .content .title-collapse#DataIncome {
			display: none; }
          body > main .content-form .content .title-collapse.active {
            border-bottom: 0; }
            body > main .content-form .content .title-collapse.active .btn-collapse:before {
              content: "\72"; }
          body > main .content-form .content .title-collapse i {
            color: #db0011;
            font-size: 18px;
            margin-right: 15px;
            line-height: 0.7; }
          body > main .content-form .content .title-collapse p {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 0; }
          body > main .content-form .content .title-collapse .btn-collapse {
            width: 50px;
            height: 50px;
            background-color: transparent;
            border: none;
            color: #db0011;
            font-size: 20px;
            margin-right: 0;
            margin-left: auto; }
        body > main .content-form .content .header-form {
          -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
          border-left: 6px solid #db0011;
          padding: 15px 80px;
          min-height: 100px;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center; }
          body > main .content-form .content .header-form p {
            margin: 0;
            font-size: 24px;
            font-weight: 700; }
        body > main .content-form .content .form-data-long {
          padding: 50px 80px; }
        body > main .content-form .content .warning {
			margin: 0px;
          /*margin: 0 0 20px;*/
          position: relative; }
          body > main .content-form .content .warning i {
            position: absolute;
            top: 0px;
            left: 13px;
            color: #d7d8d6;
            font-size: 25px; }
          body > main .content-form .content .warning span {
            display: block;
			padding-left: 0px;
            /*padding-left: 35px;*/ }
    body > main .content-bar-steps {
      margin-top: -30px;
      margin-bottom: 60px;
      display: none; }
      body > main .content-bar-steps.active {
        display: block; }
      body > main .content-bar-steps .content {
        position: relative; }
      body > main .content-bar-steps .line {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 60px;
        padding: 0 15px; }
        body > main .content-bar-steps .line > div {
          height: 8px;
          background-color: #d7d8d6;
          width: 50%; }
          body > main .content-bar-steps .line > div.active {
            background-color: #83000a; }
      body > main .content-bar-steps .cont-steps {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        body > main .content-bar-steps .cont-steps .step {
          position: relative;
          padding-bottom: 30px;
          margin: 0; }
          body > main .content-bar-steps .cont-steps .step:nth-child(2) {
            margin: 0 auto; }
          body > main .content-bar-steps .cont-steps .step button {
            background-color: #d7d8d6;
            pointer-events: none; }
          body > main .content-bar-steps .cont-steps .step span {
            display: block;
            width: 135px;
            text-align: center;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -67.5px;
            font-size: 14px;
            color: #a9a9a9; }
          body > main .content-bar-steps .cont-steps .step.active button {
            background-color: #db0011;
            position: relative; }
            body > main .content-bar-steps .cont-steps .step.active button:before {
              content: '';
              width: 4px;
              height: 4px;
              background-color: #ffffff;
              display: block;
              position: absolute;
              bottom: 8px;
              left: 50%;
              margin-left: -2px;
              border-radius: 50%; }
          body > main .content-bar-steps .cont-steps .step.active.valid button:before {
            content: "\6a";
            font-family: "icon-hsbc" !important;
            text-transform: none;
            line-height: 1;
            font-size: 10px;
            width: auto;
            height: auto;
            background-color: transparent;
            color: #ffffff;
            display: block;
            position: absolute;
            bottom: 5px;
            left: 50%;
            margin-left: -5px;
            border-radius: 50%; }
          body > main .content-bar-steps .cont-steps .step.valid button:before {
            content: "\6a";
            font-family: "icon-hsbc" !important;
            text-transform: none;
            line-height: 1;
            font-size: 10px;
            width: auto;
            height: auto;
            background-color: transparent;
            color: #ffffff;
            display: block;
            position: absolute;
            bottom: 5px;
            left: 50%;
            margin-left: -5px;
            border-radius: 50%; }

	body > main .short-padding{
		padding: 20px 15px !important;
	}
	body > main .short-bottom-margin{
		margin-bottom: 10px !important;
	}
	body > main .smaller-font-icon{
		font-size: 40px !important;
	}
/****** Limites para arriba de: ******/
/* s */
/* m */
@media (min-width: 993px) {
/*body > main .content-bannercard-small img { background: url("https://piblinkandlaunch.hsbc.com.mx/1/PA_esf-ca-app-content/content/inicio/personas/cuentas/tarjetas_credito/imagenes/img_hbmx_tdc_2now.png"); background-repeat: no-repeat;}*/
  html body > main article {
    max-width: 95%;
    margin: 0 auto; } }

/* l */
/****** Limites Abajo de: ******/
@media (max-width: 992px) {
  html body .ui-menu.ui-widget {
    max-width: 230px; }
  html body > main section.content-form .cont-data-radio p {
    margin-right: 15px; }
  html body > main section.content-form .cont-data-radio .data-radio:nth-child(2) {
    margin-right: 10px; }
  html body > main section.content-form .content .header-form {
    padding: 15px 30px; }
  html body > main section.content-form .content .form-data-long {
    padding: 30px; }
  html body > main section.content-bar-steps .content {
    max-width: 80%; }
  html body > main article.active > .header-form {
    padding: 15px 30px; }
  html body > main article.active > .cont-btn {
    padding: 0 15px; }
  html body > main article.active.forms .content-form .content .form-data-long {
    padding: 0 15px; }
  html body > main .header-form {
    padding: 15px 30px; } }

@media (max-width: 780px) {
  html body > main .content-folio .cont-documents > div > div {
    height: 400px; } 
  html body > main .content-rechazo .cont-documents > div > div {
    height: 400px; } 
	/****************************/
          body > main p.datos-smg3 {
            font-size: 12px;
            font-weight: 500;
			text-align:left; }
          body > main img.tarjeta-resultado {
			/*margin-left: 150px;*/ }
	/****************************/
	
	/* OPCIONES DE FINANCIAMIENTO */
          body > main p.datos-smg3-opc-fin {
            font-size: 12px; /* font-size: 12px; */
            font-weight: 500; /* font-weight: 500; */
			text-align:left; /* text-align:left; */ }
          body > main img.tarjeta-resultado {
			/*margin-left: 150px;*/ }
	/* OPCIONES DE FINANCIAMIENTO */
	
  html body > main .btn.btn-square.small-btn {
      max-width: 180px;}
	}


@media (max-width: 600px) {
  html body > main {
    padding-bottom: 30px; }
    html body > main .form-tips {
      white-space: normal; }
    html body > main .content-folio .title {
      display: block;
      margin-bottom: 10px; }
      html body > main .content-folio .title .icon-ok {
        display: block;
        margin: 0 auto 10px; }
      html body > main .content-folio .title p .name-final {
        font-size: 18px;
        text-align: center; }
      html body > main .content-folio .title p span {
        font-size: 16px; }
    html body > main .content-folio .note img {
      height: 38px;
      margin-right: 15px; }
    html body > main .content-folio .cont-folio.header-form {
      display: block;
      padding: 15px;
      margin-bottom: 40px; 
	  min-height:10px;}
      html body > main .content-folio .cont-folio.header-form p {
        font-size: 16px;
        font-weight: 300;
        text-align: center; }
          body > main .content-folio .cont-folio.header-form p.letra-folio {
            font-size: 12px;
            font-weight: 700;
            margin-left: 0px; }
        html body > main .content-folio .cont-folio.header-form p.folio {
          margin: 0; }
    html body > main .content-folio .documets p {
      font-size: 16px;
      text-align: center; }
/***************************/
          body > main p.datos-smg3 {
            font-size: 10px;
            font-weight: 500;
			text-align:left; }
          body > main img.tarjeta-resultado {
			/*margin-left: 90px;*/ }
/***************************/
/* OPCIONES DE FINANCIAMIENTO */
          body > main p.datos-smg3-opc-fin {
            font-size: 10px;
            font-weight: 500;
			text-align:left; }
          body > main img.tarjeta-resultado {
			/*margin-left: 90px;*/ }
/* OPCIONES DE FINANCIAMIENTO */
    html body > main .content-folio .cont-documents > div {
      margin-bottom: 10px; }
      html body > main .content-folio .cont-documents > div > div {
        height: auto;
        position: relative;
        padding-left: 60px; }
        html body > main .content-folio .cont-documents > div > div i {
          font-size: 40px;
          position: absolute;
          top: 15px;
          left: 10px;
          margin: 0;
          line-height: 1; }
        html body > main .content-folio .cont-documents > div > div p, html body > main .content-folio .cont-documents > div > div span {
          text-align: left; }
    html body > main .content-folio .bank-branches .cont-maps .options-maps {
      height: 700px; }
      html body > main .content-folio .bank-branches .cont-maps .options-maps .maps.active {
        height: 700px; }
        html body > main .content-folio .bank-branches .cont-maps .options-maps .maps.active .list-banks {
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #ffffff;
          height: 250px;
          z-index: 1; }
		  
		  
  html body > main {
    padding-bottom: 30px; }
    html body > main .form-tips {
      white-space: normal; }
    html body > main .content-rechazo .title {
      display: block;
      margin-bottom: 40px; }
      html body > main .content-rechazo .title .icon-ok {
        display: block;
        margin: 0 auto 10px; }
      html body > main .content-rechazo .title p .name-final {
        font-size: 18px;
        text-align: center; }
      html body > main .content-rechazo .title p span {
        font-size: 16px; }
    html body > main .content-rechazo .note img {
      height: 38px;
      margin-right: 15px; }
    html body > main .content-rechazo .cont-folio.header-form {
      display: block;
      padding: 15px;
      margin-bottom: 40px; 
	  min-height:10px;}
      html body > main .content-rechazo .cont-folio.header-form p {
        font-size: 16px;
        font-weight: 300;
        text-align: center; }
          body > main .content-rechazo .cont-folio.header-form p.letra-folio {
            font-size: 12px;
            font-weight: 700;
            margin-left: 0px; }
        html body > main .content-rechazo .cont-folio.header-form p.folio {
          margin: 0; }
    html body > main .content-rechazo .documets p {
      font-size: 16px;
      text-align: center; }
    html body > main .content-rechazo .cont-documents > div {
      margin-bottom: 10px; }
      html body > main .content-rechazo .cont-documents > div > div {
        height: auto;
        position: relative;
        padding-left: 60px; }
        html body > main .content-rechazo .cont-documents > div > div i {
          font-size: 40px;
          position: absolute;
          top: 15px;
          left: 10px;
          margin: 0;
          line-height: 1; }
        html body > main .content-rechazo .cont-documents > div > div p, html body > main .content-rechazo .cont-documents > div > div span {
          text-align: left; }
    html body > main .content-rechazo .bank-branches .cont-maps .options-maps {
      height: 700px; }
      html body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps.active {
        height: 700px; }
        html body > main .content-rechazo .bank-branches .cont-maps .options-maps .maps.active .list-banks {
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #ffffff;
          height: 250px;
          z-index: 1; }
		  
		  
		  
    html body > main .btn.btn-circle span {
      display: none; }
    html body > main article.active .title-collapse.active .btn-edit span {
      display: none; }
    html body > main article.active .title-collapse.active .btn-edit i {
      margin-right: 0; }
    html body > main article.active > .header-form {
      padding: 15px 10px; }
      html body > main article.active > .header-form p {
        font-size: 18px; }
    html body > main article.active > .cont-btn {
      padding: 0 15px; }
    html body > main article.active.forms .content-form {
      padding: 15px 0 0; }
      html body > main article.active.forms .content-form .content .form-data-long {
        padding: 0 !important; }
    html body > main .content-bar-steps {
      margin: 0 auto 20px; }
      html body > main .content-bar-steps .line {
        height: 50px; }
        html body > main .content-bar-steps .line > div {
          height: 6px; }
      html body > main .content-bar-steps .cont-steps .step {
        padding-bottom: 0; }
        html body > main .content-bar-steps .cont-steps .step .btn-circle {
          width: 50px;
          height: 50px;
          padding: 10px; }
        html body > main .content-bar-steps .cont-steps .step span {
          display: none; }
    html body > main .content-modal-back .content-modal {
      width: 95%;
      height: 100%;
      max-height: 555px;
      padding: 30px 10px; }
	  /******/
    html body > main .content-modal-opc-fin .content-modal {
      width: 95%;
      height: 100%;
      max-height: 555px;
      padding: 30px 10px; }
	  /******/
    html body > main section .content.small {
      padding: 0 5px; }
    /*html body > main section.content-header.fixed-scroll .content .logo-hsbc {
      display: none; }*/
    html body > main section.content-header .content {
      display: flex;
      padding: 18px 0; }
      html body > main section.content-header .content .logo-hsbc {
        width: 110px;
        height: 18px;
        margin-bottom: 0px; }
        html body > main section.content-header .content .type-card {
        /*width: 100%;
        padding: 0;*/ } 
        html body > main section.content-header .content .type-card span.header-title {
          font-size: 0; }
        html body > main section.content-header .content .type-card .name-account {
          /*font-size: 14px;
          font-weight: 700;*/ }
        html body > main section.content-header .content .type-card i {
          display: none; }
		  
		  /**************/
        html body > main section.content-header .content .data-user {
        /*width: 100%;
        padding: 0;*/ } 
        html body > main section.content-header .content .data-user span.header-title {
          font-size: 0; }
        html body > main section.content-header .content .data-user .name-account {
          /*font-size: 14px;
          font-weight: 700;*/ }
        html body > main section.content-header .content .data-user i {
          display: none; }
		  /**************/
		  
		  
    html body > main section.content-bannercard-small {
      margin-bottom: 20px; }
    html body > main section.content-bannercard-small-tdc {
      margin-bottom: 20px; }
    html body > main section.content-form .content .title-collapse {
      margin-bottom: 10px; }
      html body > main section.content-form .content .title-collapse p {
        font-size: 18px; }
    html body > main section.content-form .content-checkbox .data-checkbox {
      width: 100%; }
    html body > main section.content-form#contFormPers .content .form-data-long .module.border {
      margin-bottom: 0;
      border: 0; }
    html body > main section.content-form .content .header-form {
      padding: 15px;
      min-height: 70px; }
      html body > main section.content-form .content .header-form p {
        font-size: 18px; }
      html body > main section.content-form .content .header-form span {
        font-size: 14px;
        display: block;
        line-height: 1.3; }
    html body > main section.content-form .content .form-data-long {
      padding: 30px 0; }
      html body > main section.content-form .content .form-data-long .module .warning i {
        top: 5px; }
      html body > main section.content-form .content .form-data-long .module .warning span {
        font-size: 16px; }
      html body > main section.content-form .content .form-data-long .module.border {
        margin-bottom: 15px; } 
	  html body > main .btn.btn-square.small-btn {
      max-width: 164px;}
}

@media (max-width: 400px) {
	/*body > main .content-bannercard-small img { 
		background-image: url("https://piblinkandlaunch.hsbc.com.mx/1/PA_esf-ca-app-content/content/inicio/personas/cuentas/tarjetas_credito/imagenes/img_hbmx_tdc_2now_mov.png"); 
		background-repeat: no-repeat; 
		background-size: 95%;
		}*/
  html body > main .btn.btn-square {
    max-width: none; }
	html body > main .btn.btn-square.small-btn {
	margin-bottom: 10px;
    max-width: none; }
  /*html body > main .btn.btn-square.small-btn {
     max-width: 164px;}*/
}
	
	.titulo-balance-transfer {
	  font-size: 18px;
	  display: inline-block;
	  font-weight: 700;
	  font-family: "UniversNextforHSBC-Bold", Helvetica, Arial, sans-serif;
	  padding-bottom: 4px; 
	}
	.parrafo-balance-transfer {
	  font-size: 18px;
	  display: inline-block;
	  font-family: "UniversNextforHSBC-Bold", Helvetica, Arial, sans-serif;
	  padding-bottom: 4px; 
	}
	
	.label-step {
        display: none; 
		/*margin: -15px 10px 20px 5px;*/
		margin: 20px 0px;}
			
	.progress__steps-label {
	  font-size: 18px;
	  display: inline-block;
	  font-weight: 700;
	  font-family: "UniversNextforHSBC-Bold", Helvetica, Arial, sans-serif;
	  padding-bottom: 4px; }
	  @media screen and (min-width: 600px) {
		.progress__steps-label {
		  display: none; }


		  }

	.progress__bar {
	  position: relative;
	  height: 4px;
	  overflow: hidden;
	  background: #ededed; }

	.progress__bar__indicator { 
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  background: #db0011;
	  -webkit-transition: all 300ms cubic-bezier(0, 0, 0, 0.74);
	  -moz-transition: all 300ms cubic-bezier(0, 0, 0, 0.74);
	  transition: all 300ms cubic-bezier(0, 0, 0, 0.74); }	


	@media (max-width: 600px) {
	
		/*body > main .content-bannercard-small img { 
		background-image: url("https://piblinkandlaunch.hsbc.com.mx/1/PA_esf-ca-app-content/content/inicio/personas/cuentas/tarjetas_credito/imagenes/img_hbmx_tdc_2now_tab.png"); 
		background-repeat: no-repeat; 
		background-size: 95%;
		}*/

		
		.label-step {display: block;}
		body > main .content-bar-steps.active {display: none; }
		body > main .header-form p {
			margin: 0;
			font-size: 15px;
			font-weight: 700; } 
			
	/****************************/  
          body > main p.datos-smg3 {
            font-size: 12px;
            font-weight: 500;
			text-align:center; }
          body > main .tarjeta-resultado {
			text-align:center; }
	/****************************/
	}
	/* OPCIONES DE FINANCIAMIENTO */  
          body > main p.datos-smg3-opc-fin {
            font-size: 12px;
            font-weight: 500;
			text-align:left; /*text-align:center;*/ }
          body > main .tarjeta-resultado {
			text-align:center; }
	/* OPCIONES DE FINANCIAMIENTO */
	}	

	.liga{
		color: red; 
		text-decoration: underline;  
	}
	.liga:hover { 
		font-weight: 400;
	}
	
	.linkRequestToken{
		font-size: 12px;
		color: #db0011; 
		vertical-align: middle;
		margin-top: 20px;
	}
	.linkRequestToken:hover { 
		font-weight: 400;
	}
	.new-code-token a.active {
        display: block;
	}
	
    #progress-code-token {
        background-color: #a9a9a9;
        margin-top: 15px;
        margin-bottom: 30px;
        display: block; 
	}
	.opcion-entrega{
		font-size:18px!important;
		font-weight:bold;
		color:#000000;
		margin-bottom: 7px;
	}
	.cerrar-top{
		vertical-align: top;
	}
	.cerrar{
		color: red;
		cursor: pointer!important;;
		font-size: 23px!important;
	}
	.cerrar:hover {
  		color: #830F0F;
  		font-weight:bold;
	}
	
	.negritas{
		font-weight: 700!important;;
	}
	
	.negritas-num{
		font-weight: 800!important;;
	}
	
		.striped-border { border: 0px dashed red; width: 50%; margin: auto; margin-top: 5%; margin-bottom: 5%; }
	
/* hr { */
/*    opcaity: 0.6; */
/*    width: 350px; */
/*    height: 150px; */
/*    margin-right: auto; */
/*    margin-left: auto; */
/*    background-color:#666; */
/* } */

hr {
	opcaity: 0.6;
	width: 50%;
  	height: 1px;
  	background-color: red;
}

.margen-lbl{
  border: #9e9e9e 1px solid;
  margin: 10px 0px 0px 0px;
  padding:10px;
}