/* *********************************************************************
    Banner y Menu
*/
.main-logo-loggin img {
  height: auto;
  width: var(--main-logo-loggin-width);
  padding: var(--main-logo-loggin-padding);
}

/* *********************************************************************
    Login
*/

* {
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
}

html,
body {
    font-family: Helvetica;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    height: 100vh;

    border:0;
    margin:0;
    padding:0;
}

a {
  pointer-events: all;
  text-decoration: none;
  color: var(--primary-color);
}

hgroup {
}

.title {
  width:100%;
  text-align:center;
  margin-top: 0px;
  padding-bottom: 30px;
  color: var(--primary-color);
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 1em;
}

form {
    min-width: 240px;
    /* max-width: 500px; */
    padding: 1em 2em 1em 2em;
    background: #ffffff;
    border: 1px solid #b6b6b6;
    border-radius: 10px;
    margin-top: 30px;
}

.group {
    position: relative;
    padding-bottom: 0.5em;
    border: 0px solid #ff0000;
}
.group.links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.5rem, 5%);
  text-align: center;
}

/* **********************************************************************************
    Check-Box
*/
input[type=checkbox] {
    width: 0px;
}

.checkbox {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
}

.checkbox:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 2px;
  z-index: 1;
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid transparent;
}

.checkbox:checked:before {
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  transform: rotate(-50deg);
  height: .35rem;
  top: 0.15rem;
  border-color: var(--primary-color);
  border-top-style: none;
  border-right-style: none;
}

.checkbox:not(:checked):after,
.checkbox:not(:checked):before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0.5rem;
  z-index: 1;
  width: 0px;
  height: 0.8rem;
  border: 1px solid #cccccc;
}
.checkbox:not(:checked):before {
  transform: rotate(-45deg);
}
.checkbox:not(:checked):after {
  transform: rotate(45deg);
}


.checkbox:after {
  content: "";
  position: absolute;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  background: #ffffff;
  cursor: pointer;
}

input[type=checkbox]:focus  { outline: none; border-bottom: 0; }


/* **********************************************************************************
    Input Fields
*/

input[type=text],
input[type=email],
input[type=password],
select {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px 5px 5px;
    -webkit-appearance: none;
    display: block;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #c5c5c5;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus { outline: none; }

input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
select:disabled {
  background-color: unset !important;
}

input[type=text]:disabled.chosen-data,
input[type=email]:disabled.chosen-data,
input[type=password]:disabled.chosen-data,
select:disabled.chosen-data {
  background-color: #dfe3e4 !important;
}


.resultMessage {
  color: var(--on-secondary-color);
  position:relative;
  font-size: 16px;
  padding: 0.8em 1.6em;
  margin: 0 10% 30px;
}

.resultMessage,
.resultMessage .rows,
.resultMessage .cols {
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
}

.resultMessage .rows { flex-direction: row; }

.resultMessage .icon {
  min-width: 2rem;
}

.errorMessage {
  border-radius: 3px;
  color: rgba(114, 28, 36,1);
  border-left: 5px solid rgba(220, 53, 69, 1);
  background-color: rgba(248, 215, 218, 1);
}

.errorMessage br {
  margin-bottom: 1em;
}
.okMessage {
  color: var(--on-secondary-color);
  font-weight: bold;
}

/* Label */

label {
    color: #a5a5a5;
    line-height: 14px;
    font-size: 0.8em;
    font-weight: normal;
    position: relative;
    pointer-events: none;
    left: 5px;
    top: -20px;
    transition: all 0.2s ease;
}


label.small {
    color: var(--primary-color);
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    pointer-events: none;
    top: 0px;
    transition: all 0.2s ease;
}

label.links {
    line-height: 1.1em;
    font-size: 0.9em;
    font-weight: normal;
    color: var(--primary-color);
    position: relative;
    top: 0px;
    left: unset;
}

label.links.sub-action {
  font-size: 1.1em;
}

.group .sublink {
  position: absolute;
  right: 0;
}
.group .sublink label.links {
  line-height: 1em;
  font-size: 0.7em;
}
.group.required label::after {
  content: '*';
  font-size: .869rem;
  margin-left: 25px;
  position: relative;
  right: 20px;
  top: 2px;
  color: var(--tertiary-color);
}

.terms_and_conds {
  display: flex;
}
.terms_and_conds input {
  width: 1.5em;
  accent-color: var(--primary-color);
  outline-color: var(--primary-color);
}
.terms_and_conds input:focus {
  outline-color: var(--primary-color);
}
.terms_and_conds label a {
  text-decoration: none;
  color: var(--tertiary-color);
  font-weight: bolder;
  cursor: pointer;
  pointer-events: all;
}

/* active */

input[type=text]:focus ~ label, input[type=text]:valid ~ label, input[type=text].used ~ label,
input[type=email]:focus ~ label, input[type=email]:valid ~ label, input[type=email].used ~ label, input[type=email]:not(:placeholder-shown) ~ label,
input[type=password]:focus ~ label, input[type=password]:valid ~ label, input[type=password].used ~ label,
select:focus ~ label, select:valid ~ label, select.used ~ label {
  top: -43px;
  transform: scale(.75); left: -2px;
  color: #cccccc;
}

/* ------------------------------------------- */
/*             Select / Combo                  */
/* ------------------------------------------- */

/* Eliminamos la flecha que por defecto aparece en el desplegable */
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  z-index: 1;
}
.content-select select::-ms-expand {
    display: none;
}

