.skin-red-light .wrapper
,.skin-red-light .main-sidebar
,.skin-red-light .left-side
,.skin-blue-light .wrapper
,.skin-blue-light .main-sidebar
,.skin-blue-light .left-side
,.skin-green-light .wrapper
,.skin-green-light .main-sidebar
,.skin-green-light .left-side {
    background-color: white;
}

 .skin-red-light .sidebar a
,.skin-green-light .sidebar a
,.skin-blue-light .sidebar a {
    color: #3c8dbc;
}

 .skin-red-light .sidebar-menu>li:hover>a
,.skin-red-light .sidebar-menu>li.active>a
,.skin-green-light .sidebar-menu>li:hover>a
,.skin-green-light .sidebar-menu>li.active>a
,.skin-blue-light .sidebar-menu>li:hover>a
,.skin-blue-light .sidebar-menu>li.active>a {
    color: #72afd2;
    /*background: #f4f4f5;*/
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #999;
}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #83d2ef;
    background: #f7f7f7;
}

html{
    font-size:1rem !important;
}

.aviso-mensajes-sin-leer{
    position: absolute;
    top:0;
    left: -11px;
    background: #FF9800;
    padding: 2px;
    border-radius: 15px;
    color: #af6a04;
}

#btn-facebook-login{
    margin: 10px auto !important;
    width: 95%;
    display: block;
}

#boton-usuario{
    height: 50px;
    padding: 0px;
}

#boton-usuario:focus{
    border-bottom: 2px solid #2196F3;
}

#boton-usuario img{
    width: 45px;
    height: 45px;
    margin: 2.5px;
}

#span-nombre-de-usuario-logeado{
    display: table-cell;
    font-size: 16px;
    padding: 15px 5px 1px 5px;
}

#estado-de-usuario-logeado{
    margin: 0px auto !important;
    display: table;
}


.box-height { height: 100px; }
.icon i { position: relative; right: 15px; color: #fff;}
.select-width { width: 62%;}
.btn-app { padding: 2px 5px; height: 40px; min-width: 50px; font-size: 11px;}
.pointer{ cursor: pointer;}
#drop li a { padding-top: 0px; padding-bottom: 0px;}
#drop li a:hover { color: red;}
#drop { width: 100%;}
#drop li span:hover { color: #3a3a3a; font-weight: bold;}
.detalleProducto {border-radius: 10px;background: #eee;margin: 20px;padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,.3);position: relative;border: 2px groove threedface;}
.inline-block { display: inline-block;}
.fontFA { font-size: 25px;}
.bold{ font-weight: bold;}
.requerido{ color: red; font-size: 16px;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.paddingLeft0 { padding-left: 0;}
.text-error { font-weight: bold; font-size: 16px; color: red;}
.col-centered{float: none;margin: 0 auto;}
.btn-margin { margin: 5px 0px;}
.busquedaTelH3 {display: inline-block;
                padding: 9px;
                text-transform: uppercase;
                font-weight: bold;}
.padding10 { padding: 10px;}
.chat-history .contenedor-mapa iframe {
    position: fixed;
    border: 1px solid #e0e0e0;
    top: 0; right: 0;
    bottom: 0; left: 0;
    width: 90%;
    height: 100%;
    margin: 35px 0px 0px 183px;
}


.marginGroupControl{margin: 0px 15px;}
.labelMargin { margin: 0px 10px;}
.fieldset {
    font-family: sans-serif;
    border: 5px solid #1F497D;
    background: #ddd;
    border-radius: 5px;
    padding: 15px;
    width: 40%;
    margin: 20px 0px 20px 55px;
}

.fieldset .legend {
    background: #1F497D;
    color: #fff;
    padding: 5px 10px ;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}
#tabsDinamico > li span.menu-principal-cerrar-pestana {
    display:none;
    cursor:pointer;
    position:absolute;
    right: 6px;
    top: 8px;
    color: red;
}
#tabsDinamico > li:hover > span {
    display: inline-block;
}
.paddingTable tr td{
    padding-right: 5px;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    right: 150px;
    top: -25px;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 85%;
    height: 100%;
}
tr.group,
tr.group:hover {
    background-color: #b3b0b0 !important;
    font-weight: bold;
}
.table-padding>tbody>tr>th {
    padding: 5px;
}

/*Bootstrap button outline override*/
.btn-outline {
	background-color: transparent;
	color: inherit;
	transition: all .5s;
	border-radius: 0px;
}

.btn-default.btn-outline {
	color: #444;
	border-color: #ddd;
}

.btn-primary.btn-outline {
	color: #428bca;
	border-color: #2e6da4;
}

.btn-success.btn-outline {
	color: #5cb85c;
	border-color: #4cae4c;
}

.btn-info.btn-outline {
	color: #5bc0de;
	border-color: #46b8da;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
	border-color: #eea236;
}

.btn-danger.btn-outline {
	color: #d9534f !important;
	border-color: #d43f3a;
}

.btn-outline:hover,
.btn-outline:focus {
	color: #fff !important;
}

.btn-default.btn-outline:hover,
.btn-default.btn-outline:focus {
	color: #3e3e3e;
}

.imagen-usuario{
    width:25px;
    height:25px;
    border-radius:50%;
    float:left;
}

.ws-saldo-warning{
    float:right;
    height:49px;
    width:115px;
    text-align:center;
    border-radius:0;
    padding-top: 5px;
    margin-top: -15px;
    margin-right: 2px;
}

#notificaciones-dropdown > a span.conteo{
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #dc3545;
    border-radius: 10px;
    display: none;
}

#notificaciones-dropdown a#btn-notificaciones{
    display: inline-block;
    position:relative;
    cursor: pointer;
}

#contenedor-notificaciones{
    padding: 5px;
    width: 600px;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 50px;
    display: none;
    border: 1px solid #a7a7a7;
}

#contenedor-notificaciones .alert{
    color: #31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
    margin-bottom:5px;
    padding:5px;
}

#login-central {
    padding-left: 10px;
    padding-right: 10px;
    width: 250px;
    background: #f9f9f9;
    font-size: inherit !important;
}

#btnCentralTelefonica{
    padding: 4px 9px !important;
    margin: 9px;
    border-radius: 25px;
    border: 2px solid #ffffff;
}

.centralTelefonicaDesconectado {
    background-color: #dd4b39 !important;
}

.centralTelefonicaConectado {
    background-color: #00a65a !important;
}

.centralTelefonicaConectado:hover{
    background-color: #00a65a !important;
}

.centralTelefonicaPausado {
    background-color: #d2af04 !important;
}

.btnCentralTelefonicaPausado {
    background-color: #d2af04 !important;
    border-color: #d2af04 !important;
}

.btnCentralTelefonicaPausado:hover {
    background-color: #d2af04 !important;
    border-color: #d2af04 !important;
}

.listaInternosCol .select2{
    width: 100% !important;
}

.listaInternos{
    min-width: 100% !important;
}

.logout-central{
    padding: 5px;
    width: 30%;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 50px;
    display: none;
}
.w100-d{
    width: 100%;
    display: inline-block;
}

.control-sidebar-dark{
    background: #f9fbfc;
}
.control-sidebar-tabs{
    background: transparent;
}
.control-sidebar-tabs li ,.control-sidebar-tabs li a{
    background: transparent !important;
    color:#262936 !important;
    border:none;
}
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a
,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover
,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus{
    background: transparent !important;
    color:#262936 !important;
    border:none;
}

.control-sidebar-bg, .control-sidebar{
    width: 320px;
    right: -320px;
}
.caja-nombre{

}
.username{
    font-weight: bold;
    color: darkslategray;
}
.mensaje{
    color:#9fa8b1;
}
.noleidos{
    margin: auto;
    margin-top: -5px;
    padding: 2px;
    background: #dd4b39;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: white;
}

 .control-sidebar.control-sidebar-open
,.control-sidebar.control-sidebar-open+.control-sidebar-bg{
    height: 100%;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}

.select2-selection.select2-selection--single{
  border-radius: 0px;
}

.select2-container--focus {
    border: 1px solid #3c8dbc;
}

.select2-selection.select2-selection--single{
    padding: 4px;
}

.btn.dropdown-toggle.bs-placeholder.btn-default{
    border-radius: 0px;
}

.todo-list>li.active{
    background: #e6e6e6;
    border-left: 2px solid #3c8dbc
}

.content-wrapper .content-header{
    padding-top:5px;
    background: #CFD8DC;
}

#tabsDinamico > li{
    border-top: 3px solid transparent;
    background: white;
}

#tabsDinamico > li.active{
    border-top-color: #3c8dbc;
}

#tabsDinamico > li.active > a{
    margin-right: 0px;
}

.panel-secondary {
    border-color: #f3ce8f;
}

.panel-secondary>.panel-heading {
    color: #885b0d;
    background-color: #FFE4B5;
    border-color: #FFE4B5;
}

.panel-default2 {
    border-color: #e2e6ef;
}

.panel-default2>.panel-heading {
    color: #607D8B;
    background-color: #e2e6ef;
    border-color: #e2e6ef;
}

.content-header >.breadcrumb{
    margin-top: -12px;
}

.content-wrapper > .content{
    padding-top: 7px;
    padding-bottom:0px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #eaeaea;
}

#lista-estados-de-usuario {
    width: 100%;
    outline: none;
    border: 1px solid white;
    font-size: 24px;
    color: #607D8B;
}

