/* ==============
  Estilos personalizados AI Social
===================*/

/* globales */

.w-350-px {
  width: 350px !important;
}

.dashboard-main-body {
  background: linear-gradient(to bottom, #E6EBFF, #FFFFFF) !important;
}

.card {
  box-shadow: 0 0.25rem 0.8rem rgba(46, 45, 116, 0.2) !important;
}

.card .card {
  box-shadow: 0 0.25rem 0.8rem rgba(46, 45, 116, 0.1) !important;
}


/* cabecera */

.navbar-header .logo .logo-img {
  max-width: 150px;
}

.navbar-header .form-select.form-select-sm {
  background-color: var(--primary-50) !important;
    color: var(--text-primary-light) !important;
    font-weight: 600;
    min-width: 200px;
}

/* asociar cuentas */

.profile {
  top: 20px;
  right: 20px;
}

.profile img {
  outline: 2px solid #ffffff;
}



iconify-icon.instagram-color {
  color: #e2306d !important;
}

iconify-icon.tiktok-color {
  color: #000000 !important;
}

iconify-icon.delete-color {
  color: #fd0000 !important;
}


/* sección comentarios */

.comentarios-wrapper .info-comentario { 
  height: auto;
  border-bottom: 1px solid #dedfe0;
  padding: 5px 5px;
  margin-bottom: 6px;
}

.comentarios-wrapper .info-comentario .acciones iconify-icon { 
  background-color: #e5e9f7;
  padding: 0.7rem;
  border-radius: 50%;
  color: #2b60da;
}

.comentarios-wrapper img.object-fit-cover { 
  border-radius: 5px;
}



.comentarios-wrapper .chat-sidebar-single {
  border: 1px solid #a8bff1;
  border-radius: 6px;
  margin-bottom: 1rem
}

.comentarios-wrapper .icono-rrss {
position: absolute;
left: 20px;
top: 10px;
font-size: 1.5rem;
background: #fff;
padding: 5px;
border-radius: 50%;
}


/* mensajes */

.chat-wrapper .chat-all-list iconify-icon { 
  background-color: #e5e9f7;
  padding: 0.3rem;
  border-radius: 50%;
  color: #2b60da;
}

.chat-wrapper .chat-all-list {
  padding: 0.8rem;
}

.chat-wrapper .chat-sidebar-single .img {
  margin-inline: 10px;
}

.chat-sidebar-single .img img {
  border-radius: 5px;
}


.chat-wrapper .chat-sidebar-single {
  border: 1px solid #e7ecff;
  border-radius: 10px;
  margin-bottom: 0.4rem;
}

.chat-wrapper .chat-single-message.left .chat-message-content {
  background-color: #d1feff;
}



/* Modales */

.modal-header {
  background-color: #273142;
  border: none;
}
.modal-title {
  color: #fff;
}

.modal-header .btn-close {
  opacity: 1;
  filter: invert(1);
}

.modal-body {}

.modal-footer {
  border: none;
}



/* Publicaciones */

.card-publicacion {
  overflow: hidden;
}

.card-publicacion .layer {
  background-color: #000000;
}

.card-publicacion .layer img {
  opacity: 0.7;
  object-fit: cover;
}

/* tablas */

.striped-table thead tr th,
.table thead tr th {
  background-color: #4880ff !important;
  border-bottom: 1px solid #7ba3ff !important;
  color: #ffffff !important;
  vertical-align: middle;
}

.table th[scope="row"] {
  background-color: #4880ff !important;
  border-bottom: 1px solid #7ba3ff !important;
  color: #ffffff !important;
  vertical-align: middle;
}

.striped-table tbody tr:nth-child(odd) td {
  background-color: #4981ff17 !important;
  border-bottom: none !important;
}

.striped-table tbody tr td {
  border-bottom: none !important;
}



/* detalle publicación */

.slider-publicaciones {}

.slider-publicaciones .slick-active.slick-current {}

.slider-publicaciones .slick-active.slick-current h6  {
  color: #000000;
}

.slider-publicaciones .slick-active.slick-current .text-secondary-light  {
  color: #1e3a8a;
}

.slider-publicaciones .slick-active.slick-current img.object-fit-cover {
  opacity: 1;
}

.slider-publicaciones .slick-active h6,
.slider-publicaciones .slick-active .text-secondary-light {
  color: #a5a5a5;
}

.slider-publicaciones .slick-active img.object-fit-cover {
  opacity: 0.6;
  transition: all 0.2s;
}


.slider-publicaciones .icono-rrss {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}