h2,h3,h4{
color: #29306E;
}

#card-leads{
min-height: 76vh;
}

.navbar-nav .nav-item > a{
font-size: 16px;
}

.icon-lead{
font-size: 32px;
}

.middle{
display: flex;
align-items: center;

}

#btn-notas{
/* position: absolute;
right: 14px;
top: 7px; */
height: 27px !important;
/* padding-bottom: 10px; */
}

#btn-notas-audio{
/* position: absolute;
right: 14px;
top: 40px; */
height: 27px !important;
/* padding-bottom: 10px; */
}

#icon-net{
position: absolute;
right: 10px;
top: 10px;
height: 22px !important;
color: #29306E;
font-size: 27px;
}

.icon-stats{
position: absolute;
right: 10px;
top: 10px;
height: 22px !important;
color: #29306E;
font-size: 27px;
}

.promedio{
position: absolute;
right: 10px;
bottom: 5px;
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: #F6FBFF;
}

.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #F6FBFF;
--bs-table-striped-bg: rgba(0, 0, 0, 0.01);
width: 100% !important;
}

.lead-detalles{
display: flex;
}

.column {
width: auto;
}

.column--shrunk {
/* prevents vertical stretching */
align-self: start;
}
.actividad{
max-height: 90vh;
overflow-y: scroll;
}
.actividad::-webkit-scrollbar {
display: none;
}

.actividad {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}

.link-datatable {
color: black;
}

.link-datatable:hover {
color: black;
text-decoration: none;
}
.logo_empresa {
max-width: 3rem;
height: auto;
margin-left: 10px;
}
.logo_empresa_main {
max-width: 6rem;
height: auto;
margin-left: 10px;
}

.logo_empresa_main_mobile {
max-width: 7em;
height: auto;
margin-left: 19px;
margin-bottom: 5px;
}

.logo_agencia{
max-width: 250px;
max-height: 70px;
}

.file-upload { overflow: hidden; position: relative; text-align: center; cursor: pointer; }
.file-upload:hover{ opacity: .5; }
.file-upload > input {top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 60%; position: absolute; cursor: pointer; opacity: 0; }

#dropdown-locale {
padding-top: 25px;
}

#icon-campaign{
font-size: 64px;
color: #29306E;
}
#button-get-started{
color: white;
}

#button-get-started:hover{
background-color: white;
color: #29306E;
}

#error-text{
font-size: 11px;
}

/* #imagenes > div > img {
height: 50px;
} */

#recursos-drip > div > img {
height: 85px;
}

/* #imagenes > div > a {
font-size: 12px;
cursor: pointer;
color: gray;
position: relative;
top: -15px;
right: 15px;
} */

#recursos-drip > div > a {
font-size: 14px;
cursor: pointer;
color: gray;
position: relative;
top: -25px;
right: 15px;
}

#span-status{
right: 25px;
top: 10px;
}

.navbar-toggler {
border-color: #ffffff !important;
}

.navbar-toggler-icon {
color: #ffffff !important;
}

.badge-span{
cursor: pointer;
}

.badge-span-tag{
font-size: 85%;
}

.badge-span-campaign{
font-size: 85%;
}

.badge-span-user{
font-size: 85%;
}

.badge-span-prioridad{
font-size: 85%;
}

#selectStatus{
font-size: .8em;
min-width: 170px;
}

#selectStatus > option{
font-size: 16px;
margin-bottom: 5px;
}

#selectPlanes{
font-size: .8em;
min-width: 150px;
}

#selectPlanes > option{
font-size: 16px;
margin-bottom: 5px;
}

#selectIndustrias{
font-size: .8em;
}

#selectIndustrias > option{
font-size: 16px;
margin-bottom: 5px;
}

h6 {
font-weight: 600;
font-size: 15px;
}

.wider-modal {
max-width: 70%;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
li.paginate_button.previous {
display: inline;
}

li.paginate_button.next {
display: inline;
}

li.paginate_button {
display: none;
}

div.dataTables_wrapper div.dataTables_paginate{
text-align: center !important;
}

div.dataTables_wrapper div.dataTables_info{
text-align: center !important;
padding-bottom: 10px;
}

}

.dataTables_bottom_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.dataTables_info {
flex: 1;
text-align: left;
}

.dataTables_paginate {
flex: 1;
text-align: right;
}

@media screen and (max-width: 640px) {
.dataTables_bottom_wrapper {
flex-direction: column;
}
.dataTables_info, .dataTables_paginate {
text-align: center;
margin-bottom: 10px;
}
}

.ti-xxs {
font-size: 8px;
}

.ti-xs {
font-size: 12px;
}

.ti-s {
font-size: 16px;
}

.ti-m {
font-size: 20px;
}

.ti-l {
font-size: 24px;
}

.ti-xl {
font-size: 28px;
}

.ti-xxl {
font-size: 32px;
}

.ti-xxxl {
font-size: 50px;
}