body {
   font-family: Roboto, sans-serif;
   font-size: 13px;
   line-height: 1.42857143;
   color: #767676;
   /* background-color: #edecec; */
   background-color: #fff;
}

.reset {
   margin: 0px;
   padding: 0px;
}

#messages-main {
   position: relative;
   margin: 0 auto;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   border-color: #d3cac0 !important;
   border: 1px solid #d3cac0 !important;
}
#messages-main:after,
#messages-main:before {
   content: " ";
   display: table;
}
#messages-main .ms-menu {
   position: absolute;
   left: 0;
   top: 0;
   border-right: 1px solid #eee;
   padding-bottom: 50px;
   height: 100%;
   width: 240px;
   background: #f5f5f5;
   border-right: 1px solid #d3cac0;
}

@media (min-width: 768px) {
   #messages-main .ms-body {
      padding-left: 240px;
   }
}
@media (max-width: 767px) {
   #messages-main .ms-menu {
      height: calc(100% - 58px);
      display: none;
      z-index: 1;
      top: 58px;
   }
   #messages-main .ms-menu.toggled {
      display: block;
   }
   #messages-main .ms-body {
      overflow: hidden;
   }
}
#messages-main .ms-user {
   padding: 15px;
   background: #f5f5f5;
   border-bottom: 1px solid #d3cac0;
}
#messages-main .ms-user > div {
   overflow: hidden;
   padding: 3px 5px 0 15px;
   font-size: 11px;
}
#messages-main #ms-compose {
   position: fixed;
   bottom: 120px;
   z-index: 1;
   right: 30px;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
#ms-menu-trigger {
   user-select: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 50px;
   height: 100%;
   padding-right: 10px;
   padding-top: 19px;
}
#ms-menu-trigger i {
   font-size: 21px;
}
#ms-menu-trigger.toggled i:before {
   content: "\f2ea";
}
.fc-toolbar:before,
.login-content:after {
   content: "";
}
.message-feed {
   padding: 20px;
}
#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail,
.four-zero,
.four-zero footer > a,
.ie-warning,
.login-content,
.login-navigation,
.pt-inner,
.pt-inner .pti-footer > a {
   text-align: center;
}
.message-feed.right > .pull-right {
   margin-left: 15px;
}
.message-feed:not(.right) .mf-content {
   /* background: #edecec; */
   /* background-color: #dadcf1; */
   background-color: #e5e2e2;
   color: black;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.message-feed.right .mf-content {
   /* background: #eee; */
   background-color: #f5f6f6;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
   -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
   border-radius: 4px;
   clear: both;
}

/* .mf-content {
   padding: 12px 3px 17px 13px;
   border-radius: 2px;
   display: inline-block;
   max-width: 80%;
} */

.mf-content {
   padding: 8px 8px 8px 6px;
   border-radius: 5px;
   display: inline-block;
   max-width: 80%;
   overflow-wrap: break-word; /* Asegura que las palabras largas se dividan */
}

.mf-date {
   display: block;
   color: #b3b3b3;
   margin-top: 7px;
}
.mf-date > i {
   font-size: 14px;
   line-height: 100%;
   position: relative;
   top: 1px;
}
.msb-reply {
   box-shadow: 0 -20px 20px -5px #fff;
   position: relative;
   margin-top: 30px;
   border-top: 1px solid #eee;
   background: #f8f8f8;
}
.four-zero,
.lc-block {
   box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
}
.msb-reply textarea {
   width: 94%;
   font-size: 13px;
   border: 0;
   padding: 10px 15px;
   resize: none;
   height: 60px;
   background: 0 0;
   border: 1px solid;
}
.msb-reply button {
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   height: 100%;
   width: 60px;
   font-size: 25px;
   color: #2196f3;
   background: 0 0;
}
.msb-reply button:hover {
   background: #f2f2f2;
}
.img-avatar {
   height: 40px;
   border-radius: 50%;
   width: 40px;
}
.list-group.lg-alt .list-group-item {
   border: 0;
}
.p-15 {
   padding-top: 15px !important;
   padding-bottom: 15px !important;
   padding-left: 6px !important;
   padding-right: 6px !important;
}
.btn:not(.btn-alt) {
   border: 0;
}
.action-header {
   position: relative;
   background: #f5f5f5;
   padding: 15px 13px 15px 17px;
   border-bottom: 1px solid #d3cac0;
}
.ah-actions {
   z-index: 3;
   float: right;
   margin-top: 7px;
   position: relative;
}
.actions {
   list-style: none;
   padding: 0;
   margin: 0;
   padding-top: 9px;
}
.actions > li {
   display: inline-block;
}

.actions:not(.a-alt) > li > a > i {
   color: #6b709f;
}
.actions > li > a > i {
   font-size: 20px;
}
.actions > li > a {
   display: block;
   padding: 0 10px;
}
.ms-body {
   background: #fff;
   /* background-image: url("../img/fondo1.png"); */
   background-size: contain;
   background-repeat: repeat;
   background-position: center;
}
#ms-menu-trigger {
   user-select: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 50px;
   height: 100%;
   padding-right: 10px;
   padding-top: 19px;
   cursor: pointer;
}
#ms-menu-trigger,
.message-feed.right {
   text-align: right;
}
#ms-menu-trigger,
.toggle-switch {
   -webkit-user-select: none;
   -moz-user-select: none;
}

