:root {
  --loader-color: #1c355e;
}

@keyframes faded {
  0% {
    animation-timing-function: cubic-bezier(0.2057,0.573,0.3723,0.9184);
    opacity: 1;
  } 
  100% {
    opacity: 0;
  }
}

text {
  text-anchor: middle; font-size: 28px; opacity: 0;
}

@font-face {
  font-family: "factoria";
  src: url('../../fonts/Factoria-Black.ttf') format("truetype");
}

@font-face {
  font-family: "Rockwell";
  src: url('../../fonts/ROCK.ttf') format("truetype");
}
@font-face {
  font-family: "Rockwell";
  src: url('../../fonts/Rockwell-Bold.ttf') format("truetype");
}

@font-face {
  font-family: "Neue Haas Unica W1G";
  src: url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.eot");
  src: url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.eot?#iefix")format("embedded-opentype"),
  url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.woff2")format("woff2"),
  url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.woff")format("woff"),
  url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.ttf")format("truetype"),
  url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.svg#Neue Haas Unica W1G")format("svg");
}

.logomarcelo-header{
  border-radius: 50%;
  border: 2px white solid !important;
}

.font-1{
  font-family: "factoria", sans-serif;
}

#check-data{
  margin-top: 1px !important;
  width: 20px;
  height: 20px;
}

.bRed{
  border: 2px solid #1c355e !important;
}

.header{
  position: relative;
  height: 160px;
  overflow: hidden;
  background-color: #1c355e;
}

.header img{
  object-fit: contain;
  height: 70px;
  width: auto;
}

.factureLink{
  font-family: 'Fira Sans Condensed', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  color: #777777;
}

.factureLink.active{
  color:#ffffff !important;
}

.dragIn{
  border: 3px dashed #039CFC !important;
}

#dragClient{
  position: relative;
  border: 3px dashed transparent; 
}

#dragClient.dragIn::before{
  content: "Archivos PDF \f08e";
  font-size: 4em;
  font-family: FontAwesome, sans-serif;
  color:#fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  z-index: 1000;
  pointer-events: none;
}

h5 {
  font-weight: 600;
}
.form-group {
  margin-bottom: 20px;
}

.form-group label {
  font-family: "Neue Haas Unica W1G", sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  color: #3c3c3c;
}

.form-group p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #646464;
  text-align: center;
}

.form-control {
  border-color: #adadad;
  border-radius: 0;
}
.has-error .form-control{
	border-width: 3px;
  border-color: #a94442;
}
.form-control:focus {
  border-color: #232323;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 35, 35, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 35, 35, 0.6);
}
.input-group-addon {
  background-color: #232323;
  border-color: #232323;
  border-radius: 0;
  color: #ffffff;
}
.btn {
  border-radius: 17px;
}
.btn-inverse {
  color: #ffffff;
  background-color: #232323;
  border-color: #232323;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #0a0a0a;
  border-color: #040404;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #232323;
  border-color: #232323;
}
.btn-inverse .badge {
  color: #232323;
  background-color: #ffffff;
}
.btn-link {
  color: #232323;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {
  color: #232323;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {
  background-image: none;
}
.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
.btn-link.disabled.focus,
.btn-link[disabled].focus,
fieldset[disabled] .btn-link.focus,
.btn-link.disabled:active,
.btn-link[disabled]:active,
fieldset[disabled] .btn-link:active,
.btn-link.disabled.active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link.active {
  background-color: transparent;
  border-color: transparent;
}
.btn-link .badge {
  color: transparent;
  background-color: #232323;
}
.alert-danger {
  background-color: transparent;
  border-width: 0;
  color: #000000;
  text-align: center;
}
.alert-danger .glyphicon,
.alert-danger .fa {
  color: #ff002c;
}

.page-header h2 {
  font-family: 'Rockwell', monospace;
  border-width: 0;
  color:#413c3c;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 34px !important;
}

.page-header p{
  font-family: 'Neue Haas Unica W1G', sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  color : #646464;
  margin-left: 20px;
}

#frm-step1 input, 
#frm-step2 .input-lg, 
#frm-step3 input,
#frm-asist .input-lg{
  border-radius: 17px;
  height: 60px;
  font-weight: bold;
  align-items: center;
  align-content: center;
  display: inline-flex !important;
}
#frm-step2 select, 
#frm-step3 select,
#frm-asist select{
  border-radius: 7px;
  height: 60px;
  font-weight: bold;
}
#frm-step1 button, 
#frm-step2 button, 
#frm-step3 button,
#frm-asist button{
  border-radius: 17px;
  height: 60px;
  color:#fff;
  background-color: #1c355e;
  border: 0;
  outline: 0;
}
button.close{
  color:#fff;
  background-color: #AB1A2E;
  border: 0;
  outline: 0;
}
.btn-file a, #btnDownloadAll, .btnDownloadPdf{
  border-radius: 6px;
  color:#fff;
  background-color: #AB1A2E;
}
.btn-file a:first-child{
  border-top: 0;
  border-right: 2px solid #777777;
  border-bottom: 0;
  border-left: 0;
}
.btn-file a:last-child, #btnDownloadAll, .btnDownloadPdf{
  border: 0;
}
#btnDownloadAll:hover, .btnDownloadPdf:hover{
  background-color: #000000;
  color: #fff;
}
#frm-step1 button:hover, 
#frm-step3 button:hover, 
#frm-step3 .btn-block:hover,
#frm-asist button:hover{
  opacity: 0.9;
  transform: scale(1.05);
}