.content-select{
    width: 100%;
    position: relative;
}

.content-select select{
    display: inline-block;
    width: 100%;
    padding: 5px 10px 5px 5px;
    cursor: pointer;
  outline: 0;
  border: 0;
    border-radius: 0;
    background: transparent;
  color: #636363;
  border-bottom: 1px solid #c5c5c5;
  position: relative;
  transition: all 0.25s ease;
}

/*
Creamos la flecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select::after {
  content: "";
    position: absolute;
    right: 8px;
    top: 15px;
    transition: all 0.25s ease;
  z-index: 0;

    width: 0;
    height: 0;
    border-top: 5px solid var(--tertiary-color);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}




/* Underline */

.bar {
    position: absolute;
    display: block;
    width: 100%;
}

.bar:before, .bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: var(--primary-color);
    transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */

input[type=checkbox]:focus ~ .bar:before { width: 0; }
input[type=checkbox]:focus ~ .bar:after { width: 18px; left: -1px; top: -19px; height: 18px; background-color: transparent; border: 1px solid var(--primary-color); }
input:focus ~ .bar:before, input:focus ~ .bar:after, select:focus ~ .bar:before, select:focus ~ .bar:after { width: 50%; }

/* **********************************************************************************
    Button
*/

.button {
  position: relative;
  display: block;
  padding: .5em 4em;
  margin: 1em auto;
  width: 100%;
  max-width: 30em;
  color: #ffffff;
  font-size: .9em;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  letter-spacing: 1px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: all 0.15s ease;
  border-radius: 10px;
  overflow: hidden;
}
.button:focus {
  outline: 0;
  box-shadow: 0px 2px 10px -2px var(--tertiary-color);
  -webkit-box-shadow: 0px 2px 10px -2px var(--tertiary-color);
  -moz-box-shadow: 0px 2px 10px -2px var(--tertiary-color);
}

/* Button modifiers */

.buttonColor {
  background: var(--primary-color);
}


/* Button Effect */
.buttonEffectCircle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--tertiary-color);

  height: 0;
  width: 200%;
  padding-bottom: 200%;
  opacity: 0;
  transition: all;
  -webkit-transition-duration: 0.8s; /* Safari */
  transition-duration: 0.8s;
}
.buttonEffectCircle:active::before {
    width: 0;
    height: 0;
    opacity: 1;
    transition: 0s
}

