#panel-evento-mensajes { padding-bottom:20px; }
#panel-evento-mensajes .lista-conversacion { overflow-y: scroll; max-height:670px; }
#panel-evento-mensajes .lista-conversacion .items .item { padding: 10px; margin: 10px 0; background-color: #f3f4f4; position: relative; clear:both;}
#panel-evento-mensajes .lista-conversacion .items .item.active { background-color: #CFE1E1;}
#panel-evento-mensajes .lista-conversacion .items .item .avatar{ position:relative; width: 40px; height: 40px;float: left; margin: 0 10px 0 0; border: 2px solid #DDD; }
#panel-evento-mensajes .lista-conversacion .items .item .avatar img{ float: left;}
#panel-evento-mensajes .lista-conversacion .items .item .avatar img.t50{ width: 50%; height: 100%; }
#panel-evento-mensajes .lista-conversacion .items .item .avatar img.t25{ width: 50%; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data { overflow: hidden; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data .active-user{ margin: 0px 0px 3px;font-size:14px; font-family: 'semi';color: #000;border-bottom: 1px solid #DDD; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data .active-user i{ margin: 0;float: left; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data .log-activity{ margin: 0;font-size:12px;color: #686868; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data .log-activity i{ margin: 0 5px;float: left; }
#panel-evento-mensajes .lista-conversacion .items .item .c-data .log-activity span{ border-radius:10px; background:#999; color:#fff; display:inline-block; font-size:10px; padding:0px 5px;}
#panel-evento-mensajes .lista-conversacion .items .item .c-data .info-ad { margin: 0;font-size:10px;color: #8e8e8e; }
#panel-evento-mensajes .lista-conversacion .items .item .tipo { position: absolute; top: 37px; left: -2px; display:block; width: 40px; font-size: 7px; text-transform: uppercase; background: #666; color: #fff; padding: 2px 5px; text-align: center; }

#panel-evento-mensajes .lista-conversacion .items .item.new { }
#panel-evento-mensajes .lista-conversacion .items .item.new .c-data .log-activity span{ background:#cc0000; }

#panel-evento-mensajes { }
#panel-evento-mensajes .titulo-reporte{ margin-bottom:10px; }
#panel-evento-mensajes .titulo { padding:5px 5px 5px 10px;margin:0px 0px 10px; clear:both; overflow: hidden; background-color: #666; color: #fff; }
#panel-evento-mensajes .titulo h3 { font-size: 22px; }
#panel-evento-mensajes .c-option { padding: 5px 0;text-align: right;overflow: hidden; }
#panel-evento-mensajes .c-option a { padding: 5px 10px;display: inline-block; margin-left: 5px; font: normal normal 14px/16px 'semi',Arial;color: #FFF; background-color: #f9ad1a;-webkit-border-radius: 10px 10px 0 10px;-moz-border-radius: 10px 10px 0 10px;border-radius: 10px 10px 0 10px; behavior: url('PIE.php'); }
#panel-evento-mensajes .c-option a:first-letter { text-transform: uppercase; }
#panel-evento-mensajes .c-option a.nuevo { float: left; background-color: #86AF32; }
#panel-evento-mensajes .c-items { width: auto;margin: 0; }

#panel-evento-mensajes .contenedor-conversacionmensajes { margin: 10px 0px 0px; position: relative; background-color:#f3f4f4;}
#panel-evento-mensajes .report { margin: 0px; max-height: 500px; overflow-y: scroll; }
#panel-evento-mensajes .report h2 { padding: 0 0 10px 0;margin: 20px 0 10px 0; font: normal normal 20px/24px 'semi',Arial;color: #000;background: url(../Imagenes/Sistema/border_gradient.png) no-repeat 0 bottom; }
#panel-evento-mensajes .report h2 img { margin: 0 5px 0 0;float: left; }
#panel-evento-mensajes .report .item { float:left; clear:both; max-width: 80%; min-width:150px; padding: 10px; margin: 10px 0 10px 10px; position: relative; background-color: #ddd; border-radius: 0px 10px 10px 10px; }
#panel-evento-mensajes .report .item .i-date { display: block; font-size:10px;color: #999; position:absolute; bottom:5px; right:10px; left:5px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
/*#panel-evento-mensajes .report .item .btn { padding: 5px 10px;display: inline-block;position: absolute;top: 10px;right: 10px; font-size:14px; font-family: 'semi';color: #FFF; background-color: #9c1f63;-webkit-border-radius: 10px 10px 0 10px;-moz-border-radius: 10px 10px 0 10px;border-radius: 10px 10px 0 10px; behavior: url('PIE.php'); }
#panel-evento-mensajes .report .item .btn i { margin: 0 0 0 5px;float: right;font-size: 20px; }*/
#panel-evento-mensajes .report .item .i-user { margin: 0 10px 0 0;float: left; width: 40px; height: 40px; }
#panel-evento-mensajes .report .item .i-user img {  }
#panel-evento-mensajes .report .item .i-text { overflow: hidden; padding-bottom:10px; }
#panel-evento-mensajes .report .item .i-text h3 { padding: 0;margin: 0px 0px 5px; font-size: 14px; font-family: 'semi'; color: #000; }
#panel-evento-mensajes .report .item .i-text p { padding: 0;margin: 0; font-size: 13px; color: #333;}
#panel-evento-mensajes .report .item .opcionesmensaje { position: absolute; left: -15px; top:40%; display:none; }
#panel-evento-mensajes .report .item .opcionesmensaje a{ float: right; font-size: 12px; color: #ccc;}
#panel-evento-mensajes .report .item .opcionesmensaje a:hover{ color: #545454;}
#panel-evento-mensajes .report .item .visto { position: absolute; right: 10px; bottom:10px; color: #999; font-size: 10px; }