#lista-estados-de-usuario option{
    font-size: 80%;
    background: white;
}

 #modalAgendaAlert .bootstrap-datetimepicker-widget
,#formulario-agenda-supervisor .bootstrap-datetimepicker-widget
,#panel-ticket-agendamiento .bootstrap-datetimepicker-widget{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.arrow-left {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right:20px solid white;
}

/******************************* whatsapp tabs style **************************/

.aviso-pop-up{
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1100;
    border: 2px solid #3c8dbc;
    border-radius: 5px;
    padding: 5px;
}

.aviso-pop-up span{
    font-size: 10px;
    /*display: table-row;*/
    line-height: 10px;
}

#manija{
    border:1px solid #ecf0f5;
    position: absolute;
    top: 50%;
    right: 70px;
    z-index: 1000;
    width: 25px;
    height: 50px;
    background-color: white;
    border-radius: 25px 0 0 25px;
}

#sources-container{
    position: absolute;
    width: 20px;
}

#sources-container-in{
    position: relative;
    height: 100%;
}

#sources-container-in > a{
    padding: 2.5px 0 2.5px 1px;
    background: #fdfdfd;
    border-radius: 10px 0 0 10px;
    position: absolute;
    border: 1px solid #ececec;
    z-index: 1001;
}

#contenedor-general{
    position: absolute;
    right: 0;
    top: 50px;
    width: CALC( 100% - 50px );
    height: CALC( 100% - 100px );
    z-index: 1000;
    border-left: 1px solid #eee;
    background: white;
}

#contenedor-general > div{
    height: 100%;
    width: 100%;
    display: none;
}

#contenedor-general > div > div{
    height: 100%;
    float: left;
    background-color: #FFFFFF;
}

#contenedor-general > div > .div-left{
    width: 100%;
    border-right: 1px solid #E0E0E0;
}

#contenedor-whatsapp .div-right{
   border-bottom: 5px solid #6ce071;
}

 #contenedor-whatsapp .div-right header.cabecera
,#contenedor-facebook-messenger .div-right header.cabecera
,#contenedor-instachat .div-right header.cabecera
,#contenedor-webchat .div-right header.cabecera
,#contenedor-telegram .div-right header.cabecera{
    visibility: hidden;
}

#contenedor-whatsapp .div-left .cabecera{
   display: table;
   width: 100%;
   position: relative;
}

#contenedor-whatsapp .div-right header.cabecera #customer-picture{
    width:40px;
    height:40px;
    margin:5px 0;
    border-radius:50%;
    float:left;
}

 #ws-filtro-conversacion
,#fb-filtro-conversacion
,#ig-filtro-conversacion{
    display: none;
    position: absolute;
    bottom: 0;
    left: 45px;
}

#contenedor-whatsapp .div-right .navbar.navbar-default{
    visibility:hidden;
    margin-bottom: 0px;
    border-radius: 0px;
    padding: 0px;
}

 img.facebook-profile
,img.instagram-profile{
    width:40px;
    height:40px;
    border-radius:50%;
    float: left;
    margin: 5px 0px 0px 3px;
    border: 1px solid #BDBDBD;
    display: none;
}

img.facebook-profile-read{
    width:20px;
    height:20px;
    border-radius:50%;
    margin: 5px 0px 0px 3px;
    display: none;
}

.div-left img.whatsapp-profile{
    width:40px;
    height:40px;
    border-radius:50%;
    float: left;
    margin: 5px 5px 0px 3px;
    display: none;
}

 img.fan-page-profile
,img.instagram-cuenta-profile{
    width:28px;
    height:28px;
    border-radius:50%;
    float: left;
    margin: 17px 0px 0px -6px;
    display: none;
}

.panel-busqueda-conversacion{
    height:34px;
    display:none;
    margin-bottom:0px;
    position: relative;
}

.div-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.div-left > .nav-tabs {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.div-left > .nav-tabs > li {
  float: none;
}

 .div-left > .nav-tabs > li > a
,#tab-instagram-direct-message ul.nav.nav-tabs li a{
    min-width: 350px;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 0px;
    border-radius:0px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    display: table;
    color:initial
}

.div-left > .nav-tabs > li > a:hover,
.div-left > .nav-tabs > li > a:focus {
    border-right: none;
}

 #contenedor-whatsapp .div-left > .nav-tabs .active > a
,#contenedor-whatsapp .div-left > .nav-tabs .active > a:hover
,#contenedor-whatsapp .div-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    background-color: #efefef;
    border-left: none;
}

 #contenedor-facebook-messenger .div-left > .nav-tabs .active > a
,#contenedor-facebook-messenger .div-left > .nav-tabs .active > a:hover
,#contenedor-facebook-messenger .div-left > .nav-tabs .active > a:focus
,#tab-instagram-direct-message .nav-tabs .active a
,#tab-instagram-direct-message .nav-tabs .active a:hover
,#tab-instagram-direct-message .nav-tabs .active a:focus{
    border: none;
    background-color: #f5f5f5;
    border-right: 2.5px solid #0d47a1;
}

 #contenedor-webchat .div-left > .nav-tabs .active > a
,#contenedor-webchat .div-left > .nav-tabs .active > a:hover
,#contenedor-webchat .div-left > .nav-tabs .active > a:focus {
    border: none;
    background-color: #f5f5f5;
    border-right: 2.5px solid #FF5722;
}

 #contenedor-instachat .div-left > .nav-tabs .active > a
,#contenedor-instachat .div-left > .nav-tabs .active > a:hover
,#contenedor-instachat .div-left > .nav-tabs .active > a:focus {
 border-color: #ddd transparent #ddd #ddd;
 background-color: #efefef;
 border-left: none;
}

.div-left .user-image {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 5px;
}

.div-left .number-info{
    float: left;
    position: relative;
    display: table;
}

 #contenedor-whatsapp .div-left .info-encargado
,#contenedor-webchat .div-left .info-encargado
,#contenedor-facebook-messenger .div-left .info-encargado
,#tab-instagram-direct-message .info-encargado{
    height: 52px;
    width: 80px;
    float: left;
    padding-left: 3px;
    border-style: solid;
    border: 1px solid transparent;
    border-right-color: #b9b9b9;
    margin-top: -1px;
    margin-bottom: -1px;
    position: relative;
}

 #contenedor-whatsapp .div-left .info-encargado span i
,#contenedor-facebook-messenger .div-left .info-encargado span i
,#contenedor-telegram .div-left .info-encargado span i {
    position: absolute;
    right: 3px;
}

 #contenedor-whatsapp .div-left .info-encargado span
,#contenedor-facebook-messenger .div-left .info-encargado span
,#contenedor-telegram .div-left .info-encargado span{
    color: #607D8B;
    font-size: 10px;
    --display: table-row;
    float: left;
    width: 100%;
    line-height: 10px;
    white-space: nowrap;
    position: relative;
}

 #contenedor-whatsapp .div-left .number-info .numero-telefonico
,#contenedor-facebook-messenger .div-left .number-info .numero-telefonico
,#contenedor-telegram .div-left .number-info .numero-telefonico{
    display: table-row;
    padding: 0px 10px;
    font-size: 12px;
    float: left;
    height: 14px;
    color: #32454e;
    font-family: -webkit-body;
}

 #contenedor-facebook-messenger .div-left .fecha-ultimo-mensaje
,#contenedor-telegram .div-left .fecha-ultimo-mensaje
,#tab-instagram-direct-message .fecha-ultimo-mensaje{
    position: absolute;
    right: 8px;
    top: 3px;
    color: #9E9E9E;
}

#contenedor-facebook-messenger .div-left .fecha-ultimo-mensaje.no-read{
    color: #1565C0;
}

#contenedor-whatsapp .div-left .number-info .fecha-ultimo-mensaje{
    display: block;
    padding: 3px 0 0 0;
    font-size: 12px;
    float: right;
    color:#afafaf;
    height: 14px;
    font-family: initial;
}

#contenedor-whatsapp .div-left .number-info .conversacion-cliente{
    display: block;
    padding: 2px 0px 0px 5px;
    color: #3c8dbc;
    font-size: 11px;
}
#contenedor-facebook-messenger .div-left .number-info .conversacion-cliente{
    display: block;
    padding: 2px 0px 0px 5px;
    color: #1c1e21;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

#contenedor-facebook-messenger .div-left .number-info .conversacion-cliente.no-read{
    font-weight: bold;
}

 #contenedor-whatsapp .div-left .number-info .ultimo-mensaje
,#contenedor-facebook-messenger .div-left .number-info .ultimo-mensaje
,#contenedor-webchat .div-left .number-info .ultimo-mensaje
,#contenedor-telegram .div-left .number-info .ultimo-mensaje
,#contenedor-instagram .div-left .number-info .ultimo-mensaje{
    color: #8a8a8a;
    float: left;
    padding-left: 20px;
    white-space: nowrap;
}

#contenedor-facebook-messenger .div-left .number-info .ultimo-mensaje.no-read{
    font-weight: bold;
    color: #1c1e21;
}

 #contenedor-whatsapp .div-right
,#contenedor-facebook-messenger .div-right
,#contenedor-telegram .div-right
,#contenedor-webchat .div-right
,#contenedor-instachat .div-right{
    display: none;
    position: relative;
}

#contenedor-whatsapp .div-right .tab-content{
    width: 100%;
}

 #menu-mensajes-whatsapp
,#menu-mensajes-facebook
,#menu-mensajes-webchat
,#menu-mensajes-instagram{
    float: right;
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

 #menu-mensajes-whatsapp li