.pay-button {
  position: relative;
  padding: 0.5em 2em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.pay-button .icon {
  display: inline-block;
  margin-right: 1em;
  padding: 1em;
  background: center / 100% no-repeat;
}

.pay-button.waiting::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--tertiary-color);
  animation: pay-button-waiting 600s infinite ease-in-out;
  z-index: -1;
}
.pay-button.done::before {
  animation: pay-button-waiting-done 1s ease-out forwards;
}
@keyframes pay-button-waiting {
  1% {
    transform: translateX(30%);
  }
  5% {
    transform: translateX(60%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes pay-button-waiting-done {
  0% {
    transform: translateX(70%);
  }
  100% {
    transform: translateX(100%);
    animation-play-state: paused;
  }
}

#paylink_waiter.pay-button {
  border-radius:5px;
  cursor:unset;
  background-color: var(--primary-background);
  border: 1px solid var(--secondary-background);
  color: var(--primary-color);
}
#paylink_waiter.pay-button.waiting::before {
  background-color: var(--secondary-background);
}

#paylink_mp.pay-button {
  background-color: #009ee3;
}
#paylink_mp.pay-button .icon {
  background-image: url('data:image/png;base64,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');
}
#paylink_mp.buttonEffectCircle::before {
  background-color: #63bde4;
}

#paylink_mp.pay-button.waiting::before {
  background-color: #167acc;
}

#paylink_mx.pay-button {
  background-color: #7001fd;
}
#paylink_mx.pay-button .icon-svg {
  background-color: #fff;
  --icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><path d='M 188.916 14.698 C 191.91 15.912 504.592 319.708 521.351 309.935 C 531.215 304.183 774.744 27.688 812.39 11.849 C 931.347 -38.205 1060.856 80.781 1014.273 173.457 C 1005.056 191.793 729.888 481.189 703.351 509.743 C 699.496 513.89 984.964 798.156 999.943 822.421 C 1022.881 859.576 1021.818 940.067 971.285 986.751 C 937.56 1017.907 881.877 1027.714 845.189 1017.389 C 798.565 1004.268 522.552 708.415 512.754 711.011 C 499.141 714.621 244.693 985.102 217.574 1000.677 C 173.879 1025.77 111.109 1036.117 71.417 1003.463 C 43.369 980.387 20.609 971.165 5.503 917.12 C -14.071 847.093 41.704 794.237 82.88 752.79 C 95.556 740.031 319.179 525.446 315.012 514.651 C 302.755 482.882 30.247 222.197 11.235 190.169 C -16.022 144.254 10.186 75.124 48.49 42.551 C 64.665 28.794 128.622 -9.734 188.916 14.698 Z M 946.906 882.416 C 943.98 835.467 661.332 577.678 647.447 557.822 C 630.576 533.699 623.655 510.175 646.393 478.075 C 653.646 467.834 694.702 426.461 716.227 404.633 C 770.901 349.187 948.617 173.182 952.319 161.222 C 971.907 97.96 916.003 50.873 852.405 72.219 C 822.827 82.148 556.538 379.04 536.133 410.257 C 499.614 466.129 476.481 554.731 518.485 621.883 C 538.408 653.735 831.172 946.12 856.652 950.543 C 892.34 956.737 950.511 940.226 946.906 882.416 Z M 137.348 11.913 Z M 95.776 282.082 Z M 625.954 282.082 Z M 968.419 224.985 Z M 779.275 908.764 Z M 951.224 975.61 Z M 949.792 950.543 Z M 893.908 954.721 Z M 856.652 953.328 Z'/></svg>");
  padding: 0.8em;
}
#paylink_mx.buttonEffectCircle::before {
  background-color: #9f60f1;
}

#paylink_mx.pay-button.waiting::before {
  background-color: #401478;
}