#panel-evento-mensajes .report .item.mine { float:right; background-color:#207ECE; margin: 10px 10px 10px 0px; border-radius: 10px 0px 10px 10px;}
#panel-evento-mensajes .report .item.mine .i-date{ color: #95b5d0; }
#panel-evento-mensajes .report .item.mine .i-user{ display:none;  }
#panel-evento-mensajes .report .item.mine .i-text{ float: right; }
#panel-evento-mensajes .report .item.mine .i-text h3{ color: #fff; display: none; }
#panel-evento-mensajes .report .item.mine .i-text p{ color: #ddd; }

#panel-evento-mensajes .report .item.borrado .i-text{ font-style: italic; }

#panel-evento-mensajes .veranteriores { font-size: 12px; text-align: center; padding: 2px 10px; /*display:none;/**/ cursor: pointer; font-family: "semi"; display: block; clear:both; background:#ddd;}
#panel-evento-mensajes .versiguientes { font-size: 12px; text-align: center; padding: 2px 10px; /*display:none;/**/ cursor: pointer; font-family: "semi"; display: block; clear:both; background:#ddd;}

#panel-evento-mensajes .botonscroll { background-color: #cc0000; color:#fff; font-size: 12px; text-align: center; padding: 2px 10px; display:none; cursor: pointer; font-family: "semi"; position: absolute; bottom: 0px; width: 100%;}
#panel-evento-mensajes .c-enviarmensaje { margin-top: 10px;}
#panel-evento-mensajes .report .contenedor-paginacion { display: none;}

#panel-evento-mensajes .c-items ul li { width: 148px;height: auto;padding: 10px;margin: 4px;float: left;position: relative;background-color: #f3f4f4; }
#panel-evento-mensajes .c-items ul li.activo {  }
#panel-evento-mensajes .c-items ul li h4 { height: 32px;padding: 10px 0;display: block; font: normal normal 13px/16px 'semi',Arial;color: #686868;text-transform: uppercase;overflow: hidden; }
#panel-evento-mensajes .c-items ul li .c-img { width: auto; overflow: hidden; }
#panel-evento-mensajes .c-items ul li .c-img img { width: 148px;height: 140px; }

#panel-evento-mensajes .c-items ul li .c-link { padding: 0px;margin: 5px 0;overflow: hidden; } 
#panel-evento-mensajes .c-items ul li .c-link .i-cat { padding: 5px 15px;margin: 5px 0; display: table;font: normal normal 13px/16px 'semi',Arial;color: #686868; background-color: #DDD; overflow: hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url('PIE.php'); }
#panel-evento-mensajes .c-items ul li .c-link a.link-items { padding: 5px;margin: 20px 0 5px 0;display: block; font: normal normal 14px/16px 'regular',Arial;color: #333;text-align: left; background-color: #DDD; overflow: hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url('PIE.php'); }
#panel-evento-mensajes .c-items ul li .c-link a.link-items span { font: normal normal 16px/16px 'bold',Arial;color: #333; }
#panel-evento-mensajes .c-items ul li .c-link a.link-items i { margin: 0 5px 0 0;float: right;font-size: 24px;line-height: 32px; }
#panel-evento-mensajes .c-items ul li .c-link a.link-items:hover i { font-size: 28px;transition-duration: 0.2s, 1000ms; }
#panel-evento-mensajes .c-items ul li .c-link a.link-chat { padding: 5px 5px;margin: 0; display: block; background-color: #bdd530;font: normal normal 14px/16px 'regular',Arial;color: #FFF;text-align: left; border: 0px #7f8922 solid;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; behavior: url('PIE.php'); }
#panel-evento-mensajes .c-items ul li .c-link a.link-chat i { margin: 0 5px 0 0;float: right;font-size: 24px;line-height: 32px; }
#panel-evento-mensajes .c-items ul li .c-link a.link-chat:hover i { font-size: 28px;transition-duration: 0.2s, 1000ms; }