.modal-backdrop{
  opacity: 0.5 !important;
}

.progress-bar-inverse {
  background-color: #232323;
}
.progress-striped .progress-bar-inverse {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.tooltip-inner {
  border-radius: 0;
  padding: 8px 10px;
}
.modal-dialog {
  margin-top: 15%;
}
.modal-content {
  border-radius: 0;
}
.header-logo {
  background-color: #1c355e;
  padding: 5px 0;
}
.main {
  min-height: 400px;
}
.footer .nav {
  padding: 0 30px;
  text-align: center;
}
.footer .nav > li {
  display: inline-block;
  float: none;
}
.footer .nav > li > a {
  color: #ffffff;
}
.footer .nav > li > a:active,
.footer .nav > li > a:focus,
.footer .nav > li > a:hover {
  background-color: transparent;
}
.footer .nav > li + li:before {
  content: "\2013";
  display: block;
  left: -4px;
  position: absolute;
  top: 9px;
}
.efisense {
  padding: 30px 0;
}
.fi {
  background-image: url(/facturacionFrontEnd/images/icon-file.png);
  background-repeat: no-repeat;
  display: block;
  height: 68px;
  margin: 0 auto 5px;
  width: 56px;
}
.fi-pdf {
  background-position: 0 0;
}
.fi-xml {
  background-position: -57px 0;
}
.fi-print {
  background-position: -114px 0;
}
.point {
  margin-left: 20px;
}
.footer{
  height: 200px;
  background-color:#1c355e;
}
.footer-container {
  height: 50px;
  background-color: #1c355e;
}
.hr { 
  background-color: #fff; 
  height: 2px; 
  border: 0; 
}
.imageCover{
  padding: 0 20px 0 20px;
  display: flex;
  align-content: center;
  align-items: center;
}
.bgWhite{
  background-color: #fff;
}
.bgBostons{
  background-color: #1c355e;
}
.imageCover img{
  width: 100%;
  object-fit: cover;
  object-position: center;
}

#loader{
  z-index: 10000;
  position: fixed;
  left: 0;
  top:0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}

#loader.show{
  display: flex !important;
}

.logo {
  position: absolute;
  top: 54px;
  left: 50px;
  width: 165px;
  height: 165px;
}

.div-header{
  height: 160px;
}

.responseHeader {
  height: 100%; 
  display: flex; 
  justify-content: flex-end; 
  align-items: center;
}

.nav-mobile {
  display: none; /* Se mostrará solo en móvil */
  background-color: #1c355e;
  position: relative;
  height: 160px;
  width: 80px;
  float: right;
}

.hamburger {
  font-size: 52px;
  color: #fff;     /* Ícono en color blanco */
  float: right;    /* Para alinearlo a la derecha */
  display: flex;
  justify-items: center;
  align-items: center;
  padding-left: 20px;
}

.hamburger img {
  width: 48px;   /* Cambia para hacerla más grande/pequeña */
  height: 48px;  /* opcional, puede ajustarse automáticamente */
  cursor: pointer; /* Ícono clickeable */
}

#mobileMenu {
  position: absolute; 
  border-radius: 45px;
  left: -370px;   
  top: 58px;
  background-color: #1c355e;
  list-style: none;
  margin: 0;
  padding: 10px;
  display: none;
  width: 383px;
  height: 709px; 
  z-index: 9999;
}

#mobileMenu li {
  margin: 5px 10px 0 50px;
  color: #fff;
  border-bottom: #777777 1px solid;
}

#mobileMenu li a {
  color: #fff;
  font-size: 42px;
  text-decoration: none;
  
}

@media (max-width: 480px) {
  .logo {
    width: 100px;
    height: 100px;
    top: 30px;
    left: 20px;
  }

  .logo-menu{
    width: 165px;
    height: 165px;
    margin: 39px 9px 52px;
  }

  .logo-menu img{
    width: 165px;
    height: 165px;
  }

  .header {
    height: 94px;
  }

  .div-header {
    height: 94px;
  }

  .responseHeader {
    display: none;
  }

  .nav-mobile {
    display: block;
    height: 94px;
    width: 94px;
  }

  .hamburger {
    width: 94px;
    height: 94px;
    font-size: 60px;
    display: flex;
    justify-items: center;
    align-items: center;
  }

  .li-menu{
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 400px){
  #mobileMenu {
    left: -315px; 
    width: 323px;
  }
}

.new-invoice {
  height: 50px;
  border: 2px solid white;
}

.message {
  width: 556px;
  height: 215px;
  background: #f0f0f0;
  padding: 27px;
}

.message p{
  font-family: 'Neue Haas Unica W1G', sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  color: #3c3c3c;
}

.message-content{
  width: 100%;
  height: 100%;
  margin-left: 10px;
}
.message-content p{
  font-size: 12px;
  font-style: normal;
  text-align: left;
  color: #3c3c3c;
}

.asistence {
  display: none;
}

.payment {
  display: none;
}

.useCfdi {
  display: none;
}