/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 212 2009-09-03 05:33:44Z emartin24 $
 *
 */
#basic-modal-content {
  display: none;
}

/* Solicita Tokens */
#modal-solicita-tokens form.cformDatos {
  margin: 0;
}

#modal-solicita-tokens form.cformDatos input.cbtn {
  margin-top: 40px;
  margin-bottom: 16px;
}

#modal-solicita-tokens {
  height: 100%;
  width: 100%;
  display: none;
  border: 0px;

  background: #fff;
}

/* Codigos de emergencia */
#modal-solicita-em {
  height: 140px;
  width: 280px;
  display: none;
  background: #FF6200;
  border: 0px solid #000000;
}

#modal-solicita-em #canales-contacto {
  font: bold 10px Arial;
  color: #fff;
}

#modal-solicita-em #canales-contacto input.cbtn {
  font: 12px Arial;
  color: #fff;
  background-color: #7d7d7d;
  border: 1px solid #000000;
}

/* Mensaje de error */
#modal-mensaje-error {
  display: none;
  background: #ffffff;
  border: 0px solid #E6E6E6;
  border-radius: 4px;
}

#modal-mensaje-error #mensaje-error {
  font: 12px Arial;
  color: #6D6E71;
}

#modal-mensaje-error #mensaje-error h4{
  height: 96px;
  width: 313px;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2rem;
  font-family: "Itau Text Pro";
  font-weight: 400;
  text-align: start;
}

/* Mensaje de exito */
#modal-mensaje-exito {
  height: 140px;
  width: 280px;
  display: none;
  background: #FF6200;
  border: 0px solid #000;
}

#modal-mensaje-exito #mensaje-exito {
  font: bold 11px Arial;
  color: #fff;
}

/* Overlay */
#simplemodal-overlay {
  background-color: #666;
  cursor: wait;
}

/* Container */
#simplemodal-container a.modalCloseImg {

  height: 32px;
  width: 32px;
  color: var(--gray-500);
  font-family: Itau_Icons;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 35px;

  background-position: center;
  display: inline;
  z-index: 3200;
  position: absolute;
  cursor: pointer;
  right: 24px;
  top: 24px;

}

.simplemodal-container {
  width: 440px !important;
  background: #fff;
  border-radius: 4px;
  height: auto !important;

  padding: 56px;
}

.title {
  height: 31px;
  width: 313px;
  color: #FF6200;
  font-family: "Itau Display Pro";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}

#modal-solicita-tokens form.cformDatos label {
  width: 100%;
  display: block;
}

#modal-solicita-tokens form.cformDatos input {
  width: 100%;
  display: block;
}

.link-actions {
  margin-top: 40px;
}

.activeLink {
  color: #03101E !important;
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
  justify-content: start !important;
  cursor: pointer;
  margin-top: 24px;
}

.activeLink i {
  margin-right: 8px;
  color: var(--btn-link-color) !important;
  padding-top: 4px;
}

.activeLink span {
  text-decoration: underline;
  color: var(--btn-link-color);
}

.icon-itaufonts_recarregar:before {
  content: "\e992";
}

.icon-itaufonts_senha_box_outline:before {
  content: "\e9b0";
}

.color-gris-500 {
  color: var(--gray-500) !important;
}

.border-b-color-gris-500 {
  border-bottom: var(--gray-500) 1px solid !important;
}

.btn-focus:focus {
 border-bottom: 2px solid #EC7000 !important;
}