#panel-evento-mensajes .c-comentarios .form-comentarios > h4 { font-size: 22px;}

#panel-evento-mensajes .ctn-formulario .ctn-form { padding-left:0; padding-right:0; }


@media (max-width: 767px){
    #panel-evento-mensajes .lista-conversacion { overflow: hidden; height: 170px; overflow-y: scroll; }
}


#contenedor-chat { position: fixed; bottom: 0px; right: 20px; z-index: 1; }
#contenedor-chat .chat-item{ display: table-cell; vertical-align: bottom; width: 160px; position: relative; padding: 0px 0px 0px 10px;}
#contenedor-chat .chat-item.base{ display: none;}

#contenedor-chat .boton-chat{ z-index: 2; font-size : 11px; display:flex; align-items: center; line-height:11px; width: 130px; height: 30px; padding: 5px 20px 5px 10px;  cursor: pointer; background-color: #207ECE; color: #fff; border: 1px #ccc solid; border-radius:10px 10px 0px 0px; overflow: hidden; position: relative;}
#contenedor-chat .boton-chat.resaltar{ background-color: #D58400; color: #fff; }
#contenedor-chat .boton-chat .cerrar{ color: #fff; font-size: 12px; float: right; margin-top: 2px; cursor: pointer; position: absolute; right: 5px; top:5px; }
#contenedor-chat .boton-chat .i-nuevos{ background-color: #F03838; border-radius:10px; behavior: url('PIE.php'); padding: 0px 5px 1px; margin-right: 3px; display: none;}
#contenedor-chat .boton-chat .vertodo{ font-size: 12px; color: #fff; display: none; position: absolute; right: 23px; top:7px;}

#contenedor-chat .lista-chat{ display: none; z-index: 1;height: 250px; overflow-y:scroll; width: 260px; padding : 8px 0px 10px;  border: 1px #ccc solid; border-bottom: 0px; background-color: #f3f4f4; }
#contenedor-chat .lista-chat .item{ float:left; clear:both; position: relative; display:block; max-width: 90%; min-width:100px; background-color: #ddd; padding: 8px 5px 15px 5px; margin: 5px 0 5px 5px; border-radius:0px 7px 7px 7px; }
#contenedor-chat .lista-chat .item .i-date { display: block; font-size: 8px; color: #999; position:absolute; right:5px; bottom:5px; left:5px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#contenedor-chat .lista-chat .item .i-user { margin: 0 10px 0 0;float: left; width: 20px; height: 20px; }
#contenedor-chat .lista-chat .item .i-text { overflow: hidden; }
#contenedor-chat .lista-chat .item .i-text h3 { font-size: 13px; margin:0; font-family:'semi'; color:#000;}
#contenedor-chat .lista-chat .item .i-text p { padding: 0;margin: 0; font-size: 12px; color: #333; clear: both;}
#contenedor-chat .lista-chat .item .visto { position: absolute; right: 0px; bottom:3px; color: #999; font-size: 10px; }

#contenedor-chat .lista-chat .item.mine { float:right; background-color: #207ECE; text-align: right; border-radius: 7px 0px 7px 7px;  margin: 5px 5px 5px 0px; }
#contenedor-chat .lista-chat .item.mine .i-date { color: #95b5d0;}
#contenedor-chat .lista-chat .item.mine .i-text h3 { color: #fff; display:none;}
#contenedor-chat .lista-chat .item.mine .i-text p{ color: #ddd;}

#contenedor-chat .form-msj{ display: none; z-index: 1; width: 100%; padding:8px 5px 8px; border: 1px #ccc solid; background-color: #fff; }
#contenedor-chat .form-msj textarea{ height: 30px; width: 220px; max-width: 220px; float: left; margin-right: 5px; font-size: 12px; overflow: hidden;}
#contenedor-chat .form-msj a{ cursor: pointer; float: left; font-size:22px; margin-right: 0px; color:#207ECE; position:absolute; bottom:5px; right:5px;}
#contenedor-chat .form-msj .imagencargando { float: left; width: 20px; display: none; }

#contenedor-chat .chat-item.open { width: 260px; }
#contenedor-chat .chat-item.open .boton-chat { width: 100%; font-size:13px; line-height:normal;}
#contenedor-chat .chat-item.open .lista-chat{ display: block;}
#contenedor-chat .chat-item.open .form-msj{ display: block; }
#contenedor-chat .chat-item.open .vertodo{ display: block; }    