/*mio*/

:root {
   --ancho_pantalla: 82vh;
}

.mi_contenedor_especial {
   max-width: 100% !important;
   padding: 0px;
   width: 100%;
   height: 100%;
   max-height: 100%;
}

.cuerpo_mensaje {
   height: var(--ancho_pantalla);
   max-height: 100%;
   overflow-y: auto;
}

.pull-left {
   float: left;
   margin-right: 10px;
}

.pull-left.hidden-xs {
   margin-left: 0px;
}

.visible-xs-mi-clase {
   display: none !important;
}

@media (max-width: 767px) {
   .visible-xs-mi-clase {
      display: block !important;
   }

   .pull-left.hidden-xs {
      margin-left: 34px !important;
   }

   .hidden-xs {
      display: block !important;
   }
}

.mi-bandeja-mensajes-contactos {
   max-height: 100%;
   height: calc(var(--ancho_pantalla) + 3vh);
   overflow-y: auto;
   background-color: #f5f5f5;
}

.sin_mensaje {
   height: var(--ancho_pantalla);
   max-height: 100%;
   overflow-y: auto;
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
}

.pintar_card {
   background-color: #fff;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
   -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
   border-radius: 4px;
   clear: both;
   padding: 8px 15px;

   width: 40%;
   height: 40%;
   display: flex;
   justify-content: center;
}

.pintar_body_card {
   font-weight: 600;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
/* .pintar_body_card {
   font-weight: 600;
   text-align: center;
   
   width: 100%;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
   min-width: 100%;
   min-height: 100%;
 
} */

/*cuerpo mensaje*/

.palomitas {
   display: flex;
   justify-content: end;
   flex-direction: column;
   margin-left: 2px;
}

.palomita_texto {
   float: right;
   margin-left: 10px;
}

.media-body-change-display {
   display: contents;
}

.fecha_y_palomitas {
   display: flex;
   justify-content: space-between;
}

.texto {
   color: black;
   white-space: break-spaces;
}

.tamano_div_imagen {
   width: 100%;
   display: flex;
   justify-content: center;
   /* height: 250px; */
}

.mf-content-imagen {
   width: 40% !important;
}

.imagen_imagen {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
   border-radius: 5px;
   box-shadow: 0 0.0625rem 0.125rem #00000026, 0 0.0625rem 0.25rem #00000026;
}

.msb-footer {
   box-shadow: 0 -20px 20px -5px #f3f1ee;
   /* position: relative; */
   margin-top: 30px;
   border-top: 1px solid #eee;
   background: #f5f5f5;
   /* display: flex;
   justify-content: space-between; */
}

textarea {
   width: 100%;
   font-size: 13px;
   border: 0;
   padding: 10px 15px;
   resize: none;
   height: 60px;
   background: 0 0;
}

.div_footer_text_area {
   width: 90%;
}

.btn_footer_enviar {
   border: 0;
   height: 100%;
   width: 100%;
   font-size: 25px;
   color: #6b709f;
   background: 0 0;
}

.footer_text_btn_enviar {
   width: 50px;
}

.footer_text_btn_enviar button:hover {
   background: #f2f2f2;
}

.footer_opciones {
   width: 50px;
   height: 60px;
   max-height: 100%;
   display: flex;
}

.btn_footer_opciones {
   border: 0;
   height: 100%;
   width: 100%;
   font-size: 20px;
   color: #6b709f;
   background: 0 0;
}

.dropup button:hover {
   background: #f2f2f2;
}

#fileInput {
   display: none;
}

