/*
#d8e6ed
#2b3883
#a73fe2
#606060
#f83c69
*/



/************************************************************
/*HEADER
**********************************/
.pace-activity{
  display: none;
}
.img-deco{
  width: 100%;
}

#app{
  padding-top: 0px !important;
}

#logo-header{
  width: 300px;
  margin-top: 20px;
  position: absolute;
  right: 30px;
}
.buscar-rfc{
  cursor: pointer;
}

#boton-facturar{
  background-color: #1f6bff;
  color: white;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 7px 30px;
}
#logo-header-empresa{
  width: 180px;
  margin-left: calc(50% - 90px);
}
/*////////////////////////////////////////////////////////////////////////// LOADER
/////////////////////////////////////////////////////////////////*/
.pace-activity{
    display: none !important;
}

html.dark-mode .div-loader-completo {
  background-color: #000000b5;
}

.div-loader-completo{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  justify-content: center;
  text-align: center;
  z-index: 1000000;
  background-color: #ecececb5;
  display: flex;
  position: fixed;
}
.div-loader-completo .spinner-border{
    position: absolute;
    top: 30%;
}





/*Forma de registro//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*Forma de registro///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*Forma de registro*/
/*Forma de registro*/
/*Forma de registro*/
/*Forma de registro*/
/*Forma de registro*/
.bg-component{
  margin-bottom: 500px;
}

.contenido-registro{
  margin-top: 100px;
}

.div-codigo{
  justify-content: center;
  display: flex;
}
.div-formula{
padding-left: 50px;
  padding-right: 50px;
}

.div-info-receptor{
margin-top: 20px;  
}
.div-uno-recep{
margin-bottom: 20px; 
}
.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #d1d9e7 !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  height: 37px !important;
  border-radius: 6px !important;
  padding-top: 2px;
}
#mensaje-bus-rfc,#mensaje-razon,
#mensaje-correo,
#mensaje-codigo{
	color: #b82525;
  font-weight: bold;
}
.toast-body{
  color: white !important;
}
/************************************************************
FOOTER //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
**********************************/

#contact{
background: black !important;
  border: none;
  padding-top: 0px;
  padding-bottom: 20px;
}

.titulo-corporativo{
  text-align: center;
font-size: 32px;
font-weight: bold;
color: #fff;
margin-top: 40px;
margin-bottom: 60px;
}
.log-mc-corporativo{
  width: 300px;
}
.logo-corporativo{
  width: 180px;
margin-bottom: 40px;
}
div.div-footer-corps-img:nth-child(5) > a > img:nth-child(1){
 width: 75px;
margin-top: -22px; 
}
.row-content-corporativo{
border-bottom-style: solid;
border-color: #fff;  
}

.sub-footer{
  font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 25px;
margin-bottom: 20px;
}
.p-footer-1{
 font-size: 16px;
color: #fff !important;
font-weight: 300;
position: relative;
padding-left: 40px; 
}
.logo-info-contaco{
  width: 25px;
position: absolute;
left: -1px;
top: 5px;
}
.p-footer-1 a{

color: #fff !important;
text-decoration: none !important;
}
.p-footer-2{
margin-bottom: 9px !important;
}
.p-footer-2 a{
  font-size: 18px;
color: #fff !important;
font-weight: 300;
text-decoration: none !important;
}
.logo-red-footer{
  width: 40px;
margin-right: 5px;
}
.certificacion-pago{
  float: left;
}
.logo-norton{
  width: 135px;
margin-left: 10px;
border-radius: 10px;
}

.div-certu-footer{
  margin-top: 20px;
}

.titulo-regis-footer{
  font-size: 20px;
color: #fff;
font-weight: bold;
margin-top: 20px;
}









/*RESPONSIVO==============================================================================================================*/


/*  ====================================================================================================================*/
@media(max-width:1600px ){



}