.ctn-mapa-empleados { padding-bottom:15px; }
    .ctn-mapa-empleados .btn-mapa{ background: #404041;}
    .ctn-mapa-empleados .ctn-mapa{ display:none;}
    .ctn-mapa-empleados .infomapa{ position: absolute; z-index: 1; bottom: 0; left:0px; background: #ddd; padding:5px 10px; font-size:10px; }
    .ctn-mapa-empleados .infomapa .item{ float:left; margin-left:5px; }
    .ctn-mapa-empleados .infomapa img{ width:12px; }

#mapa-empleados { height: 400px; }
.tooltip-infoempleado { width:280px; }
    .tooltip-infoempleado .imagen{ margin-right:5px; }
    .tooltip-infoempleado .titulo{ font-size:14px; font-family:semi; margin:5px 0; }
    .tooltip-infoempleado .subtitulo{ font-size:10px; font-family:regular; margin:0 0 5px; }
    .tooltip-infoempleado .texto{ font-size:10px; font-family:regular; margin:10px 0; border-bottom:1px solid #ccc; padding-bottom: 10px !important; }
    .tooltip-infoempleado .opciones{ clear:both; }
    .tooltip-infoempleado .opciones .estado {  margin:0; text-transform: uppercase; font-size:14px; display:none; }
    .tooltip-infoempleado .opciones .estado.disponible { color:#6991fd; }
    .tooltip-infoempleado .opciones .estado.nodisponible { color:#F05A28; }
    .tooltip-infoempleado .opciones .estado.agregado { color:#f90; }
    .tooltip-infoempleado .opciones .estado.pendiente { color:#f90; }
    .tooltip-infoempleado .opciones .estado.asignado { color:#93C31D; }
    .tooltip-infoempleado .opciones .estado.activo { display:block; }
    .tooltip-infoempleado .opciones .estado.alerta { color:#F05A28; }
    .tooltip-infoempleado .opciones select {  margin:0 5px; max-width:100px; }

#mapa-evento-detalle { height: 200px; }

.ctn-btn-email{text-align: right;}
    .ctn-btn-email button{display: inline-block;}

#email-detalles{}

    #email-detalles .titulo-formulario{font-size: 22px; font-family: regular; color: #515151; text-align: left; margin: 15px 0;}
    #email-detalles .ctn-info-email{margin-bottom: 15px;}
    #email-detalles .ctn-info-email h2{font-size: 19px;font-family: regular;color: #515151;text-align: left;margin: 15px 0;}
    #email-detalles .ctn-info-email .item-info{font-size: 16px;font-family: regular;color: #515151;text-align: left;}
    #email-detalles .ctn-btn{text-align: right; margin-top: 20px;}
    #email-detalles .ctn-btn a{display: inline-block;}

    
#FormEvento {}
#FormEvento .ctn-empleado-copiar{ }
#FormEvento .ctn-empleado-copiar .form-group label { font-size:12px; }
/*#FormEvento .ctn-empleado-copiar .form-group input[type="text"] { width: 60% !important; display:inline-block; height:22px; }*/
#FormEvento .ctn-empleado-copiar .form-group #tarifaxhoraservicio_copiar { width: 60% !important; display:inline-block; height:22px; clear:both; }
#FormEvento .ctn-empleado-copiar .form-group .datetime { width: 100% !important; display:inline-block; height:22px; }
#FormEvento .ctn-empleado-copiar .form-group .select2.select2-container{ width: 60% !important; display:inline-block; }
#FormEvento .ctn-empleado-copiar .form-group .select2-container--default .select2-selection--single{ font-size:12px; height:23px; }
#FormEvento .ctn-empleado-copiar .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 20px; }
#FormEvento .ctn-empleado-copiar .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 20px; }
#FormEvento .ctn-empleado-copiar .form-group .select2-container--open .select2-dropdown--below{ margin-top:5px; }
#FormEvento .ctn-empleado-copiar .form-group button{ font-size: 12px; border: 1px #AFAFAF solid; padding:1px 5px; }

#FormEvento {}
#FormEvento .ctn-mapa-empleados .mapa-filtros{ padding: 10px 0px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group label { font-size:12px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group input[type="text"] { width: 60% !important; display:inline-block; height:22px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2.select2-container{ width: 60% !important; display:inline-block; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--single{ font-size:12px; height:23px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 20px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 20px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--open .select2-dropdown--below{ margin-top:5px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--multiple{ font-size:12px; height:23px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered{ line-height: 20px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice{ line-height: 12px; margin-top:3px; }
#FormEvento .ctn-mapa-empleados .mapa-filtros .form-group button{ font-size: 12px; border: 1px #AFAFAF solid; padding:1px 5px; color:#000; }