#paylink_pp.pay-button {
  background-color: #f6bf34;
}
#paylink_pp.pay-button .icon {
  background-size: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEqCAMAAADNm34EAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTODp88HP4iA0exYud6KryW59qvP2+oaTuZzU7ldonerw9i2k2zZLikdZlHrG6GC75Eav3yE3fitBhBqd2Beb1yU7gCU9ghWZ1hud2AUebgST1CpBhCcudA8ncxWn4ik+ggCN0SCCvxWi3SlYmSlurCKNyIjK6XcAAAAVdFJOUwAcPf39XpUHfGWuEdzRwImlwejd8MDH7D4AAAnhSURBVHja7Z2LmrIgEIbzULa1nRNEzTR3u/9L/LHaQ/9iKUzBQLMXsM/3CfMOxMBg0DW8p8TUm0YDA8ObrIsnRRgE6818Mhr7njlW+GkRkGdFEARhWKQp/5+bCbfBhO+fBjl9mgGEUlqWeZ4T0vhQzEbDqWYDJkVOtATlPjQuhLOx1oEQEEr0xcmENN2MtHngFUR3lCcPZuOpphSYE/1BGw/Cia/BgKERBpzHQZHOhk83YGSKAY0HNEw3w6dDoCTmRFk+3YJZaJIBDRzDdPbMXBAElBDjLJh7DlFQNBGKYuwUBf9aQNKN7xYF/1gQpiPXKKhlEJhFwevIwydkAtMo+P8gmD/agLVxFLy2oFg/FoheSMyOMiyGj6VgaboDQTp2kYK/CkPySB6OzTeAD4IHpkJtG4KmOGA0BX9VBOnMTQr+OFA8xoFpSJBE/phZYD4FH5wHhhgg8O3AyFEK/jgwdpSC35GCV8XzsESknwap5ygFv1dG68hRCn6vjueuUvAxiRATBb8Toe8qBb/TgLsUhK+HcFHwC4aAkwAZBS8GwE2CKCQYIwebBF5aonSAFJ67FAQth8ZIDeAkgMmDowKrASHMBtm8QJoD+BAAWRhvMFLwMgQ27lIQbgh4BUVrAIUYAj5WCEANgTFqAwBAgJaCULUAXgqeVgTFRJmCIUVsACWhan9BQFCH8vYgZgqCpEHUFDxvDXnuUhBiY2SE3QDVBQFuCp7ToNIcmIWUYJ8DShwIAuwGqHHAyFaRvqFSC6Gn4GkOKCwJh1YYMHKYgqpJYIKegqckEClQ0AIDcoVNAfwUVKsErKAgKeV3RWygoFIWHFphAA2CyGEKKu0J2EFBBQxYQUGVYnhtAwUVimEvJFaENAf9tLTDgHDuMgUVCoGxJQbQYO00BZtKyGkK8pAsBS2hINcvty04tYSCPIqpyxSUNsAWCkobMHbdgElhjQFySdAiCsph0BoKShZC9lBQshS2h4KSR2btoaDkctgeCkpuiNhDQbr7WLrSMNliwGeycpiC3IDDvtr2/W0gsmctSHbHmmWZ7+xakBBWx70dsIeCNMjrOI5ZUr25SUEOgX1ydqDPGBhZRMHPkwE9HbCJgoezAXGc9MgDG2soSIKkvhjAM6HnHAUvOfDLga0jrSJ/c+DFgWrlHAW/cuCXAwvXdkR5HfjLgDjuVg5YQ0GeAvbxVSRZly3SuSU/jP4/A06J8N36hsmrGXC4ngHd0kAU2JICg7Jm8X+RVJ4zFLyGYPdJ4FsDgZ86+GoSvDlCwaYM/DMDeGSJG4dkBQzomAetoeD/VdDPGPBcoKAwBV6GwPJOq4jFKfBSEXv2U/BqJdxrCNhCwZYUeMkCU/tbRUohAzuAwBIK3hwAcZLYfkg2KFn7ALhdDm6s2BK+PQBurghsaJhsq4J/k9C3umGS1wC39benQRsoSHf5Hf039sitoGDrKuD3EPDtpWDrKqDLHLCAgncQeIcDFhySvZsBb5bD6I8H0S4ToL0Wwk9BPgHquJMBSzsp2HECtCUB7BSkd2rgq5/JIvso2JRArJv+lkoAOQUD0i0BtGdB5BTcHfdxdwOW1lGwewI4ZcGVba0iXH8c9zBga9ch2aYCYj0M4BiwioK99Qt/IcL7wygHYF330y/iINpWEa6f9dQvNAArBWX0CwsBpBSU0i8yACkFef6r++sXGYCUgnL6RbtiOCnI6x8Z/SIDMFIw4PpZLGfAG34K0h057uMYygB8rSK7PO6x/rlrADIK0oCXv7WsfoEBuChIya48SE7/lkoQFQWbz8+kh7/YAEQUPH/+WkW/YDWIhoJcfvP5Y7X4ux+ApVWEj/78qPr5RT8M4KAgl89H/15RvnBPEAEFKZdPPvnoV9Yv2BU2v2GSkrN8pi5fVAZ4KTX74/PUV3L5NYR8dBRsPv7u41BDyRf9NmgsBen5438c9zCDvw0CRlKwEc+/Pfk48LEfg8kX/jJmXKvIRTz/9lw9//iA8oVrQWNaRegpyEX857He85kPql54RgiwYZLKx2mTp1HOh33OxfNPXzN49aIUANgqchYgGfw75B8fn4cjq8/i4dWLNwTBjgfR3efxIBnH45E1wveN9vhB4ltOS4/hDOArlb1c1DzYSfkDtbcckYI7HtQc1VWI+AkhOikLSMGYxaaHoHMOioIduhW0h2gGRFANk13Pqmo1QPDDMBgFMRgg6hqDpKDpBgibBYZwBhxMN0B4mQwsBQ0fAMuHXhsQJMzwESC8QACqYdJ8CrZ0CkA1TDYQQJgB4FpFjKdgS7+YMxRsa5l0hoJtjeOuULD1VsUJIAVNNqD1Qr0ZGAWpyRRsvzkBjoL5HuEEcISCLEuiR18bYDYF26+XdoKCt27PcYGCNy+QgqPgzlQK3r5L0n4K8hI4esKrIn+v8jVG/81bBMHeWTaVgvde2QA7JGsoBe++MmI5Be+/sgL4w+jBPAjwAvDe6xJwrSIGrgV5/r97mzRYw2RAmGkUZNX7/UcnASlYGyY/qTq8tja1loIs6/SqhLUUZFXS6XGdoZ2LYT78V93enLWSgoxVWdcXxsAoSHeZKQbw2b/q/M4gYKuIIRTko3/b44E5sFYRQyjI4ipbdJdvGwUb+cteL44DUlC7AYwP/mzZ85FReyjI4qxKFn3fWAWloEYDmo9fvS8kXpuHWwtq2xJmJ/XJ0h/IBG4KskZ8Jq8e7VqQnSPJuPjsfSGtHrBhsnweBJpT5Y1yrn27WvjRQCU87RTkWnpHsn1fLRdvitrNoGCSeFOvV0ynALqNoWC3RwAfGHANk4EUBYV3Wz4zdLeK3Hv56eGhu1WE9XsZHTzAGiZlIcAqX6sB+ltFMk+rAdqPB4lud31mvCioeS1oEQXlWkVeFNRMwQEkBeMXBV8UREfBofMUTF8U1Ho8SDsFZ2AUpEgpqLlVRD8FyYuCLwq+KOgwBScvCpYvCupsFXlR0HkKJi8K2kFByUOyLwpWCzsoKNsqop2Cuo8Haadg6DwFyxcFdRqgnYJj1ykId6M+UgpGIQwF0P4u2MwBqhECuinYlIJpQMpcLsqfO9GRUvA0BtapbBQ/N6IXOCl4qYZ8yVj9XIr+mUmlAN0UVIxVvf/6k3v1TTsFFSPJFK9E105BxamTqfc2v2E2wK+YsgE+ZgMWygaYQEGFWCobYAYFpeM9UzQAOwW3qg1SyCkIAQHUFISAAGoKvrlOwaXrFFSGAHYKJuoQQE1Br4rdpiBEDkRNwYXrFFxljlNwm7lNwalyIYycggCFMG4KAuRA3BRcZo5T8D1zm4JRlsROU1A9BwqefnbMANwUBNgPQ74jqr4ljBsCfA4kTG0AbAe4462qFECQVImH3ICBv5K5AuzrJrBlNLAgPOkwRMA/GJH8uplkRoMAAAAASUVORK5CYII=');
}
#paylink_pp.pay-button.waiting::before {
  background-color: #d89e0b;
}

