a{
  text-decoration: none !important;
  color: #808080 !important;
}
.content-wrapper{
  margin-top: 90px;
  margin-bottom: 80px;

}
.content-wrapper-2{

    margin-top: 3vh;
    margin-bottom: 80px;


}
.content-wrapper .body{

justify-content: space-around;

}

.bg-primary{
  background: #5c65da !important;
  box-shadow: 0px 4px 20px 5px rgb(0 0 0 / 19%);
}

.logo{
  box-shadow: 0px 4px 20px 5px rgb(0 0 0 / 19%);
  border-radius: 50%;
}

/* .bg-primary i, p{
color: white;
} */


.boton-navegador-footer{
  padding-top: 4px;
  padding-bottom: 4px;
}


.fas{
  font-size: 20px;
  color: grey;
}


.contactosBtn .fas {
  font-size: 26px;
  color: white;
}

.contactosBtn{
  height: 60px;
    width: 60px;
    background: linear-gradient(310deg,#7928ca,#5174de);
    border-radius: 50px;
    padding: 15px 12px;
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 15%);
    margin-top: -18px;


}

.miniTxt{
  font-size: 8px;
margin: 0;
}


.active {
  color: #5c65da !important;
}
.active .fas{
  color: #5c65da !important;
}
.active .fab{
  color: #5c65da !important;
}


.card{
  border: none;
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  margin-bottom: 1rem;
}

.card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
        border: 1px solid #ced4da;
    /* border: 0 solid rgba(0, 0, 0, 0.125); */
    border-radius: 1.25rem;
}
.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}


.fa-whatsapp{
  font-size: 25px;
  color: grey;
}


.new-contact h5 {
  font-weight: 600;
}
.new-contact p {
  font-weight: 600;
}
.old-contact h5 {
  font-weight: 300;
}
.old-contact p {
  font-weight: 300;
}

.nav-contactos{
  top: 60px;
z-index: 999;
background: white;
}

.nav-contactos .fas{
font-size: 15px;
}
.nav-contactos .fab{
font-size: 18px;
}




/* contador de notificaciones */

#outer-notify-web,
#outer-notify-metricas,
#outer-notify-chat,
#outer-notify-bell,
#outer-notify-more {
   position: relative;
}


#notify-count-web,
#notify-count-metricas,
#notify-count-bell,
#notify-count-more {
  position: absolute;
  font-size: 14px;
  background: #ff007f;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  top: -22px;
  left: 9px;
 }

#notify-count-chat{
  position: absolute;
  font-size: 14px;
  background: #ff007f;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  top: -22px;
  left: 22px;
}

 .redondearInputs {
    border-radius: 50px !important;
}


.disable{
  opacity: 40%;

  pointer-events: none; /* Deshabilita los eventos de puntero (clics, hover, etc.) */
    /* opacity: 0.5; /* Cambia la opacidad para indicar que el elemento está desactivado */ */
    /* Puedes agregar otros estilos según sea necesario para desactivar completamente el elemento */

}

.landingContacto{
  top: 4px;
  /* position: absolute; */
  font-size: 10px;
  font-style: italic;
  /* padding-right: 13%; */
}

.rowServ{
  background:#b2b2b22b;
}
.rowServ p{
  font-style: italic;
  font-size: 13px;
}


.activo{
  font-style: italic;
  color: #08c36a;
}
.pendiente{
  font-style: italic;
  color: #e4ca01;
}
.suspendido{
  font-style: italic;
  color: #e43c01;
}

.none{
  display: none;
}

.fa-calendar-alt{
  font-size: 21px;
color: grey;
}
.gris{
 color: grey;
}

.wrapperMenu {
    display: flex;
    overflow-x: auto;
    margin-bottom: 20px;
}

.wrapperMenu .item {
    min-width: 130px;
    padding: 7px;
    text-align: center;
    border-color: #ddd;
    margin-right: 8px;
    color: black;
}

.border-none{
  border: none;
}


.paginate_button{
  /* background: #dddddd !important; */
  /* color: white !important; */
  border-radius: 100px !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 16px !important;
  padding-right: 10px !important;
  padding-top: 4px;
  margin: 2px !important;
}


table.dataTable thead .sorting:after {
    opacity: 0.2 !important;
    content: "\f0dc" !important; /* Código Unicode para el icono de Font Awesome */
    font-family: 'Font Awesome 5 Free' !important; /* Asegúrate de tener la fuente de Font Awesome cargada */
}


.btn-round{
  border-radius: 50px !important;
padding: 13px 13px !important;
width: 20px !important;
height: 20px !important;
margin: 5px !important;
}


.btn{
  border-radius: 50px !important;

}

.roundBtn {

    height: 40px;
    width: 40px;
    background: linear-gradient(310deg,#7928ca,#5174de);
    border-radius: 50px;
    border: none;
    padding: 8px 12px;
    margin: 0px 20px 15px;
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 15%);
}

.modalMenu{
  cursor: pointer;
}
.modalMenu:hover{
  color: #5c65da !important;
}


.bold{
font-weight: bold;
}

.text-decoration-none{
  text-decoration: none;

}

.save{
  font-size: 30px;
  cursor: pointer;
}
.edit{

  cursor: pointer;
}
.cancel{

  cursor: pointer;
}
.custom-modal-width .swal2-modal {
    width: 90%;
}
.custom-modal-width .swal2-close {
  display: block !important;
}

.chats {
    width: 100%;
    overflow-y: auto;
    max-height: 100vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
}