.image-container {
   position: relative;
   width: 100%; /* Ajusta esto según tus necesidades */
   height: auto; /* Ajusta esto según tus necesidades */
   margin-bottom: 20px; /* Espacio entre imágenes */
}

.spinner {
   font-size: 50px; /* Tamaño del spinner */
   color: #3498db; /* Color del spinner */
   /* animation: spin 2s linear infinite; */ /* Animación de giro */
}
/* @keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
} */

.spinnerv1 {
   font-size: 50px; /* Tamaño del spinner */
   color: #3498db; /* Color del spinner */
   /* color: #dadcf1 !important; */
}

.caption_mensaje {
   margin-top: 10px;
   margin-left: 5px;
   text-align: start;
}

.izquierda {
   text-align: left;
}

.cabecera_informacion {
   /* max-width: 100%;
   width: 100%; */
}

.cabecera_informacion_choose_user {
   padding: 8px;
}

.active-word-wrap {
   padding-left: 5px;
   word-wrap: break-word;
}

.cabecera_perfil_contacto {
   min-height: 71px;
}

.text-color-dark {
   color: #000;
}

.item-contactos {
   cursor: pointer;
   padding-left: 6px;
   padding-right: 6px;
   border-bottom: 1px dashed #dadcf1 !important;
   background-color: #f5f5f5 !important;
}

.contenedor_principal {
   display: flex;
   justify-content: center;
}

.cargando {
   width: 100%;
   background-color: white;
   height: var(--ancho_pantalla);
   max-width: 100%;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;

   padding: 0px;
   width: 100%;
   height: 100vh;
   max-height: 100%;
}

.active-display-inline {
   display: inline;
}

a.list-group-item:focus,
a.list-group-item:hover {
   color: #555;
   text-decoration: none;
   background-color: #e5e2e2 !important;
   border: 1px dashed #ffffff !important;
}

.item-contacto-seleccionado {
   background-color: #e5e2e2 !important;
}

.badge-colors {
   color: #fff;
   background-color: #34db77;
}

.msb-footer-sin-enviar-mensajes {
   margin-top: 30px;
   border-top: 1px solid #eee;
   background: transparent;
   display: flex;
   justify-content: center;
   height: 70px;
   /* height: 118px; */
   text-align: center;
   align-items: center;
   border-color: #d3cac0 !important;
}

.choose_chat {
   font-size: 13px;
   color: #767676;
   text-decoration: underline;
   font-weight: 600;
}

.choose_chat:hover {
   color: #141414;
}

.offcanvas {
   position: fixed;
   top: 0;
   bottom: 0;
   right: -400px; /* Initially hide offcanvas */
   width: 400px;
   background-color: #f8f8f8;
   overflow-y: auto;
   transition: right 0.3s ease-in-out;
   z-index: 2030;
   display: flex;
   flex-direction: column;
   max-width: 100%;
   background-clip: padding-box;
   outline: 0;
}

.offcanvas-show {
   right: 0; /* Show offcanvas */
}
.offcanvas-backdrop {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.5);
   display: none;
   z-index: 1030;
}

.offcanvas-header {
   display: flex;
   align-items: center;
   padding: 1.5rem 1rem;
   justify-content: space-between;
   border-bottom: 1px solid #b7b7b7;
}

.offcanvas-title {
   margin-bottom: 0;
   line-height: 1.5;
   font-weight: 600;
}

.btn-close-offcanvas {
   background-color: transparent;
   border: none;
   font-size: 14px;
}