/* **********************************************************************************
    Containers
*/
.wrapper {
  min-height: 100%;
  position:relative;

  display: grid;
  align-items: center;
  justify-items: center;
}

.content {
  display: grid;
  place-items: center;
  align-content: center;

  min-width: 260px;
  width: 100%;
  position: relative;
}

.content.loggin {
  width: unset;
}

.imageBack {
    /* background: está en el .js */
    background-color: transparent;
}

.circuit-step {
  position: relative;
}

.pay-buttons-list {
  position: relative;
  max-width: 300px;
  margin-bottom: 2em;
}

.footer {
  width:100%;
  height:40px;
  position:absolute;
  bottom:0;
  left:0;
  background-color: var(--primary-color)
}

.footer2 {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -70px;
}

.footer p {
    color: #888;
    font-size: 13px;
    letter-spacing: .4px;
}

.footer a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all .2s ease;
}

.footer a:hover {
    color: #666;
}

.footer img {
    width: 80px;
    transition: all .2s ease;
}

.footer img:hover { opacity: .83; }

.footer img:focus , .footer a:focus { outline: none; }

/* **********************************************************************************
    powered by
*/
.powered-by-container {
  display: grid;
  justify-items: center;
  align-content: center;
  row-gap: 2em;
  height: 100%;
  margin: 0 10%;
  background-color: #ffffff;
}

