/** STYLES  **/
/***********************/
/* -- PAGE ELEMENTS --*/
html,
body {
  background-color: var(--background-color, #fff);
  background-image: var(--background-image, none);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: var(--font-stack, sans-serif);
  margin: 0;
  height: 100%;
  min-height: 100%;
  /*min-width: 100vw;*/
  padding: 0;
  font-size: 10pt;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-stack, sans-serif);
  color: var(--primary);
}

label.col-form-label {
  color: var(--gray-dark, var(--secondary));
  /*	font-size: 0.9em;*/
}

small.form-text {
  color: var(--gray-dark);
  opacity: 0.66;
}

label[for] {
  cursor: pointer;
}

a {
  color: var(--cust-primary, var(--primary));
}

input.form-control {
  font-size: 1em;
}

/* LAYOUT CONTENT  */
.wrapper {
  /* min-height: 100vh; */
  min-height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr auto;
      grid-template-rows: auto 1fr auto;
}

/*	FORM FIELDS: */
input[type="text"],
input[type="email"],
.input-text {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid var(--cust-secondary, var(--secondary));
}

/*IE*/
.form-control:-ms-input-placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}

/*IE EDGE*/
.form-control::-ms-input-placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}

/*W3C*/
.form-control::-webkit-input-placeholder,
.form-control:placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}
.form-control:-ms-input-placeholder,
.form-control:placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}
.form-control::-ms-input-placeholder,
.form-control:placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}
.form-control::placeholder,
.form-control:placeholder {
  color: var(--gray-dark, #cccccc);
  opacity: 0.6;
}

.btn,
.btn.form-block {
  border-radius: 50px;
}

button,
.btn {
  font-weight: 500;
}

.btn.btn-primary,
button:hover,
.btn:hover {
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

button[type="submit"],
.btn.btn-block.btn-primary {
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

button[type="reset"],
.btn.btn-block.btn-secondary {
  border-radius: 50px;
  border: 2px solid var(--primary);
  background-color: transparent;
  color: var(--primary);
}

button[type="reset"]:active,
.btn.btn-block.btn-secondary:active {
  border-radius: 50px;
  border: 2px solid var(--blue-inactive);
  background-color: var(--blue-inactive);
  color: var(--primary);
}

.btn.btn-block.btn-paypal {
  border-radius: 50px;
  border-color: var(--paypal-cyan);
  background-color: var(--cust-primfary, var(--paypal-cyan));
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  vertical-align: middle;
}

.btn.btn-block .btn-paypal-icon {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

.btn.btn-block .btn-paypal-icon::before {
  font-size: 1rem;
  content: ' ';
  display: inline-block;
  background-color: transparent;
  height: 1.1rem;
  width: 5rem;
  background-image: url(../../img/2020/card/PayPal_logo.svg);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn.btn-secondary {
  border-radius: 50px;
  border: 2px solid var(--primary);
  background-color: var(--primary);
  color: var(--light);
}

.col-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*******************************/
/*--	CUSTOMER HEADER 	--*/
header#client-header {
  background: var(--header-bgcolor, var(--primary));
  color: var(--header-color);
  min-height: var(--header-height);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  position: relative;
  z-index: 100;
}

header #header-row {
  min-height: var(--header-height);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

header #customer-logo {
  display: inline-block;
  background-color: transparent;
  width: 100%;
  min-height: 2em;
  vertical-align: middle;
  background-image: var(--logo-path, url("../../img/2020/client-logo.png"));
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}

.badge-city {
  display: var(--badge-city-display);
  background-color: var(--badge-city-bgcolor, var(--secondary));
  color: var(--badge-city-color, var(--light));
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 3rem;
  font-weight: 500;
}

/*-- LENGUAGE SELECTOR --*/
#language-selector {
  background-color: var(--language-bgcolor, var(--secondary));
  border-color: var(--language-bgcolor, var(--secondary));
  color: var(--language-color, white);
  border-radius: var(--language-border-radius);
}

/***************************/
/*--	FORM CONTENT 	--*/
#page-content {
  background-color: var(--page-bgcolor, #eee);
  /* min-height: 75vh; */
  width: 100%;
  max-width: 100vw;
  /* font-size: 0.6rem; */
}

#form-win-container {
  background-color: var(--form-bgcolor, #fff);
  border-radius: var(--form-radius, 0px);
  -webkit-box-shadow: var(--page-shadow);
          box-shadow: var(--page-shadow);
  /**/
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#form-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#form-title .title-portal {
  font-size: 1.2em;
  margin-left: 1.2em;
}

#form-title .title-portal #title-icon {
  margin-left: -1.2em;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
}

.title-portal,
svg .title-icon-path {
  color: var(--title-color, var(--primary));
  fill: var(--title-color, var(--primary));
}

.title-portal::before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  background: var(--title-portal-icon, none);
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("../../img/2020/title-icon.svg");
  background-position: 50% 50%;
  background-size: contain;
  display: none;
}