,#menu-mensajes-facebook li
,#menu-mensajes-instagram li
,#menu-mensajes-webchat li
,#menu-mensajes-instagram li{
    float: left;
    width: 100%;
}

 #menu-mensajes-whatsapp #ws-boton-acciones .dropdown-menu
,#menu-mensajes-facebook #fb-boton-acciones .dropdown-menu
,#menu-mensajes-webchat #wc-boton-acciones .dropdown-menu
,#menu-mensajes-instagram #ig-boton-acciones .dropdown-menu{
    margin-top: 10px;
    border: 1px solid #c5c5c5;
    max-height: 450px;
    overflow-y:auto;
    left: unset;
    right: 0;
    padding: 4px;
}

 #contenedor-whatsapp .div-right .cabecera .btn-back
,#contenedor-facebook-messenger .div-right .cabecera .btn-back
,#contenedor-telegram .div-right .cabecera .btn-back
,#contenedor-facebook .post-header .nav-link.btn-back
,#contenedor-instachat .div-right .cabecera .nav-link.btn-back
,#contenedor-webchat .div-right .cabecera .nav-link.btn-back
,#contenedor-instagram .div-right .cabecera .nav-link.btn-back
,#instagram-publicacion .nav-link.btn-back{
   display: none;
}

#menu-mensajes-whatsapp .dropdown.adjunto .dropdown-toggle{
    padding: 8px 0;
    margin-top: 0.3em;
    border-radius: 50%;
    pointer-events: auto;
    width: 40px;
    height: 40px;
}

#contenedor-whatsapp .no-leidos{
    background: #4CAF50;
    padding: 1px 3px;
    color: #FFFFFF;
    border-radius: 50%;
    display: none;
    width: 22px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: 90%;
}

#instagram-direct-message .tab-content .tab-pane{
    width: 100%;
    height:100%;
    overflow:auto;
    padding: 40px 10px 10px 10px;
    position: relative;
}

#contenedor-facebook-messenger .div-right > .tab-content > .tab-pane{
    width: 100%;
    height:100%;
    overflow:auto;
    padding: 40px 10px 10px 10px;
}

#contenedor-facebook-messenger .message-container{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:-2px;
    height: auto;
}

#contenedor-facebook-messenger .message-container.message-replied{
    margin-bottom:-16px;
}


#contenedor-facebook-messenger .message-container .message-content{
    padding:5px 5px 1px 5px;
    max-width: 70%;
    position: relative;
    margin-bottom: 15px;
}


#contenedor-facebook-messenger .message-in .message-content{
    float: left;
    margin-left: 17px;
}

#contenedor-facebook-messenger .message-content .content-text{
    width: 100%;
}

#contenedor-facebook-messenger .message-in .content-text{
    float: left;
}

#contenedor-facebook-messenger .message-out .content-text{
    float: right;
}

#contenedor-facebook-messenger .message-in .text{
    background: #f1f0f0;
    padding: 6px 12px 7px;
    font-size: 14px;
    border-radius: 0px 15px 15px 7px;
    float: left;
}


#contenedor-facebook-messenger .message-out .message-content{
    float: right;
    margin-right: 17px;
}

#contenedor-facebook-messenger .message-replied.message-out .message-content{
    float: left;
}

#contenedor-facebook-messenger .message-out .text{
    background: #0084ff;
    color: #FFFFFF;
    padding: 6px 12px 7px;
    font-size: 14px;
    border-radius: 15px 0px 15px 15px;
    float: right;
}

#contenedor-facebook-messenger .message-out .message-content.template{
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 0px 10px 0px;
}

#contenedor-facebook-messenger .message-out .message-content.template .option{
    border-top:1px solid #e0e0e0;
    color:#9e9e9e;
    padding:10px 15px;
    font-weight: 500;
    text-align:center;
}

#contenedor-facebook-messenger .message-in .message-content > img{
    float: left;
    max-width: 200px;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    margin: 2px;
    border-radius: 10px;
}

#contenedor-facebook-messenger .message-out .message-content > img{
    float: right;
    max-width: 200px;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    margin: 2px;
    border-radius: 10px;
}

#contenedor-facebook-messenger .message-out .content-template{
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 0px 10px 0px;
    float: right;
}

#contenedor-facebook-messenger .message-out .content-template .option{
    border-top:1px solid #e0e0e0;
    color:#9e9e9e;
    padding:10px 15px;
    font-weight: 500;
    text-align:center;
}

#contenedor-facebook-messenger .all-border{
    border-radius:7px;
}

#contenedor-facebook > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li{
    width: 50%;
    margin-right: 0;
    border-top:none;
    border-bottom:3px solid transparent;
}

#contenedor-facebook > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li.active{
    border-bottom-color:#3c8dbc;
}

#contenedor-facebook > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li > a:hover{
    background: #eeeeee;
    color:#3c8dbc;
}

#contenedor-facebook .facebook-post{
    min-width:440px;
    display:flex;
    padding: 5px 10px;
}

 #tab-facebook-comentarios .nav.nav-tabs li.active a
,#tab-facebook-notificaciones .nav.nav-tabs li.active a{
    background: #e4f3fe;
    border-bottom-color: #ddd;
}

#contenedor-facebook .post-img{
    width: 60px;
    height: 40px;
    float:left;
}

#contenedor-facebook .div-left .post-info {
    float: left;
    position: relative;
    display: table;
    width: CALC(100% - 60px);
}

#contenedor-facebook .div-left .post-message{
    display: table-row;
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    height: 18px;
}

#contenedor-facebook .div-left .post-departamento{
    display:table-row;
    font-size:14px;
    line-height:14px;
    text-align:right;
    color: #d2d6de;
}

#contenedor-facebook .div-left .post-fraccion{
    display:table-row;
    font-size:14px;
    line-height:14px;
    text-align:right;
    color: #d2d6de;
}


#contenedor-facebook .div-right > .tab-content{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}

#contenedor-facebook .div-right > .tab-content > .tab-pane{
    width: 100%;
    height: 100%;
    overflow: auto;
}

#contenedor-facebook .post-container{
    background: #FFFFFF;
    width: 60%;
    margin: 20px auto;
    display: flow-root;
}

#contenedor-facebook .post-header{
    padding: 15px;
    width: 100%;
    display: flow-root;
    position: relative;
}

#contenedor-facebook .post-attachments{
    width: 100%;
    --padding-bottom: 5px;
    border-bottom: 1px solid #9e9e9e;
}

#contenedor-facebook .post-header img.fan-page-profile{
    width:40px;
    height:40px;
    border-radius:50%;
}

#contenedor-facebook .post-header .fan-page-name{
    width:CALC(100% - 40px);
    float:left;
    padding:0 10px;
}

#contenedor-facebook .post-header .post-message{
    float:left;
    margin:10px 0;
}

#contenedor-facebook .post-comment{
    padding: 5px 15px;
    width: 100%;
    display: flow-root;
}

#contenedor-facebook .post-summary{
    padding: 5px 15px;
    width: CALC(100% - 30px);
    display: flow-root;
    height: 40px;
    border-bottom: 1px solid #bdbdbd;
    margin: auto;
}

#contenedor-facebook .post-comment .comment-message{
    float:left;
    margin-left: 5px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 15px;
    position: relative;
}

#contenedor-facebook .post-comment .comment-message .options{
    position: absolute;
    top: 0;
    right: -25px;
    display: none;
}

#contenedor-facebook .post-comment .comment-message .reactions-summary{
    position: absolute;
    bottom: 0;
    right: -15px;
    background: #FFFFFF;
    padding: 1px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px 3px rgb(220 220 220);
}


#contenedor-facebook .post-comment .comment-message .fb-user-name{
    font-weight: bolder;
    color: #424242;
}

#contenedor-facebook .post-comment .comment-message .fb-user-name:hover{
    text-decoration: revert;
}

#contenedor-facebook .post-comment .comment-message .options > a{
    border-radius: 15px;
    padding: 6px;
}

#contenedor-facebook .post-comment .comment-message .info > a{
    font-weight: bolder;
    padding: 0;
    color: #424242;
}

#contenedor-facebook .post-comment .comment-message .info .dropdown-menu{
    width:300px !important;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#contenedor-facebook .post-comment .comment-message .dropup.info:hover>.dropdown-menu {
  display: block;
}

 #facebook-profile-conversation
,#instagram-profile-conversation{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    /*margin: 5px 0px 0px 3px;*/
    border: 1px solid #BDBDBD;
    display: none;
}

 #fan-page-profile-conversation
,#instagram-cuenta-profile-conversation{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    float: left;
    margin: 17px 0px 0px -6px;
    display: none;
}


 .facebook-message-status
,.instagram-message-status{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #bdbdbd;
}


#contenedor-instagram .message-container{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:-2px;
    height: auto;
}

#contenedor-instagram .message-container.message-replied{
    margin-bottom:-16px;
}


#contenedor-instagram .message-container .message-content{
    padding:5px 5px 1px 5px;
    max-width: 70%;
    position: relative;
    margin-bottom: 15px;
}


#contenedor-instagram .message-in .message-content{
    float: left;
    margin-left: 17px;
}

#contenedor-instagram .message-content .content-text{
    width: 100%;
}

#contenedor-instagram .message-in .content-text{
    float: left;
}

#contenedor-instagram .message-out .content-text{
    float: right;
}

#contenedor-instagram .message-in .text{
    border: 1px solid #ccc;
    padding: 6px 12px 7px;
    font-size: 14px;
    border-radius: 15px;
    float: left;
}