.Staff {
   padding: 1.6rem 1rem;
   border-bottom: 1px solid #b7b7b7;
   max-width: 100%;
   width: 100% !important;
}

.Custummers {
   padding: 1.6rem 1rem;
   border-bottom: 1px solid #b7b7b7;
   max-width: 100%;
   width: 100% !important;
}

.select2-container {
   z-index: 2040 !important;
}

.conf_label {
   font-size: 14px;
}

.items_details_custumers {
   height: auto;
   background-color: white;
   padding: 8px;
   border-radius: 2px;
   border-bottom: 1px solid #aaa;
   word-wrap: break-word;
   min-height: 40px;
}

.detalle_custumers {
   border-radius: 3px;
   border: 1px solid #aaa;
   margin-top: 5px;
}

.image-container-perfil {
   position: relative;
   display: inline-block;
}

/*esta clase seria imagen de whatsapp*/
.img-avatar-small {
   position: absolute;
   bottom: -5px;
   right: -3px;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   /* border: 2px solid white; */
}

/*esta clase seria para imagen de sms*/
.img-avatar-small-sms {
   position: absolute;
   width: 26px;
   height: 26px;
   bottom: -7px;
   right: -6px;
   border-radius: 50%;
   /* border: 2px solid white; */
}

.staff-asignado-a {
   background: #3498db;
   border-radius: 3px;
   padding: 1px;
   color: white;
   padding-left: 5px;
   padding-right: 5px;
}

.staff-sin-asignar {
   background: black;
   border-radius: 3px;
   padding: 1px;
   color: white;
   padding-left: 5px;
   padding-right: 5px;
}

#hiddenFileInput {
   display: none; /* Oculta el input de archivo */
}

#hiddenFileInputVideo {
   display: none; /* Oculta el input de archivo */
}

.contenedor_archivos {
   width: 100%;
   display: flex;
   justify-content: center;
   background-color: white;
   border-radius: 5px;

   box-shadow: 0 0.0625rem 0.125rem #00000026, 0 0.0625rem 0.25rem #00000026;
}

.contenedor_contenido_archivos {
   width: 100%;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
}

.nombre_archivo {
   width: 100%;
   display: flex;

   flex-direction: column;
   align-items: center;
   height: auto;
}

.logo_archivo {
   padding-top: 10px;
}