#form-win-steps {
  /*--	FORM STEPS: --*/
}

#form-win-steps > .form-step {
  /* font-size: 1.2em; */
  color: var(--gray-dark);
  text-align: center;
  border-bottom: 1px solid var(--gray);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#form-win-steps > .form-step.form-step-selected {
  color: var(--step-color, var(--primary));
  font-weight: 500;
  border-bottom: 3px solid var(--step-color, var(--primary));
}

div#form-win-intro {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-content {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.form-content #form-win-agree-int {
  padding-left: 2em;
}

div#form-payment--disclaimer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/************************************/
/*	--	FORM FOOTER	--	*/
.PCI-DDS-Cert {
  height: 2.5em;
}

.fab[data-toggle="tooltip"] {
  cursor: help;
}

.fab[class*="fa-cc-"] {
  display: inline-block;
  font-size: var(--card-width, 2em);
  color: var(--primary);
  margin-left: 0.2em;
}

.fab[class*="fa-cc-"]::before {
  content: '';
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  vertical-align: text-bottom;
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5em;
  height: 1.0em;
}

.fa-cc-visa {
  display: var(--display-visa, none) !important;
}

.fa-cc-visa::before {
  background-image: url(../../img/2020/card/visa.svg);
}

.fa-cc-mastercard {
  display: var(--display-mastercard, none) !important;
}

.fa-cc-mastercard::before {
  background-image: url(../../img/2020/card/mastercard.svg);
}

.fa-cc-paypal {
  display: var(--display-paypal, none) !important;
}

.fa-cc-paypal::before {
  background-image: url(../../img/2020/card/paypal.svg);
}

.fa-cc-stripe {
  display: var(--display-stripe, none) !important;
}

.fa-cc-stripe::before {
  background-image: url(../../img/2020/card/stripe.svg);
}

/*************************************/
/*  --  FOOTER  --      */
/************************/
/*	FOOTER 	*/
#page-footer {
  background-color: var(--footer-bgcolor, var(--gray));
  color: var(--footer-color, var(--dark));
  font-size: 8pt;
}

#form-win-footer a {
  /*color: saturate($form-primary-color, 80%);*/
  color: var(--foorer-link, var(--primary));
  display: inline-block;
}

#form-win-footer a {
  text-decoration: none;
}

#form-win-footer nav a::after {
  content: ' ';
  height: 1px;
  display: block;
  width: 1em;
  border-bottom: 1px solid var(--foorer-link, var(--primary));
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

#form-win-footer nav a:hover::after {
  width: 100%;
}

/*********************************/
/*  --  TOOOLS AND OTHERS   --  */
/*  TABLE RESUME    */
#table-resume-list thead,
#table-resume-totals tfoot {
  background-color: var(--light);
  font-weight: 500;
}

#table-resume-totals tfoot {
  font-weight: bold;
}

.table th {
  font-weight: 500;
}

.table tbody th,
.table tbody td {
  white-space: nowrap;
}

/*  MODAL POPUP     */
.modal .modal-body {
  font-size: 0.8em;
}

.dropdown-item,
.logo-link {
  cursor: pointer;
}

/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .label2placeholder label {
    display: block;
  }
  .label2placeholder input::-webkit-input-placeholder {
    color: transparent;
  }
  .label2placeholder input:-ms-input-placeholder {
    color: transparent;
  }
  .label2placeholder input::-ms-input-placeholder {
    color: transparent;
  }
  .label2placeholder input::placeholder {
    color: transparent;
  }
  .btn {
    font-size: 1em;
  }
  .PCI-DDS-Cert {
    height: 3.5em;
  }
}

/* // Medium devices (tablets, 768px and up) */
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .PCI-DDS-Cert {
    height: 2.5em;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {
    font-size: 11pt;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
  body {
    font-size: 14pt;
  }
  header #customer-logo {
    /*min-height: 3em;*/
  }
}
/*# sourceMappingURL=styles.css.map */