.powered-by.bottom {
  position: relative;
  width: min-content;
  min-width: 7em;
  font-size: 0.7em;
  color: #9E9E9E;
  margin-bottom: 2em;
  display: grid;
  row-gap: .2em;
}
.powered-by div {
  width: max-content;
}
.powered-by img {
  width: 100%;
  height: auto;
}
.powered-by.bottom {
  visibility: hidden;
}

/* **********************************************************************************
    Stepper
*/

.progress {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: darken(#DFE3E4, 33%);      /* $mute */
  margin-top: 2em;
  margin-bottom: 3em;
}

.progress > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.8em;
}

.progress > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #DFE3E4;              /* $mute */
  width: 3em;
  height: 3em;
  text-align: center; /* IE8 doesn't inherit this style */
  margin-bottom: 0.25em;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  top: -4px;
  z-index: 100;
}

.progress > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #DFE3E4;              /* $mute */
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em;
}
.progress > li:last-child:after {
  display: none;
}

.progress > li.is-complete {
  color: var(--primary-color);                      /* $complete */
}

.progress > li.is-complete:before,
.progress > li.is-complete:after {
  color: var(--on-primary-color);
  background: var(--primary-color);               /* $complete */
}

.progress > li.is-active {
  color: var(--primary-color);
}
.progress > li.is-active:before {
  color: var(--primary-color);                      /* $complete */
  background: #ffffff;
  border: 4px solid var(--primary-color);       /* $active */
}

/**
* Needed for IE8
*/
.progress__last:after {
  display: none!important;
}

/**
* Size Extensions
*/
.progress--medium {
  font-size: 1.5em;
}
.progress--large {
  font-size: 2em;
}

/* **********************************************************************************
    Tabs List
*/

.tab-wrap {
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  height: 3em;
  font-size: 1.2em;
  color: var(--primary-color);
}

.tab-wrap div {
  border-bottom: 1px solid #E0E0E0;
  height: 100%;
  width: 100%;
  display: grid;
  place-items: center;
  cursor: pointer;
  text-align: center;
}

.tab-wrap div.is-active {
  border: 1px solid #E0E0E0;
  border-top: 4px solid var(--primary-color);
  border-bottom: 0;
}

.tab-content {
  display: none;
  padding-top: 3em;
}

/* ===================================================================
 * Media definitions
 * ------------------------------------------------------------------- */

/* For PC: */
@media only screen and (min-width: 500px) {
    .content.loggin {
        min-width: 300px;
    }
    .wrapper.use-image-back {
      justify-content: start;
    }
    .wrapper.use-image-back .powered-by-container {
      margin: unset;
    }
    .circuit-step {
      margin: 0 10%;
    }
}

/* For mobile phones: */
@media only screen and (max-height: 550px) {
  .main-logo-loggin {
    padding: var(--main-loggin-padding);
  }
}
/* For tablets: */
@media only screen and (min-height: 700px) {
  .wrapper:has(.loggin) {
    align-items: flex-start;
  }
  .powered-by-container:has(.loggin) {
    margin: auto !important;
  }
}