.logo_descargar_archivo {
   width: auto;
   background-color: #eae6df;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px;
   padding-top: 10px;
   border-top: 1px solid #414141; /*#A4AEB3*/
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

.imagen {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
   width: 35px;
   height: auto;
}

.texto_archivo {
   width: 100%;
   max-width: 100%;
   white-space: normal;
   word-wrap: break-word;
   text-align: center;
   padding: 10px;
}

.mf-content-all {
   width: 40% !important;
}

@media (max-width: 300px) {
   .mf-content-imagen {
      width: 61% !important;
   }
}

.mf-content-documentos {
   width: 40% !important;
}

@media (max-width: 329px) {
   .mf-content-documentos {
      width: 70% !important;
   }

   .mf-content-all {
      width: 70% !important;
   }
}

@media (min-width: 330px) and (max-width: 700px) {
   .mf-content-documentos {
      width: 78% !important;
   }

   .mf-content-all {
      width: 78% !important;
   }
}

@media (min-width: 700px) and (max-width: 1000px) {
   /* .mf-content-documentos {
      width: 90% !important;
   } */
   .mf-content-documentos {
      width: 80% !important;
   }

   .mf-content-all {
      width: 80% !important;
   }
}

@media (min-width: 1010px) {
   .mf-content-documentos {
      width: 40% !important;
   }

   .mf-content-all {
      width: 40% !important;
   }
}

.formatear_margin_0 {
   margin: 0px;
}

.audio-general {
   width: 100%;
   box-shadow: 0 0.0625rem 0.125rem #00000026, 0 0.0625rem 0.25rem #00000026;
   border-radius: 25px;
}

.botones_grupo {
   display: flex;
   height: 100%;
}

.activar_microfono {
   width: 50px;
}

.activar_microfono button:hover {
   background: #f2f2f2;
}

.btn_microfono {
   border: 0;
   height: 100%;
   width: 100%;
   font-size: 25px;
   color: #6b709f;
   background: 0 0;
}

.div_footer_audio {
   width: 100%;
   height: 60px;
}

.msb-footer-audio {
   box-shadow: 0 -20px 20px -5px #fff;
   /* position: relative;  
   margin-top: 30px;*/
   margin-top: 30px;
   border-top: 1px solid #eee;
   background: #f8f8f8;
   /* display: flex;
   justify-content: space-between; */
}

.botones_grupo_audio {
   display: flex;
   height: 100%;
   justify-content: end;
}

.canvas_area {
   width: 18%;
   height: 60px;
   border-radius: 10px;
}

.div_eliminar_audio {
   width: 50px;
   height: 100%;
}

.btn_eliminar_audio {
   border: 0;
   height: 100%;
   width: 100%;
   font-size: 25px;
   color: #6b709f;
   background: 0 0;
}

.btn_microfono_activo_inactivo {
   border: 0;
   height: 100%;
   width: 100%;
   font-size: 25px;
   color: red;
   background: 0 0;
}

.div_contador_audio {
   width: 50px;
   height: 100%;
}

.div_contador_audio {
   text-align: center;
   align-content: center;
   font-weight: 600;
}

.canvas_vos_pintado {
   width: 100%;
   height: 100%;
   border-radius: 10px;
}

.boton_send {
   background-color: #f2f2f2 !important;
}

.conjunto-msb-footer {
   display: flex;
   justify-content: space-between;
}

.canal_mensajeria {
   text-align: center;
   cursor: pointer;
}

@media (min-width: 0px) and (max-width: 860px) {
   .pintar_card {
      width: 80%;
   }
}

.video-general {
   width: 100%;
   box-shadow: 0 0.0625rem 0.125rem #00000026, 0 0.0625rem 0.25rem #00000026;
   border-radius: 5px;
}

.div_filtro_plantillas {
   display: flex;
}

#input_nombre_plantilla {
   margin-right: 5px;
}

.centrar {
   text-align: center;
   align-content: center;
}

.configuracion_plantilla {
   overflow-y: auto;
}

.plantilla_vista_previa {
   background-color: #e5ddd5;
   height: 100%;
   padding: 0px;
   background-image: url("../img/fondo1.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid #d3cac0;
   border-radius: 5px;
   max-height: 100%;
   min-height: 300px;
   margin-bottom: 15px;
}

#seleccionar_medio_mensaje {
   background-color: #f5f5f5;
}

.modal-content {
   background-color: #f5f5f5;
}

.plantilla_vista_previa_headers {
   min-height: 55px;
   background-color: white;
   border-bottom: 1px solid #d3cac0;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   max-height: 100%;
   height: 100%;
}

.extender-contenedores {
   width: 100%;
   max-width: 100%;
}

#texto_header_plantilla_previa {
   font-weight: 600;
   color: black;
   font-size: 18px;
}

.texto_header_mensaje {
   font-weight: 600;
   color: black;
   font-size: 18px;
}

#texto_body_plantilla {
   font-size: 14px;
   color: black;
   white-space: break-spaces;
}

#texto_body_plantilla_previa {
   font-size: 14px;
   color: black;
   white-space: break-spaces;
}

.texto_body_mensaje {
   font-size: 14px;
   color: black;
   white-space: break-spaces;
}

#texto_footer_plantilla {
   color: #8696a0;
   white-space: break-spaces;
}

#texto_footer_plantilla_previa {
   color: #8696a0;
   white-space: break-spaces;
}

.texto_footer_mensaje {
   color: #8696a0;
   white-space: break-spaces;
}

.plantilla-footer {
   margin-top: 6px;
}

.informacion_general_plantilla {
   padding-left: 0px;
}

.descripcion_general_plantilla {
   background-color: white;
   border-radius: 5px;
   border: 1px solid #d3cac0;
   padding: 5px;
   padding-bottom: 11px;
   margin-bottom: 12px;
   padding-left: 0px;
   padding-right: 0px;
}

.separador {
   padding-right: 10px;
}