#contenedor-instagram .message-out .message-content{
    float: right;
    margin-right: 17px;
}

#contenedor-instagram .message-replied.message-out .message-content{
    float: left;
}

#contenedor-instagram .message-out .text{
    background: #eee;
    padding: 6px 12px 7px;
    font-size: 14px;
    border-radius: 15px;
    float: right;
}

#contenedor-instagram .message-out .message-content.template{
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 0px 10px 0px;
}

#contenedor-instagram .message-out .message-content.template .option{
    border-top:1px solid #e0e0e0;
    color:#9e9e9e;
    padding:10px 15px;
    font-weight: 500;
    text-align:center;
}

#contenedor-instagram .message-in .message-content > img{
    float: left;
    max-width: 200px;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    margin: 2px;
    border-radius: 10px;
}

#contenedor-instagram .message-out .message-content > img{
    float: right;
    max-width: 200px;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    margin: 2px;
    border-radius: 10px;
}

#contenedor-instagram .message-out .content-template{
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 0px 10px 0px;
    float: right;
}

#contenedor-instagram .message-out .content-template .option{
    border-top:1px solid #e0e0e0;
    color:#9e9e9e;
    padding:10px 15px;
    font-weight: 500;
    text-align:center;
}

#contenedor-instagram .all-border{
    border-radius:7px;
}

#contenedor-instagram .instagram-post{
    min-width:440px;
    display:flex;
    padding: 5px 10px;
}

#contenedor-instagram .post-img{
    width: 60px;
    height: 40px;
    float:left;
}

#instagram-publicacion > .tab-content{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    float: left;
}

#instagram-publicacion > .tab-content > .tab-pane{
    width: 100%;
    height: 100%;
    overflow: auto;
    float: left;
}

#instagram-publicacion .post-container{
    background: #FFFFFF;
    width: 60%;
    margin: 20px auto;
    display: flow-root;
}

#instagram-publicacion .post-header{
    padding: 15px 15px 0px 15px;
    width: 100%;
    display: flow-root;
    position: relative;
}

#instagram-publicacion .post-header img.instagram-cuenta-profile{
    width:40px;
    height:40px;
    border-radius:50%;
}

#instagram-publicacion .post-header .instagram-page-name{
    width:CALC(100% - 40px);
    float:left;
    padding:0 10px;
}

#instagram-publicacion .post-header .post-message{
    float:left;
    margin:5px 0;
    line-height: 1px;
}

#instagram-publicacion .post-attachments{
    width: 100%;
    border-bottom: 1px solid #9e9e9e;
}

#contenedor-instagram .div-left .post-info {
    float: left;
    position: relative;
    display: table;
    margin-left: 10px;
}

#contenedor-instagram .div-left .post-message{
    display: table-row;
    font-size: 14px;
    color: #000000;
    line-height: 18px;
}



#contenedor-instagram .post-comment{
    width: 100%;
    display: flow-root;
    border-top: 0.5px solid #d2d6de;

}

#contenedor-instagram .post-summary{
    padding: 5px 15px;
    width: CALC(100% - 30px);
    display: flow-root;
    height: 40px;
    margin: auto;
}

#contenedor-instagram .post-comment .comment-message{

}

#contenedor-instagram .post-comment .comment-datetime{
    margin: 0 10px 10px;
    color: #999;
}

#contenedor-instagram .post-comment .ig-btn-responder-comentario{
    float: left;
}



#contenedor-webchat .div-right > .tab-content > .tab-pane{
    width: 100%;
    height:100%;
    overflow:auto;
    padding: 40px 10px 10px 10px;
}

#contenedor-webchat .message-container{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:-2px;
    height: auto;
}


#contenedor-webchat .message-in .message-content{
    float: left;
    background: #d3e8f3;
    margin-left: 17px;
    padding: 10px;
}

#contenedor-webchat .message-out .message-content{
    float: right;
    margin-right: 17px;
    background: #fdeeb8;
    padding: 10px;
}

#contenedor-webchat .message-out .content-text span{
    float: right;
}

#contenedor-webchat .no-leidos{
    background: #FF9800;
    padding: 1px 3px;
    color: #FFFFFF;
    border-radius: 5px;
    display: none;
    width: 22px;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 90%;
}

#contenedor-instagram > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li{
    width: 33.3%;
    margin-right: 0;
    border-top:none;
    border-bottom:3px solid transparent;
}

#contenedor-instagram > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li.active {
    border-bottom-color: #d65026;
}

#contenedor-instagram > .div-left > .nav-tabs-custom > ul.nav.nav-tabs > li > a{
    padding: 5px 10px;
    color: #607d8b;
}

 #tab-instagram-publicaciones .nav.nav-tabs li.active a
,#tab-instagram-notificaciones .nav.nav-tabs li.active a {
   background: #e4f3fe;
   border-bottom-color: #ddd;
}

/*loader*/
.loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #b7b7b7;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

 .facebook-loader
,.instagram-loader{
  border: 3px solid #f3f3f3;
  border-top: 3px solid #2196f3;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  animation: spin .75s linear infinite;
}

.user-loader{
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2.5px solid #f3f3f3;
    border-top: 2.5px solid #c2dff7;
    border-radius: 50%;
    animation: spin .75s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#WhatsappModalMedias #caja-busqueda-archivos{
    padding:5px 0px;
    width:100%;
}

#WhatsappModalMedias #catSelectSearch{
    padding:0px 15px;
    background:#FFF;
    border:1px solid #E4E7ED;
    height:40px;
    margin-right:-4px;
    border-radius:40px 0px 0px 40px;
    width:130px;
}

#WhatsappModalMedias #catSelectSearch:focus{
    outline:0 !important;
}

#WhatsappModalMedias #searchBarInput{
    height:40px;
    padding:0px 15px;
    border:1px solid #E4E7ED;
    background-color:#FFF;
    width:calc(75% - 150px);
    margin-right:-4px;
}

 #WhatsappModalMedias2 .search-btn
,#WhatsappModalMedias .search-btn{
    height: 40px;
    width: 100px;
    background: #018bc8;
    color: #FFF;
    font-weight: 700;
    border: none;
    border-radius: 0px 40px 40px 0px;
    outline: none;
}

#WhatsappModalMedias .search-btn:focus{
    outline:0 !important;
}

.contenedor-fila-resolucion{
    width:100%;
    border-top:2px solid #f5a34e;
    margin-top:5px;
    padding:0px 10%;
}

 .resolucion-id
,.resolucion-detalle-id
,.resolucion-sub-detalle-id {
    color: #9E9E9E;
    width: 12px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 3px;
}

 #resoluciones-a-asignar .resolucion-id
,#resoluciones-a-asignar .resolucion-detalle-id
,#resoluciones-a-asignar .resolucion-sub-detalle-id{
    display: none;
}

/**************************whatsapp mensajes***************************************/

 #contenedor-general::-webkit-scrollbar
,#contenedor-general .chat-history::-webkit-scrollbar
,#contenedor-general .div-left .nav.nav-tabs::-webkit-scrollbar
,#contenedor-general .div-right .tab-content .tab-pane::-webkit-scrollbar
,#contenedor-general .div-right .adjuntos-cargados .archivos-adjuntados::-webkit-scrollbar
,.contenedor-archivo::-webkit-scrollbar
,.contenedor-paginas::-webkit-scrollbar
,#ws-boton-acciones ul.dropdown-menu::-webkit-scrollbar
,#contenedor-comentario-adjunto .emoji-wysiwyg-editor::-webkit-scrollbar
,#contenedor-archivos-compartidos > .nav-tabs-custom > .tab-content > .tab-pane::-webkit-scrollbar
,#contenedor-whatsapp #contestacion-whatsapp::-webkit-scrollbar
,.emoji-items-wrap.mobile_scrollable_wrap::-webkit-scrollbar {
	width: 5px;
    height: 5px;
}

#contenedor-general .emoji-wysiwyg-editor::-webkit-scrollbar{
    width: 20px;
    height: 18px;
}

 #contenedor-general::-webkit-scrollbar-thumb
,#contenedor-general .chat-history::-webkit-scrollbar-thumb
,#contenedor-general .div-left .nav.nav-tabs::-webkit-scrollbar-thumb
,#contenedor-general .emoji-wysiwyg-editor::-webkit-scrollbar-thumb
,#contenedor-general .div-right .tab-content .tab-pane::-webkit-scrollbar-thumb
,#contenedor-general .div-right .adjuntos-cargados .archivos-adjuntados::-webkit-scrollbar-thumb
,.contenedor-archivo::-webkit-scrollbar-thumb
,.contenedor-paginas::-webkit-scrollbar-thumb
,#ws-boton-acciones ul.dropdown-menu::-webkit-scrollbar-thumb
,#contenedor-comentario-adjunto .emoji-wysiwyg-editor::-webkit-scrollbar-thumb
,#contenedor-archivos-compartidos > .nav-tabs-custom > .tab-content > .tab-pane::-webkit-scrollbar-thumb
,.emoji-items-wrap.mobile_scrollable_wrap::-webkit-scrollbar-thumb
,#contenedor-whatsapp #contestacion-whatsapp::-webkit-scrollbar-thumb {
	background-color: #AEB6BF;
}

#contenedor-general .emoji-wysiwyg-editor::-webkit-scrollbar-thumb {
    border: 8px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

 #contenedor-general .div-left .nav.nav-tabs::-webkit-scrollbar-thumb:hover
