/*LOGIN START*/
.body-log {
  height: 100vh;
  
}

.underlineHover {
  color: #dad9d9;
  display:inline-block;
  text-decoration: none;
  font-weight: 400;
}


.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}


/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}


.underlineHover:hover {
  color: #fff;
  text-decoration: none;
}

.underlineHover:hover:after{
  width: 100%;
}
/*LOGIN END*/


.bg{
	background-color: #017EA1;
}

.frm_order{
	justify-content: space-evenly;
}

.frm_eir{
	justify-content: space-evenly;
}

.tabs_frm{
	justify-content: center;
}

.navbar-dark .navbar-toggler{
	border-color: transparent !important;
}

.tabla-datos{
	justify-content: center;
}

.table td, .table th {
	vertical-align: middle !important;
	text-align: center !important;
}

.taboton{
  display: flex;
  align-items: center;
}

/*input{
	text-align: center;
}*/

.add-customer{
	display: flex;
	align-items: flex-end !important;
}

.col-txt{
	color: #6db736 !important;
}

.ocultar{
	/*visibility: hidden;*/
	display: none;
}

table {
	padding: 0.1rem !important;
}

.eir{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.item-eir{
  font-size: 11px !important;
  color: black !important;
}

.green{
  background: rgba(187,255,169) !important;
  color: #207c06 !important;
  font-size: 11px !important;
  text-align: center;
}

.greenOut{
  background: rgba(187,255,169) !important;
  color: #207c06 !important;
  font-size: 11px !important;
  text-align: center;
}

.alertaEir{
  background: rgba(244,18,0) !important;
  color: #fff !important;
  font-size: 11px !important;
  text-align: center;
}

.alertaEirOut{
  background: rgba(244,18,0) !important;
  color: #fff !important;
  font-size: 11px !important;
  text-align: center;
}

.read{
  background-color: #fff !important;
  font-size: 13px !important;
  text-align: center;
}

.tit-eir{
   color: black !important;
}

.cat-eir{
   color: black !important;
   font-size: 8px !important;
   /*transform: rotate(270deg);*/
}

.txtborderocu{
  border: none !important;
}

.resize-td{
  padding: 0.0 !important;
}

.texto-eir{
  color: black !important;
  font-size: 12px !important;
}

.frm_eir-centro{
  justify-content: center;
  margin-bottom: -12px !important;
}

.table-firmas, .lll{
  text-align: left !important;
}
.firm{
  text-align: center !important;
}

.btn-guargar-eir{
  margin: auto;
}

.cambio{
  background-color: blue !important;
}

.fotosEir{
  display: contents !important;
}

.mencion{
  color: #cecece;
}

.boton-regresar{
  color: white !important;
  text-decoration: none !important;
}

.listas td{
  font-size: 11px !important;
}

.icon-list{
  color: #fff !important;
}

.tit-acc{
  background-color: #fbfaeb !important;
  padding: 3px !important;
}

.col-estado{
  color: #5fa0f3 !important;
}

.btn-medio{
  margin: auto;
}

.quitar{
  text-decoration: none !important;
}

.btns-details{
  margin: auto;
}

.tankn{
  text-transform: uppercase;
}

.txt-fact{
  color: #2f87e5;
  padding-left: 5px;
}

.table-bordered td, .table-bordered th {
  border: 1px solid #545454 !important;
}

.icon-corr{
  margin: auto !important;
}

.habEd{
  width: 50px;
  margin: 7px
}