@media (max-width: 767px) {
   .informacion_general_plantilla {
      padding-right: 0px;
      margin-bottom: 10px;
   }

   .separador {
      padding-right: 0px;
      margin-bottom: 10px;
   }

   .contenido_guardar_plantilla {
      margin-top: 10px;
   }
}

.modal-header {
   min-height: 16.43px;
   padding: 15px;
   border-bottom: 1px solid #d3cac0 !important;
}

#texto_textarea_header {
   /*    min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical; */
   min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical;
   overflow: hidden;
}

#texto_textarea_body {
   /*    min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical; */
   min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical;
   overflow: hidden;
}

#texto_textarea_footer {
   /*    min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical; */
   min-height: 100px;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical;
   overflow: hidden;
}

.contenido_principal_header {
   margin-top: 12px;
}

.contenido_principal_body {
   margin-top: 12px;
}

.contenido_principal_footer {
   margin-top: 12px;
}

.contenido_principal_buttons {
   margin-top: 12px;
}

.contenido_principal_guardar {
   margin-top: 12px;
}

.imagen_header_plantilla {
   background-color: #e5ddd5;
   height: 100%;
   padding: 0px;
   background-image: url("../img/imagen_sinimagen.png");
   background-size: auto;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid #d3cac0;
   border-radius: 5px;
   max-height: 100%;
   min-height: 180px;
   margin-bottom: 10px;
}

.imagen_header_plantilla_location {
   background-color: #e5ddd5;
   height: 100%;
   padding: 0px;
   background-image: url("../img/puntero_google_map.png");
   background-size: auto;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid #d3cac0;
   border-radius: 5px;
   max-height: 100%;
   min-height: 180px;
   margin-bottom: 10px;
}

.video_header_plantilla {
   background-color: #e5ddd5;
   height: 100%;
   padding: 0px;
   background-image: url("../img/imagen_play.png");
   background-size: auto;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid #d3cac0;
   border-radius: 5px;
   max-height: 100%;
   min-height: 180px;
   margin-bottom: 10px;
}

.documento_header_plantilla {
   background-color: #e5ddd5;
   height: 100%;
   padding: 0px;
   background-image: url("../img/imagen_documento.png");
   background-size: auto;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid #d3cac0;
   border-radius: 5px;
   max-height: 100%;
   min-height: 180px;
   margin-bottom: 10px;
}
.contenedor_header_plantilla {
   /*  background-color: #e5ddd5; */
   height: 100%;
   padding: 0px;
   /*  border: 1px solid #d3cac0; */
   border-radius: 5px;
   max-height: 100%;
   min-height: 180px;
   margin-bottom: 10px;
   align-content: center;
   text-align: center;
}

.color-error {
   border: 1px solid red !important;
}

.mensajes_botones {
   border-top: 1px solid #dadde1;
   text-align: center;
   padding-top: 3px;
}

.angotar_mensajes_botones {
   text-decoration: none !important;
   cursor: default;
}

.div_mensaje_boton {
   margin: 8px;
}

.class_hr {
   border-top: 1px solid #dadde1;
   width: 100%;
   margin-top: 0px;
   margin-bottom: 15px;
}

.quitar_estilo_mensajes_botones {
   border-top: none;
   text-align: center;
   padding-top: 0px;
}

.icono_plantilla {
   width: 17px;
   height: 17px;
}

.margin_bottom {
   margin-bottom: 0px;
}

.item_config {
   text-align: center;
   cursor: pointer;
}

.borde-boton {
   border-color: #d3cac0 !important;
   border: 1px solid #d3cac0 !important;
}

/* Estilo para el botón redondo */
.scroll-button {
   position: fixed;
   bottom: 79px;
   right: 27px;
   width: 42px;
   height: 42px;
   border-radius: 50%;
   background-color: #ffffff; /* Color de fondo similar a WhatsApp */
   color: #888d90;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   text-align: center;
   align-content: center;
   z-index: 1000;
   display: none; /* Oculto inicialmente */
}

.scroll-button i {
   font-size: 15px;
}

.swal2-container {
   z-index: 9999;
}

h4 {
   color: #767676;
}

.badge-contactos {
   float: right;
}
#opciones_mensajes::after {
   display: none;
}