,#contenedor-general .chat-history::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#tabReportes .tab-pane::-webkit-scrollbar{
    width: 15px;
    height: 20px;
}

#tabReportes .tab-pane::-webkit-scrollbar-thumb{
    --background-color: #AEB6BF;
    border: 2.5px solid rgba(255, 255, 255, 0);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

#tabReportes .tab-pane::-webkit-scrollbar-thumb:hover{
    width: 20px;
    height: 25px;
    background: #9e9e9e;
    border-radius: 5px;
}

/***************************************************************************************/

#contenedor-whatsapp .div-right > div.tab-content .tab-pane{
    width:100%;
    height:100% !important;
    overflow-x:auto;
    overflow-y:hidden;
}

#contenedor-whatsapp .div-right > div.tab-content .tab-pane .nav-tabs-custom{
    height:100%;
    margin-bottom:0px;
}

#contenedor-whatsapp .div-right > div.tab-content .tab-pane .nav-tabs-custom .tab-content{
    height: calc(100% - 29px);
    padding: 0px;
}

#contenedor-whatsapp .div-right > div.tab-content .tab-pane .nav-tabs-custom ul.nav.nav-tabs li{
    margin-right: 1px;
}

.pestana-canal{
    padding:5px 2px !important;
    font-size: 11px !important;
}

 #contenedor-whatsapp .btn-transferir
,#contenedor-facebook-messenger .btn-transferir
,#contenedor-instagram .btn-transferir{
    width:98%;
    margin:1px auto;
    display:block;
}

#contenedor-whatsapp .btn-estados-conversaciones{
    width:98%;
    margin:1px auto;
    display:block;
    text-align: left;
}

#contenedor-whatsapp .chat-history {
    height: 100% !important;
    padding:10px;
    margin-bottom:0px;
    list-style:none;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url('../images/8a055527b27b887521a9f084497d8879.png');
    background-color: rgb(249 207 142 / 26%);
}

#contenedor-whatsapp .chat-history .contenedor-mapa{
    width:300px;
    height:300px;
}

#contenedor-whatsapp .message-container{
    width: 100%;
    display: flex;
    position: relative;
    margin: 5px 0;
    height: auto;
}

#contenedor-whatsapp .message-container .message-content{
    padding:5px 5px 1px 5px;
    max-width: 70%;
    position: relative;
}

#contenedor-whatsapp .message-container.message-in{
    justify-content: flex-start;
}

#contenedor-whatsapp .message-container.message-out{
    justify-content: flex-end;
}

#contenedor-whatsapp .message-in .message-content{
    background: #FFFFFF;
    margin-left: 17px;
    border-radius: 5px;
}

#contenedor-whatsapp .message-out .message-content{
    margin-right: 17px;
    background: #dcf8c6;
    border-radius: 5px;
}

#contenedor-whatsapp .left-arrow{
	position: absolute;
    left: -5px;
    top: 0px;
    border-top: 22px solid #ffffff;
    border-left: 22px solid transparent;
}

#contenedor-whatsapp .right-arrow{
	position: absolute;
	right: -5px;
    top: 0px;
    border-right: 22px solid transparent;
    /*border-top: 22px solid #c8efb4;*/
    border-top: 22px solid #dcf8c6;
}

#contenedor-whatsapp .content-text{
    display: flex;
    flex-direction: column;
}

#contenedor-whatsapp .message-out .content-text span{
    float: right;
}

#contenedor-whatsapp .message-content .youtube-frame{
    width:420px;
    height:370px;
    margin:0px;
    position:unset;
}

#contenedor-whatsapp .message-in .message-content .youtube-frame{
    float: left;
}

#contenedor-whatsapp .message-out .message-content .youtube-frame{
    float: right;
}

#contenedor-whatsapp

#contenedor-whatsapp .all-border{
    border-radius:7px;
}

#contenedor-whatsapp .top-left-border{
    border-radius: 0px 7px 7px 7px;
}

#contenedor-whatsapp .top-right-border{
    border-radius: 7px 0px 7px 7px;
}

#contenedor-whatsapp .chat-history .message-data {
    display: flex;
    justify-content: flex-end;
}

#contenedor-whatsapp .chat-history .message-data-time {
    color: #a8aab1;
    float: right;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    display: table-row;
}

#contenedor-whatsapp .chat-history .info-user-group{
    font-size: 11px;
    padding: 0px 5px;
}

#contenedor-whatsapp .chat-history .info-user-group.display-left{
    float: left;
}

#contenedor-whatsapp .chat-history .info-user-group.display-right{
    float: right;
    text-align:right;
}

 #contenedor-whatsapp .chat-history .message-data-user
,#contenedor-whatsapp .chat-history .message-data-user-group {
    color: #687b84;
    display: block;
    height: 11px;
    font-family: serif;
    font-style: italic;
}

#contenedor-whatsapp .chat-history .message-data-fecha-lectura{
    color: #b7b7b7;
    display: block;
    height: 11px;
}

#contenedor-whatsapp .chat-history .message-data-cliente-nombre {
    color: #b2b2b2;
    display: none;
    height: 10px;
}

 #contenedor-whatsapp .chat-history .message-data-user i
,#contenedor-whatsapp .chat-history .message-data-user-group i{
    margin: 0px 5px;
    color: #607D8B;
}

 #ws-mostrar-info-encargado
,#fb-mostrar-info-encargado
,#ig-mostrar-info-encargado{
    display: none;
}

 #ws-encargado-info
,#fb-encargado-info
,#wc-encargado-info
,#ig-encargado-info{
    float:right;
    font-size:11px;
}

 #ws-encargado-info span
,#fb-encargado-info span
,#wc-encargado-info span
,#ig-encargado-info span{
    height: 11px;
}

 #ws-encargado-info span b
,#fb-encargado-info span b
,#wc-encargado-info span b
,#ig-encargado-info span b{
    font-size: 9px;
}

 #ws-encargado-info span i
,#fb-encargado-info span i
,#wc-encargado-info span i
,#ig-encargado-info span i{
    color: #607D8B;
}

 .ver-usuario:hover
,.ver-usuario:focus{
    text-decoration: underline;
    color: #007bff;
}

.promedio-de-respuesta i{
    color: #607D8B;
}

 #ws-auto-transferencia-conversacion
,#fb-auto-transferencia-conversacion{
    padding:0px;
    font-size:11px;
    display:block;
    outline: none !important;
}

.chat-history .mensaje-no-leido-bloque{
    background : rgba(255, 255, 255, 0.3);
    padding: 5px 0px;
    margin: 10px 0px;
    margin-left : -10px;
    margin-right: -10px;
}

.chat-history .mensaje-no-leido-center{
    width: 165px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    text-align: center;
    padding: 5px;
    border-radius: 20px;
}

.contenedor-para-responder{
    width: 100%;
    background-color: #f5f5f5;
    position: absolute;
    bottom:0;
}

.contenedor-para-responder .contenedor-izquierdo{
    float: left;
    display: flex;
    height: 100%;
    width: 65px;
    align-items: center;
    justify-content: center;
}

.btn-add-comentario-conversacion{
    position: absolute;
    left: 5px;
    top: CALC( 50% - 10px );
    padding: 0;
}

.btn-add-comentario-conversacion i{
    font-size: 25px;
    color: #798084;
}

.contenedor-para-responder .contenedor-central{
    height: 100%;
    float:left;
    position:relative;
    width: calc(100% - 140px);
    padding-top: 6px;
}

.contenedor-para-responder .contenedor-central textarea{
    resize:none;
    outline:none;
    border-radius:25px;
    width:100%;
    border:none;
    padding: 10px;
}

.contenedor-para-responder .contenedor-central textarea.no-enviar{
    border: 1px solid #ff3d00;
}

.no-enviar::-webkit-input-placeholder { /* Edge */
  color: red;
}

.no-enviar:-ms-input-placeholder { /* Internet Explorer */
  color: red;
}

.no-enviar::placeholder {
  color: red;
}

.ory3u{
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 10px;
    border-radius: 50%;
    border: none;
}

.ory3u:active {
    outline: none;
    border: none;
}

.ory3u:focus {
    outline:0;
}

#contenedor-whatsapp .contenedor-para-responder .contenedor-derecho{
    position:relative;
    width:75px;
    height: 100%;
    float:right;
    text-align:right;   
}
#contenedor-webchat .contenedor-para-responder .contenedor-derecho{
    position:relative;
    width:75px;
    height: 50px;
    float:right;
    text-align:right;
}

#contenedor-facebook-messenger .contenedor-para-responder .contenedor-derecho{
    position:relative;
    width:125px;
    height: 50px;
    float:right;
    text-align:right;
}

#contenedor-facebook-messenger .contenedor-para-responder{
    background-color: #FFFFFF;
}

#contenedor-facebook-messenger .contenedor-para-responder .contenedor-central{
    width: calc(100% - 175px);
    margin-left: 50px;
}

#contenedor-facebook-messenger .contenedor-mapa{
    width:300px;
    height:300px;
    border-radius: 25px 25px 0px 0px;
}

#contenedor-facebook-messenger .div-right .tab-content .message-container .info-user-group.display-right{
    float: right;
    text-align:right;
}

#contenedor-facebook-messenger .div-right .tab-content .message-container .message-data-user {
    color: #687b84;
    display: block;
    font-size: 10px;
    font-family: serif;
    font-style: italic;
    padding-top: 8px;
}