@media(max-width: 1480px){

}
/*  ====================================================================================================================*/
@media(max-width:1240px ){



}


/*  ====================================================================================================================*/
@media(max-width:1220px ){



}
/*  ====================================================================================================================*/
@media(max-width:1200px ){






}


/*  ====================================================================================================================*/
@media(max-width:1125px ){


}
/*  ====================================================================================================================*/
@media(max-width:1050px ){

}
/*  ====================================================================================================================*/
@media(max-width:992px ){
.div-footer-corporativo-uno{
  width: 100%;
}
.div-footer-corporativo-dos{
  width: 100%;
}

.div-footer-corporativo-uno{
  text-align: center;
}
.log-mc-corporativo {
  width: 200px;
  margin-bottom: 40px;
}
.div-footer-corps-img{
 float: right;
text-align: center;
width: 50%;
}

div.div-footer-corps-img:nth-child(5){
  width: 100%;
}
}

/*  ====================================================================================================================*/
@media(max-width:899px ){
#logo-header {
  width: 200px;
  margin-top: 20px;
  position: absolute;
  right: auto;
  left: calc(50% - 100px);
}

}


/*  ====================================================================================================================*/
@media(max-width: 767px){
.div-footer-1{
margin-left: calc(50% - 150px);
width: 300px;  
 margin-top: 20px;
}
.div-footer-2, .div-footer-3 {
  margin-left: calc(56% - 150px);
width: auto;
}
.sub-footer {
  margin-top: 0px;
  }

.conceptos_table{
  height: 300px;
  background-color: #e5e9f1;
}

.conceptos_table thead{
background-color: #e5e9f1;
width: 100%;
display: block;
}

.conceptos_table th:nth-child(1){
 border-style: none; 
}
.conceptos_table th:nth-child(2){
position: absolute;
    margin-top: 0px;
    left: 3%;
    border-style: none;
    bottom: 61%;
}
.conceptos_table th:nth-child(3){
position: absolute;
    bottom: 53%;
    left: 3%;
    border-style: none;
}
.conceptos_table th:nth-child(4){
position: absolute;
    bottom: 45%;
    left: 3%;
    border-style: none;
}
.conceptos_table tbody{
display: block;
  background-color: transparent;
  box-shadow: none;  
}
.conceptos_table .descripcion{
 box-shadow: none;
  border-style: none; 
}
.conceptos_table .descuento{
position: absolute;
    right: 0px;
    background-color: transparent;
    box-shadow: none !important;
    border-style: none !important;
    box-shadow: none;
    border-style: none;
    left: 3%;
    bottom: 57%;
}
.conceptos_table .pre_unit{
box-shadow: none;
    border-style: none;
    position: absolute;
    bottom: 49%;
    left: 3%;
}
.conceptos_table .importe{
box-shadow: none;
    border-style: none;
    position: absolute;
    bottom: 41%;
    left: 3%;
}






}

/*  ====================================================================================================================*/
@media(max-width: 675px){




}
/*  ====================================================================================================================*/

/*  ====================================================================================================================*/



/*  ====================================================================================================================*/
@media(max-width: 560px){
.logo-corporativo {
  width: 140px;
}
.titulo-corporativo {
  text-align: center;
  font-size: 26px;
}
}

/*  ====================================================================================================================*/
@media(max-width: 500px){
.conceptos_table th:nth-child(3){
  left: 5%;
}
  .conceptos_table .pre_unit {
    left: 5%;
  }

  .conceptos_table th:nth-child(2){
  left: 5%;
}
  .conceptos_table .descuento {
    left: 5%;
  }


  .conceptos_table th:nth-child(4){
  left: 5%;
}
  .conceptos_table .importe {
    left: 5%;
  }
}
/*  ====================================================================================================================*/

@media(max-width: 479px){



}

/*  ====================================================================================================================*/
@media(max-width: 400px){


}
/*  ====================================================================================================================*/
@media(max-width: 450px){

}