#contenedor-facebook-messenger .div-right .tab-content .tooltip .tooltip-inner {
    background-color: transparent;
}

#contenedor-facebook-messenger .div-right .tab-content .tooltip .tooltip-arrow {
    border-top-color: transparent;
}


#contenedor-instagram .div-right .tab-content .message-container .info-user-group.display-right{
    float: right;
    text-align:right;
}

#contenedor-instagram .div-right .tab-content .message-container .message-data-user {
    color: #687b84;
    display: block;
    font-size: 10px;
    font-family: serif;
    font-style: italic;
}

#contenedor-instagram .div-right .tab-content .tooltip .tooltip-inner {
    background-color: transparent;
}

#contenedor-instagram .div-right .tab-content .tooltip .tooltip-arrow {
    border-top-color: transparent;
}

#instagram-direct-message .contenedor-para-responder .contenedor-derecho{
    position:relative;
    width:125px;
    height: 50px;
    float:right;
    text-align:right;
}

#instagram-direct-message .contenedor-para-responder{
    background-color: #FFFFFF;
}

#instagram-direct-message .contenedor-para-responder .contenedor-central{
    width: calc(100% - 175px);
    margin-left: 50px;
}

#instagram-attachment i{
    background-image: url(/amg/public/images/SPGcuHBDHvJ.png);
    background-position: -428px -271px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}


#contenedor-webchat .div-left .number-info .fecha-ultimo-mensaje{
    display: block;
    padding: 0px 3px;
    font-size: 12px;
    float: right;
    color:#afafaf;
    height: 14px;
    font-family: initial;
}

#contenedor-webchat .div-left .nav.nav-tabs .ver-mensajes-webchat .on-line-status{
    position: absolute;
    --left: 0;
    --top:50%;
}

#contenedor-webchat .div-right .tab-content .tab-pane .message-data-time {
    color: #a8aab1;
    float: right;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    display: table-row;
}

#contenedor-webchat .div-right .tab-content .tab-pane .info-user-group{
    font-size: 11px;
    padding: 0px 5px;
}

#contenedor-webchat .div-right .tab-content .tab-pane .info-user-group.display-right {
    float: right;
    text-align: right;
}


 #contenedor-webchat .div-right .tab-content .tab-pane .message-data-user
,#contenedor-webchat .div-right .tab-content .tab-pane .message-data-user-group {
   color: #687b84;
   display: block;
   height: 11px;
   font-family: serif;
   font-style: italic;
}

#contenedor-webchat .div-left .conversacion-cliente .cliente-correo {
    display:table;
    color: #2196f3;
    line-height: 13px;
    margin-left: 12px;
}

#contenedor-webchat .div-left .conversacion-cliente .cliente-nombre {
    display:table;
    color:#9E9E9E;
    line-height: 13px;
    height: 13px;
}

#contenedor-webchat .div-left .conversacion-cliente .cliente-telefono {
    display: none;
}

#contenedor-webchat .div-right .conversacion-cliente .cliente-correo {
    display:table;
    color: #607D8B;
    line-height: 14px;
    font-size: 14px;
}

#contenedor-webchat .div-right .conversacion-cliente .cliente-nombre {
    display:table;
    color:#9E9E9E;
    line-height: 16px;
    font-size: 14px;
}

#contenedor-webchat .div-right .conversacion-cliente .cliente-telefono {
    display:table;
    font-size: 14px;
    line-height: 20px;
    color: #00bcd4;
    font-family: serif;
}



.accion-mensaje{
    color:#6b6b6b;
    position:absolute;
    right:15px;
    bottom:7px;
    top:50%;
    transform:translateY(-50%);
    height: 24px;
}

._1azEi{
    outline: none !important;
    border: 0;
    padding: 0;
    background: none;
    border-radius: 50%;
}

button._1azEi:focus {
    outline:0 !important;
}


._1azEi span svg{
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset -6px -8px 11px 7px rgba(0,0,0,0.50);
    border-radius: 50px;
}

._3L0q3._167q._1Fc0v{
    position: relative;
    padding: 5px 0px;
}

._3L0q3._167q._1Fc0v .titulo{
    position: absolute;
    top: 14px;
    right: 60px;
    width: max-content;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
}

.cuadro-archivo{
    border: 1px solid #e0e0e0;
    width: 180px;
    height: 230px;
    float: left;
    margin: 5px;
    position: relative;
    padding: 5px;
}

.titulo-archivo{
    position: absolute;
    bottom: -5px;
    font-size: 12px;
    text-align: right;
    right: 5px;
}

.cuadro-archivo textarea{
    resize: none;
    width: 95%;
    height: 85%;
    margin: 5px auto 0px auto;
    display: block;
    color:#4aadb9;
}

.contenedor-archivo textarea{
    resize: none;
    width: 100%;
    height: 90%;
    display: block;
    color:#4aadb9;
}

.contenedor-checkeo{
    position: absolute;
    bottom: -2px;
    left: 2px;
}

.contenedor-adjuntado{
    height:100%;
    float:left;
    margin: 0px 5px;
    position: relative;
    cursor: pointer;
}

.contenedor-archivo{
    height:100%;
    width:50%;
    margin:0px auto;
    position:relative;
}

.btn-enviar{
    background-color: #00e676;
    border-radius: 50%;
    box-shadow: none;
    position: absolute;
    bottom: calc(25% - 30px);
    right: 20px;
    width: 60px;
    height: 60px;
    outline: none !important;
    border: 1px solid transparent;
    padding: 6px 12px;
}

.btn-enviar svg{
    margin: 10px 7px;
}

.btn-enviar svg path{
    fill:white;
    fill-opacity:1;
}

th.dt-center, td.dt-center { text-align: center; }

#msg-pre-guardado-jsgrid .jsgrid-table {
    border-collapse: collapse;
}

#msg-pre-guardado-jsgrid .columna-msg{
    white-space: pre-line;
    border: none;
}

#msg-pre-guardado-jsgrid td.col0 {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
}

#msg-pre-guardado-jsgrid td.col2 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px;
}

#msg-pre-guardado-jsgrid td.col0 input{
    position: absolute;
    top: 0;
    right: 0;
}

.whatsapp-re-enviar-in{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    right: -32px;
    padding: 0px;
    border: none;
    border-radius: 25px;
    background: rgba(0,0,0,0.1);
}

.whatsapp-re-enviar-in:focus{
    outline:0 !important;
}

.whatsapp-url-link{
    word-break: break-all;
    color: #039be5;
}

.whatsapp-url-link:hover{
    color: #039be5;
    text-decoration: underline;
}

#contenedor-facebook-messenger .div-right .message-container.message-out .whatsapp-url-link{
    color: #FFFFFF;
}

.div-left .emoji-class{
    width: 20px;
    height: 20px;
}

.div-right .emoji-class{
    width: 20px;
    height: 20px;
}

.status-online{
    border:2px solid #ff0000;
    border-radius:50%;
    width:10px;
    height:10px;
    background:#ff0000;
    position:absolute;
    top:2px;
    left:28px;
}

.chats-encontrados div, .mensajes-encontrados div{
    padding: 30px 0 15px 32px;
    height: 72px;
    box-sizing: border-box;
    font-size: 16px;
    color: #009688;
    text-transform: uppercase;
}

.panel-usuario-online{
    width:100%;
    float:left;
    position:relative;
    padding:2px 10px;
}

.btn-archivo-info{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.div-archivo-info{
    background-color: white;
    border: 1px solid #999;
    position: absolute;
    z-index: 100;
}

#modalArchivo .bootstrap-tagsinput {
  width: 100% !important;
  margin-bottom: 10px;
}

.contenedor-paginas{
    float: left;
    display: block;
    /*max-width: 550px;*/
    overflow: auto;
}

.hiddenRow {
    padding: 0 !important;
    background: white !important;
}

.lista-eliminada{
    border-top: 1px solid #ff0303;
    border-right: 1px solid #ff0303;
    border-bottom: 1px solid #ff0303;
}

h4.agenda-titulo{
    margin-bottom: 5px;
}

#contenedor_agendas_lista > table{
    border: 1px solid #e9e9e9;
}

#modalAgendaAlert .col-1{
    width: 100px;
}


.canal-contacto-agenda{
    color: #c2c2c2;
    font-size: 12px;
}

.btn-mn-agenda{
    padding: 2px 6px;
    margin-top: -5px;
}

tr.alerta {
    max-width: 200px;
    word-wrap: normal-word;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

 .jsgrid-row > .jsgrid-cell.pendiente
,.jsgrid-alt-row > .jsgrid-cell.pendiente {
    background: #f8d7da;
    color: #721c24;
}

.jsgrid-selected-row > .jsgrid-cell.pendiente {
    background: #c4e2ff;
}

#contenedor-instachat .div-left > .nav-tabs > li > a {
  width: 440px;
}

#contenedor-instachat img.instachat-profile{
    width:40px;
    height:40px;
    border-radius:50%;
    float: left;
    margin: 5px 0px 0px 3px;
    border: 1px solid #BDBDBD;
}

#contenedor-instachat .div-left > .nav-tabs > li > a span.label-warning{
    font-size: 14px;
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    left: 93%;
    display: none;
}

#contenedor-instachat .div-left .fecha-ultimo-mensaje{
    position: absolute;
    right: 8px;
    top: 3px;
    color: #9E9E9E;
}

#contenedor-instachat .div-right > .tab-content{
    width:100%;
    height:CALC(100% - 100px);
}

#contenedor-instachat .chat-container-conversacion {
	padding: 10px;
  	width: 100%;
    height: 100%;
  	position:relative;
  	list-style: none;
  	overflow-y: auto;
  	overflow-x: hidden;
}

#contenedor-instachat .chat-message-container{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom:2px;
    height: auto;
}

#contenedor-instachat .chat-message-container .chat-message-content{
    padding:5px 5px 1px 5px;
    max-width: 75%;
}

#contenedor-instachat .chat-message-in .chat-message-content{
    float: left;
    background: #d3e8f3;
    /*margin-left: 17px;*/
}

#contenedor-instachat .chat-message-out .chat-message-content{
    float: right;
    /*margin-right: 17px;*/
    background: #fdeeb8;
	/*text-align: right;*/
}

#contenedor-instachat .contenedor-para-responder .contenedor-central {
    width: calc(100% - 125px);
    margin-left: 50px;
}

#contenedor-instachat .contenedor-para-responder .contenedor-derecho {
    position: relative;
    width: 75px;
    height: 50px;
    float: right;
    text-align: right;
}

#contenedor-instachat .chat-container-conversacion .chat-message-data-time {
    color: #a8aab1;
	width: 100%;
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    display: block;
}

#contenedor-instachat .chat-container-conversacion .chat-message-status {
    color: #a8aab1;
	width: 100%;
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    display: block;
	font-style: italic;
}

/******************************************* emoticones **********************************/

.contenedor-central .emoji-picker-icon-2 {
    cursor: pointer;
    position: absolute;
    left: -30px;
    top: CALC( 50% - 15px );
    font-size: 30px;
    z-index: 100;
    transition: none;
    color: #7d7d7d;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.contenedor-central .emoji-wysiwyg-editor{
    background-color: #FFFFFF;
    border-radius: 20px;
    outline: none;
    padding: 9px;
    overflow-y: hidden;
}

#contenedor-comentario-adjunto{
    height:70px;
    padding:0px 80px;
    position:relative;
}

#contenedor-comentario-adjunto .emoji-wysiwyg-editor{
    margin-top: 0px;
    border: none;
    border-bottom: 2px solid #00bfa5;
    outline: none;
}

#contenedor-comentario-adjunto .emoji-picker-icon-2 {
    position: absolute;
    right: 85px;
    font-size: 22px;
    color: #9E9E9E;
    top: 5px;
    cursor: pointer;
}

/************************** Recorder Stuff *********************************************/
#stopRecord {
    padding: 10px 17px;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50%;
    margin-right: 15px;
    float: left;
}

#record {
    padding: 10px 14px;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50%;
}

#recorderContainer{
    width: 100%;
    background-color: #EDEDED;
    display: block;
    position:absolute;
}

#timer{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#redCircle{
    border-radius: 50%;
    background-color: red;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 64px;
}


/********************************* material desing *****************************/
/* form starting stylings ------------------------------- */
.group {
  position:relative;
  margin-bottom:30px;
}
 .group input
,.group select {
  font-size:18px;
  padding:10px 10px 10px 5px;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}

 .group input:focus
,.group select:focus {
    outline:none;
}

/* LABEL ======================================= */
.group label 				 {
    color:#999;
    font-size:18px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

/* active state */

 .group input:focus ~ label
,.group input:valid ~ label
,.group select:focus ~ label
,.group select:valid ~ label {
    top:-20px;
    font-size:14px;
    color:#4285f4;
}

/* BOTTOM BARS ================================= */
.group .bar {
    position:relative;
    display:block;
    width:100%;
}

 .group .bar:before
,.group .bar:after{
    content:'';
    height:2px;
    width:0;
    bottom:1px;
    position:absolute;
    background:#4285f4;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

.group .bar:before {
  left:50%;
}

.group .bar:after {
  right:50%;
}

/* active state */
 .group input:focus ~ .bar:before
,.group input:focus ~ .bar:after
,.group select:focus ~ .bar:before
,.group select:focus ~ .bar:after {
  width:50%;
}

footer.main-footer{
    display: block;
}

#btn-add-ticket{
    margin-left:45px;
    margin-top: 7.5px;
}

/* ---- Timeline ---- */
#panel-ticket-historial-asignaciones ol {
    position: relative;
    display: block;
    margin: 50px 15px;
    height: 4px;
    padding: 0;
}

#panel-ticket-historial-asignaciones ol::before,
#panel-ticket-historial-asignaciones ol::after {
    content: "";
    position: absolute;
    top: -8px;
    display: block;
    width: 0;
    height: 0;
    border-radius: 10px;
}
#panel-ticket-historial-asignaciones ol::before {
    left: -5px;
}
#panel-ticket-historial-asignaciones ol::after {
    right: -10px;
    border-right: 0;
    border-left: 20px solid #31708F;
    border-radius: 3px;
}

/* ---- Timeline elements ---- */
#panel-ticket-historial-asignaciones li {
    position: relative;
    display: inline-block;
    float: left;
    width: 135px;
    font: bold 14px arial;
    height: 50px;
}
#panel-ticket-historial-asignaciones li .diplome {
    position: absolute;
    top: -35px;
    left: 10px;
    color: #607D8B;
    font: initial;
}
#panel-ticket-historial-asignaciones li .point-3 {
    top: -9px;
    right: 2px;
    position: absolute;
    font: initial;
    font-size: 12px;
}
#panel-ticket-historial-asignaciones li .point-2 {
    top: 5px;
    left: 19px;
    display: block;
    width: CALC(100% - 20px);
    height: 4px;
    background: #FF5722;
    position: absolute;
    text-align: right;
    padding-right: 5px;
    font-size: 11px;
}
#panel-ticket-historial-asignaciones li .point-1 {
    top: -4px;
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #31708F;
    border-radius: 30px;
    background: #fff;
    position: absolute;
}
#panel-ticket-historial-asignaciones li .description {
    display: none;
    background-color: #f4f4f4;
    padding: 10px;
    margin-top: 25px;
    position: relative;
    font-weight: normal;
    z-index: 1;
}
#panel-ticket-historial-asignaciones .description::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f4f4f4;
    position: absolute;
    top: -5px;
    left: 43%;
}

/* ---- Hover effects ---- */
#panel-ticket-historial-asignaciones li:hover {
    cursor: pointer;
    color: #48A4D2;
}
#panel-ticket-historial-asignaciones li:hover .description {
    display: block;
}

@media only screen and (max-width: 600px) {
    audio{
        width: 250px;
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #d9534f;
    }

    #contenedor-whatsapp .div-right .cabecera .btn-back
   ,#contenedor-facebook-messenger .div-right .cabecera .btn-back
   ,#contenedor-facebook .post-header .nav-link.btn-back
   ,#contenedor-instagram .div-right .cabecera .nav-link.btn-back
   ,#contenedor-instachat .div-right .cabecera .nav-link.btn-back
   ,#instagram-publicacion .nav-link.btn-back{
       display: block;
   }

   #menu-mensajes-whatsapp .dropdown.adjunto .dropdown-toggle{
       padding: 8px 0;
   }

    #span-nombre-de-usuario-logeado{
        display: none;
    }

    #estado-de-usuario-logeado{
        display: none;
    }

     #menu-mensajes-whatsapp
    ,#menu-mensajes-facebook{
        margin: 0px;
        display: flex;
        padding: 10px 5px 10px 5px;
    }

    #menu-mensajes-facebook li a.nav-link{
        display: none;
    }

    .main-header .navbar.navbar-static-top marquee{
        display: none;
    }

    footer.main-footer{
        display: none;
    }

    #boton-usuario .loader{
        top:0;
    }

    .chat-history{
        padding: 10px 5px;
    }

    .chat-history .info-user-group{
        display: none;
    }

    .message-container .message-content {
        max-width: 90% !important;
    }

     #ws-mostrar-info-encargado
    ,#fb-mostrar-info-encargado
    ,#ig-mostrar-info-encargado{
        display: block;
    }

     #ws-encargado-info
    ,#fb-encargado-info{
        display: none;
        position: absolute;
        top: 0;
        left: 28px;
        z-index: 1050;
        background: #f5f5f5;
        padding: 0 10px;
        width:250px;
    }

    #btn-toggle-navigation{
        display: none;
    }

    #aviso-error-socket-whatsapp{
        padding-left: 10px;
    }

    #caja-busqueda-media{
        padding: 5px;
    }

    #busca-medias-form button{
        padding: 6px;
    }

    .cuadro-archivo{
        width: 98%;
        margin: 5px auto !important;
        border: 1px solid #ff3838;
    }

    .titulo-archivo{
        white-space: nowrap;
    }

    #contenedor-sucursales{
        padding: 0;
    }

    #contenedor-sucursales > .col-sm-6{
        padding: 5px;
    }

    #contenedor-sucursales .card.mb-4.box-shadow{
        margin-bottom: 0 !important;
    }

    .btn-enviar-ubicacion{
        margin: 0 auto !important;
        display: block;
    }

    #contenedor-whatsapp .div-right header.cabecera #customer-picture{
        margin:5px 2.5px 0 27.5px;
    }

    #contenedor-whatsapp .div-right header.cabecera .number-info{
        max-width: 210px;
    }

    #sources-container-in > a{
        border-radius: 0 10px 10px 0;
    }

    #contenedor-facebook .post-container {
        width: 95% !important;
    }

    #contenedor-facebook .post-comment{
        padding: 5px 2px;
    }

    #btn-add-ticket{
        margin-left: 5px;
        --margin-top: -3px;
        float: left;
        padding: 0 3px;
        font-size: 11px;
    }

    .contenedor-fila-resolucion{
        padding:0px 10px;
    }

}

@media only screen and (max-width: 360px) {

    .main-header .navbar.navbar-static-top{
        display: none;
    }

    #manija{
        display:none;
    }

    #sources-container-in > a{
        border-radius: 0 20px 20px 0;
    }

    #contenedor-facebook .post-header {
        padding: 10px 0 15px 0;
    }


    #contenedor-facebook .post-header .fan-page-name{
        width:CALC(100% - 80px);
    }

    #contenedor-facebook .post-header .post-message{
        margin:10px;
    }

    #agregar-contacto{
        padding: 0px 2px;
        font-size: 11px;
    }

    #panel-ticket-historial-asignaciones li {
        width: 100%;
    }

    #panel-ticket-historial-asignaciones li .diplome {
        top: -20px;
    }

}

/************************* Password Character Set *****************************/

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}

/************************* Bootstrap Notify part ******************************/

.alert-minimalist {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 5px 3px rgba(220,220,220,1);
	border-radius: 5px;
	color: rgb(149, 149, 149);
	padding: 4px;
	width: 250px;
}

.alert-minimalist > [data-notify="icon"] {
	height: 50px;
}

.alert-minimalist > [data-notify="title"] {
	color: rgb(51, 51, 51);
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.alert-minimalist > [data-notify="message"] {
	font-size: 80%;
}

.alert-minimalist-2 {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 5px 3px rgba(220,220,220,1);
	border-radius: 5px;
	color: rgb(149, 149, 149);
	padding: 4px;
	width: 250px;
}

.alert-minimalist-2 > [data-notify="icon"] {
	/*height: 50px;*/
    color: #2196f3;
    float: left;
    margin-right: 10px;
}

.alert-minimalist-2 > [data-notify="title"] {
	color: rgb(51, 51, 51);
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.alert-minimalist-2 > [data-notify="message"] {
	font-size: 80%;
    float: left;
    width: 80%;
}

.alert-minimalist-2 > [data-notify="message"] b{
	color: #607d8b;
}

.alert-danger-notify {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 270px;
}


.alert-minimalist-success {
    color: #155724;
    border-color: #c3e6cb;
	background-color: rgba(212, 237, 218, 0.8);
	border-radius: 5px;
	padding: 12px 25px;
	width: auto;
}


.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    background: #FF9800;
  }
}

#pestana-whatsappver_mensajes_sin_leer{
    position: relative;
}

.leaflet-control-attribution.leaflet-control{
    display: none;
}

 #tabla-reporte-comisiones th
,#tabla-reporte-comisiones td{
    padding: 5px;
}

#tabla-reporte-comisiones .col1{
    display: none;
}

#tabla-reporte-comisiones .col2{
    width: 200px;
}

#tabla-reporte-comisiones .col3{
    text-align:center;
    width: 50px;
}

#tabla-reporte-comisiones .col4{
    text-align:center;
}

#tabla-reporte-comisiones .col5{
    text-align:center;
}

#tabla-reporte-comisiones .col8{
    width: 300px;
}

#tabla-reporte-comisiones .col10{
    text-align: center;
}

#galeria-fraccion-detalle .fileinput-remove{
    display: none;
}

#galeria-fraccion-detalle .theme-explorer .explorer-caption {
    position: absolute;
}

#galeria-fraccion-detalle .file-preview {
    padding: 0;
}

#galeria-fraccion-detalle .file-drop-zone {
    margin: 0;
    border: none;
}

@media only screen and (max-width: 600px) {

    #galeria-fraccion-detalle .theme-explorer .explorer-caption {
        position: relative;
    }

}

.gmnoprint{
    display: none;
}

.gmnoprint[role="menubar"]{
    display: block;
}


.contenedor-plantillas-whatsapp{
    display: flex;
    flex-direction: column;
}
.contenedor-plantillas-whatsapp .selector-plantillas{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* background-color: aliceblue; */
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin-bottom: 0;
}

.contenedor-plantillas-whatsapp .pantilla-meta-data{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.contenedor-plantillas-whatsapp .nombre-plantilla{
    width: 40%;
    background: none;
    margin: 0 0 10px;
    padding: 0;
    color: inherit;
}
.contenedor-plantillas-whatsapp .plantillas-container,
.contenedor-plantillas-whatsapp .plantillas-parametros{
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contenedor-plantillas-whatsapp .selector-plantillas.plantilla-whatsapp-solo-lectura .plantillas-container{
    flex: 1 1 100%;
}


.contenedor-plantillas-whatsapp .plantilla-mensaje .plantilla-archivo{
    margin: 0 0 10px;
}
.contenedor-plantillas-whatsapp .plantillas-parametros .comandos-plantilla{
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    gap: 6px;
}
.container-buscar-plantilla{
    display: flex;
    flex-wrap: wrap;
}
.container-buscar-plantilla label{
    flex: 1 1 100%;
}
.container-buscar-plantilla input{
    flex: 1 1 80%;
}
.container-buscar-plantilla button{
    flex: 1 1 auto;
}

.contenedor-plantillas-whatsapp .btn-enviar-plantilla{
    display: none;
}

.contenedor-plantillas-whatsapp .plantilla-botones{
    display: flex;
    gap: 5px;
    justify-content: center;
}

.contenedor-plantillas-whatsapp .plantilla-botones button{
    flex-grow: 1;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 5px;
    transition: all 0.3s ease-in-out;
}

.contenedor-plantillas-whatsapp .plantilla-botones button:hover{
    background-color: #a5aab0;
    color: white;
}

.contenedor-plantillas-whatsapp .container-url-param{
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 5px;
    margin: 4px 0;
    color: black !important;
    display: block;
    width: 226px;
    padding: 3px;
    word-wrap: break-word;
    margin: auto;
}

.contenedor-plantillas-whatsapp .comandos-plantilla .btn-outline{
    padding: 2px;
    text-align: center;
}
.contenedor-plantillas-whatsapp .btn-eliminar-elemento-plantilla{
    position: absolute;
    top: 8px;
    right: 30px;
    color:#d9534f;
}

.contenedor-plantillas-whatsapp .btn-editar-elemento-plantilla{
    position: absolute;
    top: 8px;
    right: 8px;
    color:#428bca;
}
.contenedor-plantillas-whatsapp .parametro-mensaje-plantilla{
    background-color: #dee1e6;
}

.contenedor-plantillas-whatsapp .plantillas-acciones{
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 15px 15px 0;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.contenedor-plantillas-whatsapp .plantillas-acciones input[type="checkbox"]{
    transform: scale(1.5);
    margin: 8px;
}
.contenedor-plantillas-whatsapp .plantilla-parametro-input-mensaje{
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.btn-share-file:disabled {
    background: #dddddd;
}

#contenedor_filtro_precios {
    display: flex;
    align-items: center;
    gap: 10px; /* Espacio entre elementos */
    max-width: 800px;
}

#rango-precio {
    flex: 1; /* Ocupa el espacio disponible */
    width: auto !important;
}

#precio-min-label, #precio-max-label {
    white-space: nowrap;
    font-weight: bold;
}


.cm-loader {
    margin-top: 15px;
    position:absolute;
    left: 5%;
    height: 4px;
    width: 70%;
    --c:no-repeat linear-gradient(#6100ee 0 0);
    background: var(--c),var(--c),#d7b8fc;
    background-size: 60% 100%;
    animation: l16 3s infinite;
}
@keyframes l16 {
0%   {background-position:-150% 0,-150% 0}
66%  {background-position: 250% 0,-150% 0}
100% {background-position: 250% 0, 250% 0}
}

#tabla-reporte-vendedor-ventas thead tr th{
    background: #9E9E9E;
    color: #ffffff;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    z-index: 1055;
    padding: 2px 3px;
}

.container-dashboard{
    width: 100%;
    height: CALC(100% - 35px);
}

.container-dashboard iframe {
    width: 100%;
    height: 100%;
}


 #modalVentasGaleriaFracciones .modal-dialog.modal-lg
,#modalVentasComisiones .modal-dialog.modal-lg{
    width: 1300px;
}

#tabla-reporte-vendedor-comisiones thead tr th{
    background: #9E9E9E;
    color: #ffffff;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    z-index: 1055;
    padding: 2px 3px;
}

#tabla-reporte-vendedor-comisiones .col1{
    width: 70px;
}

#tabla-reporte-vendedor-comisiones .col2{
    width: 150px;
}

#tabla-reporte-vendedor-comisiones .col3{
    width: 40px;
}

#tabla-reporte-vendedor-comisiones .col4{
    width: 35px;
}

#tabla-reporte-vendedor-comisiones .col5{
    width: 35px;
}

#tabla-reporte-vendedor-comisiones .col6{
    width: 35px;
}

#tabla-reporte-vendedor-comisiones .col7{
    width: 60px;
}

#tabla-reporte-vendedor-comisiones .col8{
    width: 250px;
}

#tabla-reporte-vendedor-comisiones .col9{
    width: 70px;
}

#tabla-reporte-vendedor-comisiones .col10{
    width: 55px;
}

#tabla-reporte-vendedor-comisiones .col11{
    width: 80px;
}

#tabla-reporte-vendedor-comisiones .col12{
    width: 35px;
}

#tabla-reporte-vendedor-comisiones .col13{
    width: 55px;
}