/*************************************************************************
--------------------------------------------------------------------------
             ARCHIVO CSS GENERAL (TODAS LAS PLANTILLAS)
--------------------------------------------------------------------------
El objetivo de este archivo css es incluir aquí todo el código css común
a todas las plantillas, de forma que en los archivos css de cada plantilla
solo tengamos los estilos específicos de esa plantilla. Así evitamos tener
el mismo código css multiplicado por todos los archivos de cada plantilla,
facilitando realizar cambios y reducir errores en los estilos.
--------------------------------------------------------------------------
Para utilizar el color principal de la plantilla, usar: var(--primary-color)
--------------------------------------------------------------------------
**************************************************************************/

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow-y: hidden;	
}

div[contenteditable="false"] { background-color:#f0f0f0; }

.header { height:80px !important; }
.header .logo { width:240px; padding-top:19px !important; text-align:center !important; }
.header .logo img { margin-left: -6px !important; }
.headmenu > li > a { padding:3px 30px 3px 30px !important; min-width: 120px; }
.headmenu > li > a .head-icon { width:48px !important; height:48px !important; }

@media screen and (max-width: 1025px) {
	.headmenu > li > a { padding:3px 15px 3px 15px !important; min-width: 112px; }
}
@media screen and (min-width: 1025px) and (max-width: 1100px) {
	.headmenu > li > a { padding:3px 6px 3px 6px !important; min-width: 82px; }
}
@media screen and (min-width: 1100px) and (max-width: 1210px) {
	.headmenu > li > a { padding:3px 10px 3px 10px !important; min-width: 96px; }
}
@media screen and (min-width: 1210px) and (max-width: 1280px) {
	.headmenu > li > a { padding:3px 15px 3px 15px !important; min-width: 112px; }
}

.userloggedinfo  { margin-right:0px !important; padding-top:6px !important; }
.userloggedinfo .userinfo { text-align:center !important; }
.userloggedinfo .userinfo a { padding:18px !important; font-size:18px; font-weight:bold; }
.breadcrumbs { padding: 6px 0 4px 10px !important; }
.breadcrumbs > li span.separator { margin-top:-1px !important; }
.widget { -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3); box-shadow: 1px 1px 8px rgba(0,0,0,0.3); }
.widgetbox { -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3); box-shadow: 1px 1px 8px rgba(0,0,0,0.3); }
.widgetcontent { border-bottom-style:none !important; }
.nav-tabs [class^="iconfa-"] { width:15px !important; text-align:center !important; }
.leftmenu .nav-tabs.nav-stacked a span { display:inline-block !important; min-width:15px !important; }
.leftmenu .nav-header { padding:10px 0px !important; text-align:center !important; margin-left:-6px !important;}
.leftmenu .nav-tabs.nav-stacked a { padding:12px 20px !important; }
.leftmenu .nav-tabs.nav-stacked li:not(.active) a:hover { background-color:#333333 !important; }
.leftmenu .glyphicon { font-size:13px !important; }
.chatmenu { width: auto; background: none !important;color: #ffffff;font-size: 16px;top: 15px;right: 12px !important;cursor:default; }

@media only screen and (min-width:1024px) { 
	.headerinner { margin-left: 240px; }
	.leftpanel { width: 240px; }    
	.rightpanel { margin-left: 240px; }
}

@media only screen and (max-width:1024px) { 
	.headerinner { margin-left: 0px; }
	.leftpanel { width: 240px; }    
	.rightpanel { margin-left: 0px; }
}

.pageheader { min-height: initial !important; padding:10px !important; height: 42px !important; }
.pagetitle { padding:0px !important; margin-left:34px !important;  }
.pagetitle h1 { font-size:18px !important; font-family:'Helvetica Neue', Helvetica, sans-serif !important; }
.pageicon { border:none !important; font-size:16px !important; width:26px !important; padding:0px !important; }

.nav > li > a:hover, .nav > li > a:focus { background-color: rgba(255,255,255,0.1) !important; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgba(255,255,255,0.1) !important; }
.nav  .dropdown-toggle { min-width:112px !important; }
.nav .caret { float: right !important; margin-top: 9px !important; border-top-color:white !important; border-bottom-color:white !important; }
.nav .dropdown-menu { min-width:112px !important; padding:1px 0px 0px 0px !important; border:none !important; background-color: var(--primary-color) !important; }
.nav .dropdown-menu::after { content:none !important; }
.userloggedinfo ul li { text-align:left !important; min-width:112px !important; }

.head-barometer { background-image: url(../images/icons/hawcons-barometer.png); }
.head-message { background-image: url(../images/icons/hawcons-message.png); }
.head-download { background-image: url(../images/icons/hawcons-download.png); }
.head-analytics { background-image: url(../images/icons/compass.png); }
.head-config { background-image: url(../images/icons/config.png); }
.head-geo { background-image: url(../images/icons/icon-geo.png); }
.head-scopen { background-image: url(../images/icons/icon-scopen.png); }
.head-users-permisos { background-image: url(../images/icons/users-permisos.png); }
.head-audio { background-image: url(../images/icons/headphones.png); }

.capa.active > .head-icon { opacity:1; }
.capa.active > .headmenu-label { opacity:1; }
.sincapa { height:80px; border-right-style:none !important; }
.titulo-proyecto { font-size: 18px; font-weight: normal; }
.titulo-proyecto:hover { color: #333; text-decoration: none; }
.celda { float:left; width:128px; height:128px; border:solid 1px #f0f0f0; }

#Pizarra { padding:20px; background-color:white; border-left:solid 2px var(--primary-color); border-right:solid 2px var(--primary-color); }
#InPizarra { overflow:auto; }
#Zoomable { }
#Plano { opacity:1; }
#Cuadricula { opacity:1; }
#Gondolas { opacity:1; }
#Mapacalor { opacity:0; }
#Recorridos { opacity:1; }
#Controles { opacity:1; position:absolute; top:130px; left:310px; z-index:10000001; }
#Controles button { display:block; font-size:14px; padding:3px 6px 0px 6px; margin-bottom:5px; max-width:25px; outline: 0; }

.fl { float: left !important; }
.fr { float: right !important; }
.cb { clear: both !important; }
.dn { display: none !important; }
.cen { text-align:center !important; }
.lef { text-align:left !important; }
.rig { text-align:right !important; }
.sinsubrayar { text-decoration:none !important; }
.padrig5 { padding-right:5px !important; }
.padrig8 { padding-right:8px !important; }
.padbot5 { padding-bottom:5px !important; }
.padlef5 { padding-left:5px !important; }
.padlef8 { padding-left:8px !important; }
.padlef10 { padding-left:10px !important; }
.padlef20 { padding-left:20px !important; }
.padtop5 { padding-top:5px !important; }
.padtop35 { padding-top:35px !important; }
.martop5 { margin-top:5x !important; }
.martop10 { margin-top:10px !important; }
.martop15 { margin-top:15px !important; }
.marlef5 { margin-left:5px !important; }
.marlef10 { margin-left:10px !important; }
.marbot15 { margin-bottom:15px !important; }
.verde { color: var(--primary-color); }
.rojo { color:#ee0000; }
.marcado { background-color:#FFFFCC !important; padding:2px; }
.marcado.odd > td { background-color:#FFFFCC !important; }

mark, .mark { padding: 0; }

h4, .h4 { font-size: 18px !important;}

.table th { font-family: 'Helvetica Neue', Helvetica, sans-serif !important; }

table.dataTable thead th:not(.sorting_disabled) {
	cursor: pointer;
	cursor: hand;
}
/* Sorting */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
.dataTable .glyphicon { font-size:14px !important;padding:0px 4px !important; }
.dataTable .iconfa-mail-reply, .dataTable .iconfa-check { font-size:14px !important;padding:0px 4px !important; }
.table.dataTable.no-footer { border-bottom: solid 1px #DDDDDD; }
.dataTables_info { font-size: 14px !important;background: #ffffff !important;padding: 22px 0px 0px 0px !important;border: none !important; }
.dataTables_paginate { font-size: 14px !important;padding-top: 15px !important;position: static !important; }
.dataTables_paginate a { font-size: 14px !important; }
.dataTables_filter select[name="dt_usuarios_length"],.dataTables_filter select[name="dt_contactos_length"],.dataTables_filter select[name="dt_estudios_length"],.dataTables_filter select[name="dt_sinabrir_length"],.dataTables_filter select[name="dt_incompletos_length"], .dataTables_filter select[name="dt_finalizados_length"], .dataTables_filter select[name="dt_envios_length"], .dataTables_filter select[name="dt_scopen_length"], .dataTables_filter select[name^="dt_sugerido_"][name$="_length"] { border: solid 1px #CCCCCC !important;padding: 6px 12px !important; }
.dataTables_filter #dt_usuarios_length,.dataTables_filter #dt_contactos_length,.dataTables_filter #dt_estudios_length,.dataTables_filter #dt_sinabrir_length, .dataTables_filter #dt_incompletos_length, .dataTables_filter #dt_finalizados_length, .dataTables_filter #dt_envios_length, .dataTables_filter #dt_scopen_length, .dataTables_filter [id^="dt_sugerido_"][id$="_length"] { float:right;margin-left: 15px;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;line-height: 21px; outline: none;}
.dataTables_filter #dt_usuarios_length label,.dataTables_filter #dt_contactos_length label,.dataTables_filter #dt_estudios_length label,.dataTables_filter #dt_sinabrir_length label, .dataTables_filter #dt_incompletos_length label, .dataTables_filter #dt_finalizados_length label, .dataTables_filter #dt_envios_length label, .dataTables_filter #dt_scopen_length label, .dataTables_filter [id^="dt_sugerido_"][id$="_length"]label { font-weight: normal; }

#dt_usuarios_length,#dt_contactos_length, #dt_estudios_length, #dt_envios_length,#dt_scopen_length { display: none; }
#dt_contactos tr td:nth-child(6),#dt_contactos tr td:nth-child(7),#dt_contactos tr td:last-child , #dt_estudios tr td:nth-child(5),#dt_estudios tr td:nth-child(6),#dt_estudios tr td:nth-child(7),#dt_estudios tr td:nth-child(8),#dt_estudios tr td:last-child,#dt_scopen tr td:nth-child(7), [id^="dt_sugerido_"] tr td:nth-child(6),[id^="dt_sugerido_"] tr td:nth-child(7),[id^="dt_sugerido_"] tr td:last-child  { text-align:center; }
#dt_usuarios,#dt_contactos, #dt_estudios, #dt_sinabrir, #dt_incompletos, #dt_finalizados, #dt_tareasservidor, #dt_enlaces, #dt_envios, #dt_scopen { min-width:100%; font-size: 13px !important;}
#dt_usuarios_wrapper .row,#dt_contactos_wrapper .row, #dt_estudios_wrapper .row, #dt_sinabrir_wrapper .row, #dt_incompletos_wrapper .row, #dt_finalizados_wrapper .row, #dt_tareasservidor_wrapper .row , #dt_enlaces_wrapper .row, #dt_envios_wrapper .row, #dt_scopen_wrapper .row, [id^="dt_sugerido_"][id$="_wrapper"] .row {margin:0px;}
#dt_usuarios_filter,#dt_contactos_filter,#dt_estudios_filter,#dt_sinabrir_filter,#dt_incompletos_filter,#dt_finalizados_filter,#dt_tareasservidor_filter,#dt_enlaces_filter,#dt_envios_filter,#dt_scopen_filter, [id^="dt_sugerido_"][id$="_filter"] { width:100%;padding:10px 0px;border-bottom: solid 1px #dddddd;position: static !important; }
#dt_usuarios_filter label,#dt_contactos_filter label,#dt_estudios_filter label,#dt_sinabrir_filter label,#dt_incompletos_filter label,#dt_finalizados_filter label,#dt_tareasservidor_filter label,#dt_enlaces_filter label,#dt_envios_filter label,#dt_scopen_filter label, [id^="dt_sugerido_"][id$="_filter"] label { width:100%; font-size: 14px !important; }
#dt_usuarios_filter input,#dt_contactos_filter input,#dt_estudios_filter input,#dt_sinabrir_filter input,#dt_incompletos_filter input,#dt_finalizados_filter input,#dt_tareasservidor_filter input,#dt_enlaces_filter input,#dt_scopen_filter input, [id^="dt_sugerido_"][id$="_filter"] input { float:left;width:300px;padding:6px 4px 5px 4px; border:solid 1px #CCCCCC !important;font-size: 14px !important;margin-left:0px !important;  }
#dt_envios_filter input{ float:left;width:200px;padding:6px 4px 5px 4px; border:solid 1px #CCCCCC !important;font-size: 14px !important;margin-left:0px !important;  }
#dt_usuarios_filter input,#dt_tareasservidor_filter input,#dt_enlaces_filter input{float:left;width:300px;padding:6px 4px 5px 4px; border:solid 1px #CCCCCC !important;margin-left:0px !important;}
#dt_usuarios thead  th,#dt_contactos thead  th,#dt_estudios thead  th,#dt_sinabrir thead  th, #dt_incompletos thead  th, #dt_finalizados thead  th, #dt_tareasservidor thead  th, #dt_enlaces thead  th, #dt_envios thead  th, #dt_scopen thead  th, [id^="dt_sugerido_"] thead th { vertical-align: middle;padding:8px 2px 8px 8px !important; }
#dt_usuarios  tr td,#dt_contactos  tr td,#dt_estudios  tr td,#dt_sinabrir tr td,#dt_incompletos tr td,#dt_finalizados tr td ,#dt_tareasservidor tr td ,#dt_enlaces tr td,#dt_envios tr td,#dt_scopen tr td, [id^="dt_sugerido_"] tr td { vertical-align:middle !important; /*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
@media only screen and (max-width:1024px) { 
	#dt_usuarios,#dt_contactos, #dt_estudios, #dt_sinabrir, #dt_incompletos, #dt_finalizados, #dt_tareasservidor, #dt_enlaces,#dt_envios,#dt_scopen, [id^="dt_sugerido_"]  { font-size: 13px !important; }
	
}
#dt_usuarios_filter .bootstrap-select.btn-group,#dt_contactos_filter .bootstrap-select.btn-group,#dt_estudios_filter .bootstrap-select.btn-group,#dt_sinabrir_filter .bootstrap-select.btn-group,#dt_incompletos_filter .bootstrap-select.btn-group,#dt_finalizados_filter .bootstrap-select.btn-group,#dt_envios_filter .bootstrap-select.btn-group,#dt_scopen_filter .bootstrap-select.btn-group, [id^="dt_sugerido_"][id$="_filter"] .bootstrap-select.btn-group { margin:0px 10px 4px 0px !important; }
#dt_usuarios .radio, #dt_usuarios .checkbox, #dt_contactos_filter .radio, #dt_estudios_filter .radio, #dt_sinabrir .radio, #dt_sinabrir .checkbox,#dt_incompletos .radio, #dt_incompletos .checkbox,#dt_finalizados .radio, #dt_finalizados .checkbox, #dt_envios_filter .radio,#dt_scopen .radio, #dt_scopen .checkbox, [id^="dt_sugerido_"] .checkbox { width:18px !important; margin: 3px 0 4px !important; ---padding-left: 27px;}
#dt_usuarios tbody tr td:first-child .glyphicon,#dt_contactos tbody tr td:first-child .glyphicon, #dt_estudios tbody tr td:first-child .glyphicon, #dt_sinabrir tbody tr td:first-child .glyphicon,#dt_incompletos tbody tr td:first-child .glyphicon,#dt_finalizados tbody tr td:first-child .glyphicon,#dt_envios tbody tr td:first-child .glyphicon,#dt_scopen tbody tr td:first-child .glyphicon, [id^="dt_sugerido_"] tbody tr td:first-child .glyphicon { font-size:13px;color: var(--primary-color); left: 1px; }

@media only screen and (max-width:1024px) { 
	#dt_usuarios_filter .bootstrap-select.btn-group,#dt_contactos_filter .bootstrap-select.btn-group,#dt_estudios_filter .bootstrap-select.btn-group,#dt_sinabrir_filter .bootstrap-select.btn-group,#dt_incompletos_filter .bootstrap-select.btn-group,#dt_finalizados_filter .bootstrap-select.btn-group,#dt_envios_filter .bootstrap-select.btn-group,#dt_scopen_filter .bootstrap-select.btn-group, [id^="dt_sugerido_"][id$="_filter"] .bootstrap-select.btn-group { width: 200px !important; }
	#dt_usuarios_filter input[type="search"],#dt_contactos_filter input[type="search"],#dt_estudios_filter input[type="search"],#dt_sinabrir_filter input[type="search"],#dt_incompletos_filter input[type="search"],#dt_finalizados_filter input[type="search"],#dt_envios_filter input[type="search"],#dt_scopen_filter input[type="search"], [id^="dt_sugerido_"][id$="_filter"] input[type="search"] { width: 200px !important; }
}

[id^="dt_sugerido_"] [id^="VaciarSugerido"] { 
	background-color: rgb(214, 77, 73);
	border: 1px rgb(193, 46, 42) solid;
}
[id^="dt_sugerido_"] [id^="AgregarSugerido"] { 
	background-color: rgb(66, 181, 33);
	border: 1px rgb(51, 155, 23) solid;
}
[id^="dt_sugerido_"] [id^="DescargarSugerido"] { 
	background-color: rgb(0, 0, 0);
	border: 1px rgb(56, 56, 56) solid;
}

[id^="dt_sugerido_"] [id^="VaciarSugerido"],[id^="dt_sugerido_"] [id^="AgregarSugerido"],[id^="dt_sugerido_"] [id^="DescargarSugerido"] {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	margin-right: 8px;
	padding: 6px 12px;
}

[id^="dt_sugerido_"] [id^="VaciarSugerido"]:hover {
	background-color: rgb(193, 46, 42); 
}
[id^="dt_sugerido_"] [id^="VaciarSugerido"]:active {
	background-color: rgb(173, 30, 28); 
}

[id^="dt_sugerido_"] [id^="AgregarSugerido"]:hover {
	background-color: rgb(51, 155, 23); 
}
[id^="dt_sugerido_"] [id^="AgregarSugerido"]:active {
	background-color: rgb(43, 133, 18); 
}


#dt_usuarios tbody tr td,#dt_sinabrir tbody tr td,#dt_incompletos tbody tr td,#dt_finalizados tbody tr td { cursor:pointer; }

#dt_tareaserrores thead th { font-family: 'Helvetica Neue', Helvetica, sans-serif !important;font-weight:bold; }

/**** CHECKBOX / RADIO *****/
.radio,
.checkbox {
  font-weight: normal;
  margin: 0 0 8px;
  min-height: 18px;
  padding-left: 20px;
}
.new-radio,
.new-checkbox {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 2px 0 0 -15px;
  position: absolute;
  width: 15px;
}
.new-radio {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  height: 14px;
  width: 14px;
}
.new-radio input[type="radio"],
.new-checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  vertical-align: top;
  width: 100%;
}
.new-checkbox svg {
  display: none;
  height: 18px;
  margin: -3px 0 0 -2px;
  width: 18px;
}
.new-checkbox svg polygon {
  fill: var(--primary-color);
}
.new-checkbox.checked svg {
  display: block;
}
.new-checkbox img {
  display: none;
  height: 18px;
  margin: -3px 0 0 -2px;
  width: 18px;  
 }
.new-checkbox.checked img {
	display: block;
}

.new-radio span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  height: 6px;
  margin: 3px 0 0 3px;
  width: 6px;
}
.new-radio.checked span {
  background: var(--primary-color);
}
.new-radio.disabled,
.new-checkbox.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 20px;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  margin-left: -20px;
}
/*****************************************/

.bootstrap-select.btn-group .dropdown-menu li > a { text-align:left; }
.form-group textarea { resize: none; }
.form-group .control-label { padding-top:7px !important;margin-top:0px !important;margin-bottom: 5px; }
#dt_campanas { border-bottom:none !important; }    

#FormUsuario { margin-bottom: 7px; }
#FormUsuario .form-group { margin: 0px 0px 10px 0px !important;padding: 0px 10px 0px 10px !important; }
#FormUsuario .form-group .control-label { margin-bottom: 5px; }
#FormUsuario table tr td{  padding: 6px 0px 4px 16px; }

#FormContacto { margin-bottom: 7px; }
#FormContacto .form-group { margin: 0px 0px 10px 0px !important;padding: 0px 10px 0px 10px !important; }
#FormContacto .form-group .control-label { margin-bottom: 5px; }
#FormContacto table tr td{  padding: 6px 0px 4px 16px; }

#FormMensaje { margin-bottom: 7px; }
#FormMensaje .form-group { margin: 0px 0px 10px 0px !important;padding: 0px 10px 0px 10px !important; }
#FormMensaje .form-group .control-label { margin-bottom: 5px; }
#FormMensaje table tr td{  padding: 6px 0px 4px 16px; }
#FormMensaje .note-editor { border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
#FormMensaje .note-editor .note-toolbar { border-bottom: 1px solid #cccccc; }

#Enviar #TabMensajes { padding-right: 5px; padding-left: 0px; }
#TabMensajes { margin-bottom: 7px; }
#TabMensajes label{ font-size: 14px !important; }
#TabMensajes .widgetcontent { margin-bottom:0px!important; }
#TabMensajes.content{ font-size: 14px; }
#TabMensajes.tabbable > .nav-tabs { border:none !important; }
#TabMensajes.tabbable > .tab-content { border:none !important;font-size: 14px !important;  padding: 0px; }
#TabMensajes #TabsGroup { height: 34px;border: none !important; background: transparent !important;padding:0px 10px;margin:22px 0px 12px; }
#TabMensajes > #TabsGroup li { border-right: none !important;}
#TabMensajes > #TabsGroup li > a { color: #333333;border:solid 1px #cccccc; padding: 6px 12px; }
#TabMensajes > #TabsGroup li.active > a { color: #ffffff;background: var(--primary-color) !important;border:solid 1px var(--primary-color); padding: 6px 12px; }
#TabMensajes .form-group { margin: 0px 0px 10px 0px !important;padding: 0px 10px 0px 10px !important; }
#TabMensajes .form-group .control-label { margin-bottom: 5px; }
#TabMensajes table tr td{  padding: 6px 0px 4px 16px; }
#TabMensajes .note-editor { border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
#TabMensajes .note-editor .note-toolbar { border-bottom: 1px solid #cccccc; }

#Pizarra #TabMensajes::before,#Pizarra #TabContactos::before,#Pizarra #PanelControl::before,#Pizarra #InPizarra #TabSugeridos::before,#InPizarra:has(#TabSugeridos) { padding: 0px !important; }
#TabContactos label,#PanelControl label,#TabSugeridos label { font-size: 14px !important; }
#TabContactos.tabbable > .nav-tabs, #PanelControl.tabbable > .nav-tabs { height:40px !important; }
#TabContactos .widgetcontent, #PanelControl .widgetcontent, #TabSugeridos .widgetcontent { margin-bottom:0px!important; }
#PanelControl.content{ padding:0px !important;font-size: 14px; }
#TabContactos.tabbable > .nav-tabs, #PanelControl.tabbable > .nav-tabs, #TabSugeridos.tabbable > div > .nav-tabs a { border:none !important; }
#TabContactos.tabbable > .tab-content, #PanelControl.tabbable > .tab-content, #TabSugeridos.tabbable > div > .tab-content { border:none !important;font-size: 14px !important; }
#TabContactos.tabbable > .nav-tabs > li.active, #PanelControl.tabbable > .nav-tabs > li.active > a, #TabSugeridos.tabbable > div > .nav-tabs > li.active > a { color: var(--primary-color) !important; }
#TabSugeridos.tabbable > div > .nav-tabs > li.active > a { color:#3D3D3D !important; }
#TabContactos .nav > li.disabled, #PanelControl .nav > li.disabled, #TabSugeridos .nav > li.disabled { opacity:0.5;  pointer-events: none;}
#TabContactos .nav > li.disabled > a:hover, #PanelControl .nav > li.disabled > a:hover, #TabSugeridos .nav > li.disabled > a:hover { cursor: default; text-decoration: none; background-color: inherit; }
#TabContactos #Tabs, #PanelControl #Tabs, #TabSugeridos #Tabs { border: none !important; background: #3D3D3D !important; }
#TabContactos > #Tabs li > a, #PanelControl > #Tabs li > a, #TabSugeridos > div > #Tabs li > a { color: #ffffff; }
#TabContactos > #Tabs li.active > a, #PanelControl > #Tabs li.active > a, #TabSugeridos > div > #Tabs li.active > a { color: #333333;background: #ffffff !important; }
#PanelControl #Destinatarios { font-size:12px; margin-bottom:0px }
#PanelControl #Destinatarios tbody tr:first-child td { border-top:none !important; }
#PanelControl #Destinatarios tbody tr:last-child td { border-bottom:1px solid #dddddd !important; }
.Botonera  { padding: 20px 15px;text-align:center; }

#TabContactos .wtHolder { margin-left: 25px; }


#ht-request-bulk .wtHolder {   
	width: auto !important;
    height: auto !important;
} 

#SelMensaje { padding:6px !important; }
#AddContactos .Botonera { padding: 25px 15px 20px; }
#TareasServidor,#dt_usuarios_tabla { padding:20px 20px !important; }
#TareasServidor .glyphicon-refresh{ font-size: 18px; color: #CCCCF5;top: 7px !important; right: 5px; }
#TareasServidor table[id^="dt_tareasservidor"] td[class^="acccionesenviarbontones"] a span.glyphicon-refresh { top:0!important;right:0; color: #b2b2b2;}
#Enlaces { padding:20px 20px !important; }

.easy_chart {position: relative; text-align: center;}
.easy_chart i{ color: #222222 !important; margin: -12px 0 0 0 !important; font-size: 26px !important; font-style: normal !important; position: absolute;  top: 50%;  left: 0; right: 0; }
/* #GraficaVariablesTest .easy_chart i{ color: #222222 !important; margin: -12px 0 0 0 !important; font-size: 40px !important; font-style: normal !important; position: absolute;  top: 50%;  left: 0; right: 0; } */

.dataTable th, .dataTable td { font-family: 'Helvetica Neue', Helvetica, sans-serif !important;font-size: 13px !important; }

.btn { font-family: 'Helvetica Neue', Helvetica, sans-serif !important;font-size: 14px;border-radius: 0px !important;}
.btn .glyphicon { top: 2px !important; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-default:hover .caret,
.btn-default:focus .caret,
.btn-default:active .caret {
	border-top-color: #ffffff;
}

.btn-primary { background: #fff !important;color: #333333;border-color: #cccccc; text-shadow: none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:disabled,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #333333;
  background-color: #e6e6e6 !important;
  border-color: #cccccc;
  outline: none;
}
.btn-primary:hover .caret,
.btn-primary:focus .caret,
.btn-primary:active .caret {
	border-top-color: #ffffff;
	color: #333333;
}

.btn-sm, .btn-xs {  padding: 5px 10px; font-size: 12px; line-height: 1.5; }

.bootstrap-select.btn-group .btn .filter-option{padding-top:0px !important;}
.bootstrap-select.btn-group .btn .caret{top: 15px; border-width: 5px 5px 0; border-bottom-width: 0;}

.dropdown .dropdown-toggle .caret { border-top: 4px solid var(--primary-color); }

.dropdown-menu{ font-size:14px !important; margin: 6px 0 0 0;z-index: 1111;min-width:215px !important; max-height:420px !important;overflow-x: hidden; left: -5px;}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu.pull-right:before {
	left: auto !important;
	right: 12px !important;
}
.dropdown-menu.pull-right:after {
	left: auto !important;
	right: 13px !important;
}

.dropdown-menu li { cursor:pointer; }
.dropdown-menu li a { -moz-transition: initial;-webkit-transition: initial;transition: initial; }
.dropdown-menu:not(.bootstrap-datetimepicker-widget) li a:hover, .dropdown-menu:not(.bootstrap-datetimepicker-widget) li a:active, .dropdown-menu:not(.bootstrap-datetimepicker-widget) li a:focus { background-color: var(--primary-color) !important;background-image:none !important;}
.dropdown-menu li a.Pruebas:hover, .dropdown-menu li a.Pruebas:active, .dropdown-menu li a.Pruebas:focus { background-color:#f0ad4e !important;}

.form-control { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px !important; }
.form-horizontal .form-group{ margin-left:0px !important; margin-right:0px !important;}
.form-horizontal .control-label { padding-left: 0px !important;padding-right: 0px !important; }
.form-horizontal .input-daterange { padding-right: 0px !important;}
.form-horizontal .input-daterange input {padding: 6px 6px !important;}
.form-horizontal label { font-size:14px !important; }

.modal-header .close{font-size:30px !important;outline: none !important;}
.modal-body{padding: 0px 5px 5px 5px;}
.modal-content {border-radius: 0px !important;}
.modal-footer { margin-top: 0px !important; }
.modal-footer  .alert{ padding: 5px 12px;margin:0px; }
.modal-footer  .alert #TextoAlert { padding-right: 10px; }
.modal-footer .glyphicon{ top:2px; }

.note-popover .popover .popover-content .dropdown-menu.note-check li a i, .note-toolbar .dropdown-menu.note-check li a i { color: var(--primary-color) !important} 

#TablaPorcentajes { /*border-collapse: separate; border-spacing: 0px 5px;*/ color: #4d4d4d; height:100%;width:100%; margin-top: 3px; }
#TablaPorcentajes tr:first-child { height: 40px;text-align:left; }
#TablaPorcentajes tr th { padding:2px 12px;background-color: #ffffff; border-bottom:none; vertical-align: middle;border-bottom:solid 1px #eeeeee; }
#TablaPorcentajes tr td { padding:6px 12px;border: none; /*background-color:#f8f8f8;*/ vertical-align: middle;border-bottom:solid 1px #eeeeee; }
/*#TablaPorcentajes tr td:first-child { border-top-left-radius: 10px; }
#TablaPorcentajes tr td:first-child { border-bottom-left-radius: 10px; }
#TablaPorcentajes tr td:last-child { border-top-right-radius: 10px; }
#TablaPorcentajes tr td:last-child { border-bottom-right-radius: 10px; }*/

#InPizarra .cuotas { margin-bottom: 20px; }
#InPizarra .cuotas td { vertical-align:middle !important; }
#InPizarra .cuotas td.esqIzq { border-bottom:solid 1px white !important; background-color:white !important; }
#InPizarra .cuotas td.esqDer { border-right:solid 1px white !important; border-bottom:solid 1px white !important; background-color:white !important; }

.handsontable .colHeader{ font-size:13px !important; font-weight:bold; }
.handsontable th, .handsontable td { font-size:14px !important; vertical-align: middle !important; }
.handsontable textarea.handsontableInput {box-shadow: inset 0 0 0 2px #3CA12A !important;}
.handsontable td.htInvalid { background-color:#ffe9e9 !important; }
.handsontable .wtHolder { height: 100% !important; }
.handsontable.ht__selection--columns thead th.ht__highlight, .handsontable.ht__selection--rows tbody th.ht__highlight { background-color: #dcdcdc !important; }
.handsontable td.area { background: #F0F9F2 !important; }
.handsontable td.area:before { opacity: 0; }
.handsontable td.htDimmed { background: #f1f1f1 !important; }
.handsontable .wtBorder.current, .handsontable .wtBorder.area, .handsontable .wtBorder.fill { background-color: #3CA12A !important; }
.handsontable.htContextMenu table tbody tr td.htSeparator { height: 0px !important; }
.handsontable.htRowHeaders .ht_master tr th { visibility: visible; }

/* El contenedor padre del handsontable tiene que tener overflow: hidden para obtener anchura y altura correctas */
div:has(> .ContainerHandsonTable), .ContainerHandsonTable { overflow: hidden; }

.note-editable p{ margin: 0 0 10px !important; }

#ModalExport .Cargando { top: 90px !important; }

.title-box {  position: relative;border-bottom-width: 1px;margin-bottom: 30px;border-color: #e1e1e1;border-style: solid;}
.title-box.no-margin,.no-margin { margin-bottom: 0 !important;}
.title-box:before { background: #1e1e1e;bottom: 0;content: "";display: block;height: 1px;left: 0;margin: 0 0 -1px;position: absolute;width: 40px; }
.title-box.text-right:before { left: auto; right: 0; }
.title-box.text-center:before {left: 50%;margin-left: -20px;}
.title-box .title {color: #222222; font-size: 16px; font-weight: normal; margin: 0 0 12px 0; padding: 14px 0 0; }
.title-box h1.title,.title-box .h1.title { font-size: 24px; }

#UploadContactos p { margin: 0 0 10px !important; }
#Info .alert { padding: 10px 15px !important; }

/**********************************  CUOTAS  *****************************************/

.quotaok { max-width:100%; min-width:50%; border-collapse: collapse; margin:0px auto 30px auto; }
.quotaok tr { background-color: #ffffff; }
.quotaok td { border: solid 1px #bbbbbb; text-align:left; font-size:14px; color:#333333; padding: 5px; }
.quotaok tr:last-child td {font-weight:bold;}
.quotaok td.vacia { background-color:#ffffff;border-style:none; }
.quotaok td.colspan { text-align:center; }
.quotaok td.val { text-align:center; font-size:14px;font-weight:bold; }
.quotaok td.sumax { text-align:center; font-size:14px; background-color:#f0f0f0; }

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

#dt_estudios_aei { min-width:100%; margin-top: -20px;font-size: 14px !important;border-collapse: separate; border-spacing: 0px 15px; border-bottom: none; }
#dt_estudios_aei thead { border-spacing: 0px 0px; }
#dt_estudios_aei thead  th { vertical-align: middle; padding: 10px 10px !important; color: #ffffff; border: none !important; background-color: #3D3D3D !important;font-weight: normal;line-height: 1.428571429;font-size: 14px !important;}
#dt_estudios_aei tbody tr:nth-child(odd) td { background-color:#ffffff !important; }
#dt_estudios_aei tr { -moz-box-shadow: 6px 1px 9px rgba(0,0,0,0.3);-webkit-box-shadow: 6px 1px 9px rgba(0,0,0,0.3);box-shadow: 6px 1px 9px rgba(0,0,0,0.3); }
#dt_estudios_aei tr td { font-size:14px !important; vertical-align:middle !important; padding: 20px 10px; background-color: white; }
#dt_estudios_aei tr td:nth-child(1) { padding: 10px 10px 10px 14px !important; }
#dt_estudios_aei tr td:nth-child(1) { font-size:16px !important; }
#dt_estudios_aei tr td:nth-child(2) { font-size:16px !important; }
#dt_estudios_aei tr td:nth-child(3),#dt_estudios_aei tr td:nth-child(4),#dt_estudios_aei tr td:nth-child(5),#dt_estudios_aei tr td:nth-child(6) { font-size:18px !important; }
/*#dt_estudios_aei tr td:nth-child(3) .label { font-size:12px !important;padding: 0.3em 0.6em 0.3em; }
#dt_estudios_aei tr td:nth-child(4),#dt_estudios_aei tr td:nth-child(5),#dt_estudios_aei tr td:nth-child(6),#dt_estudios_aei tr td:nth-child(7) { font-size:18px !important; }*/
#dt_estudios_aei_wrapper .row{ margin:0px; }
#dt_estudios_aei_filter { position: absolute !important;top: 4px;right: 35px; }
#dt_estudios_aei_length { position: absolute !important;top: -6px;right: 330px; background-color: transparent; border:none; }
#dt_estudios_aei_length select{ padding: 7px 0; border: 1px solid #ddd; }
#dt_estudios_aei_wrapper #dt_estudios_aei_processing { background: none; }

#dt_estudios_aei_wrapper .dataTables_paginate { padding-top: 0px !important;}
#dt_estudios_aei_wrapper .dataTables_info { padding-top: 7px !important;}

@supports (-webkit-touch-callout: none) {
	.dataTables_wrapper {
	  max-width: 100vw;
	}
  }
  
#dt_estudios_aei_filter label { width:100%; font-size: 14px !important; }
#dt_estudios_aei_filter input { float:left;width:300px;padding:5px 4px 5px 4px; border:solid 1px #ddd !important;font-size: 14px !important; }
@media only screen and (max-width:1024px) { 
	#dt_estudios_aei  { font-size: 13px !important; }	
}
#dt_estudios_aei .easy_chart i { font-size:18px !important; }
#dt_estudios_aei thead .sorting_asc { background: url("../images/sort_asc_white.png") no-repeat center right; }
#dt_estudios_aei thead .sorting_desc { background: url("../images/sort_desc_white.png") no-repeat center right; }
@media screen and (max-width: 700px) {
	
	#dt_estudios_aei_filter { right: 4px;}
	#dt_estudios_aei_length { right: 303px;}
	/*#nueva_semana_vodafone { right: 410px !important;}*/
	.pageheader h1, div.pageicon { display: none; }
}

@media screen and (max-width: 603px) {
	
	.dataTables_filter { position: relative; margin: 0px 0 20px 20px  }
	.dataTables_paginate { position: relative; margin: -40px 0px 0px 20px !important; }

	.pageheader:has(#dt_estudios_aei_filter) { display: block; }
	#dt_estudios_aei_filter { display: block;}

	#mainwrapper > div.rightpanel > div.maincontent > div:has(#dt_estudios_aei_wrapper) { padding: 1px 0px 1px 0px !important; }
	#InPizarra {padding: 20px 0px !important; max-width: 100%;overflow-x:hidden;}
	
	#dt_estudios_aei_wrapper .dataTables_paginate { padding-top: 15px !important;}
}

@media screen and (max-width: 400px) {
	#dt_estudios_aei_filter { width:255px;}
	#dt_estudios_aei_filter input{ width:250px;}
	#dt_estudios_aei_length { right: 245px;}
	#dt_estudios_aei_wrapper .dataTables_paginate { padding-top: 0px !important;}
	.minw200 {width: fit-content !important; min-width: 100px !important;}
}
@media screen and (max-width: 300px) {
	/*.minw200 {min-width: 160px !important;}*/
	#dt_estudios_aei_filter { width:225px;}
	#dt_estudios_aei_filter input{ width:220px;}
	#dt_estudios_aei_length { right: 215px;}
}

div[id*=dropdownPermisosVisores] .dropdownPermisosVisores {
	position: relative;
	display: inline-block;
	background-color:#e2e2e2 !important; color: #333333;
	padding-bottom: 1px;
}

div[id*=dropdownPermisosVisores] .dropdown-button {
	display: flex;
	padding: 6px 12px;
	align-items: center;
	border: none;
	cursor: pointer;
	background-color: #F0F0F0;
	width: fit-content;
	text-align: left;
	height: 34px;
	vertical-align:middle;
}

div[id*=dropdownPermisosVisores] .dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	width: fit-content;
	min-width: 151px;
	max-height: 220px;
	overflow-y: auto;
	z-index: 1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	padding: 5px;
}

div[id*=dropdownPermisosVisores] .dropdown-content label {
	display: block;
	padding: 5px;
	cursor: pointer;
	font-weight: normal !important;
}
  
div[id*=dropdownPermisosVisores] .dropdown-content label input {
	vertical-align: text-bottom;
}
div[id*=dropdownPermisosVisores] .dropdown-content label:has(input:disabled) {
	background-color: #f0f0f0;
	color:grey;
}

.CirculoSelecVisor {
	display: inline-block;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background-color: var(--primary-color);
	color: white;
	border-radius: 15%;
	text-align: center;
	line-height: 17px;
	font-size: 11px;
	font-family: sans-serif;
} 
.CirculoSelecVisor0{
	background-color: rgb(139, 139, 139) !important;
}

div[id*=dropdownPermisosVisores] .dropdown-content {
	overflow-y: auto;
    min-height: 18px;
    position: fixed;
    left: auto;
    top: auto;
}

div[id*=dropdownPermisosVisores] .dropdown-buttons {
	padding: 5px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	background-color: #f0f0f0;
	position: sticky;
	bottom: 0;
}

div[id*=dropdownPermisosVisores] .dropdown-buttons button {
	flex: 1;
	margin: 0 5px;
	padding: 3px;
}
#EdicionSugerido label { font-size: 14px;}
#EdicionSugerido textarea { width: 100%;}
#EdicionSugerido > hr {
	margin-top: 10px;
    margin-bottom: 10px;
}

.minw200 {min-width: 200px;}
#EnvioMasivo { padding: 20px 20px; }
#EnvioMasivo label { font-size: 14px !important; }
#EnvioMasivo #TabMensajes { padding-right: 5px; padding-left: 0px; }
#EnvioMasivo .widgetbox{ box-shadow: none !important;border: solid 1px #cccccc; margin-bottom: 17px; }
#EnvioMasivo .widgettitle { background-color:#F5F5F5;color:#333333;border-bottom: solid 1px #cccccc;padding: 10px 15px; }
#EnvioMasivo .widgetcontent { border: none !important; margin-bottom: 0px;padding: 12px 12px; }
#EnvioMasivo .checkbox { padding: 5px 0px; }
#EnvioMasivo .checkbox span { margin-left:35px; }
#EnvioMasivo .new-checkbox { margin: 2px 0 0 10px; }
#EnvioMasivo .chosen-container { height: 100%; margin-top: 0px;}
#EnvioMasivo .chosen-choices { height: 100% !important;border: 1px solid #cccccc;box-shadow: none !important;background: none;overflow-y: auto; }
#EnvioMasivo .search-choice { box-shadow: none !important;font-size: 13px; font-weight: normal; }
#EnvioMasivo #Destinatarios { margin:0px !important; }
#EnvioMasivo #Destinatarios tr:first-child  td{ border-top: none;text-align: center; font-weight: bold; }
#EnvioMasivo #TopMuestra { width: 120px;margin-left: auto;margin-right: auto;text-align: center; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top:8px !important; }
.chosen-container-active .chosen-choices li.search-field input[type="text"],.chosen-container-multi .chosen-choices li.search-field input[type="text"]  { font-size: 13px;font-weight: normal;margin: 7px 5px;height:auto; }
.chosen-container .chosen-results li.active-result { font-size: 13px;font-weight: normal; }
.chosen-container .chosen-results li.highlighted {
  background-color: var(--primary-color) !important; /* AEI */
  --background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, var(--primary-color)), color-stop(90%, #2a62bc)); /* AEI */
  --background-image: -webkit-linear-gradient(var(--primary-color) 20%, #2a62bc 90%); /* AEI */
  --background-image: -moz-linear-gradient(var(--primary-color) 20%, #2a62bc 90%); /* AEI */
  --background-image: -o-linear-gradient(var(--primary-color) 20%, #2a62bc 90%); /* AEI */
  --background-image: linear-gradient(var(--primary-color) 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container-multi .chosen-drop .result-selected { font-weight: normal; font-size: 13px; }
.form-control:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
}

#BotonAplicar { position: absolute !important;top: 0px;right: 20px;padding: 11px 12px 10px 12px;border-top: none;border-bottom: none;outline: none; }

a.valorcuota { color: #333333 !important; }
a.valorcuota.noclick { color:#333333; text-decoration:none; cursor:default; }
#CuotaNew { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; width: 50px; line-height: 25px; text-align:center; background-color:#ffffcc; border:solid 1px #cccccc; padding-bottom: 2px; }
#CuotaNewOk { margin-left:6px; }
#CuotaNewOk:hover { background-color:#50A050; }
#CuotaNewKo { margin-left:6px; }
#CuotaNewKo:hover { background-color:#EBEBEB; }
#CuotaNewKo:hover i { color:black; }

/*
--------------------------------------------------------------------------
                            MODULO ANALYTICS          
--------------------------------------------------------------------------
*/

.chart_icon, .chart_icon_table { display: inline-block; color: #FFF; background-color: #AAA; border-radius: 5px; padding: 1px 5px 1px 5px; margin-left: 2px; cursor: pointer; }
.chart_icon_filter { display: inline-block; color: #AAA; background-color: transparent; margin-left: 10px; cursor: pointer; vertical-align: text-top;}
.chart_icon_filter ul.dropdown-menu { width: 350px; overflow: auto; text-align: left; list-style: none; font-size: 14px; }
.chart_icon_filter ul.dropdown-menu li { padding: 2px 0px 2px 0px; }
.chart_icon_filter ul.dropdown-menu li a { list-style-position: inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chart_icon_filter ul.dropdown-menu li a:hover { background-color:#eeeeee !important; color: black !important; }
.chart_icon_filter a span { color: #AAA; }
.dropdown-menu-left { right: 0; left: auto; }

.cb { clear: both !important; }

.ContenedorGrafica { margin-top: 15px; }
#est_container { overflow-y:auto; height: -webkit-fill-available; padding-right: 5px; }
#est_variables { padding: 0px; }
#est_variables .title_li { text-align: left; list-style: none; font-size: 16px; color: #aaaaaa; padding: 10px 0px 16px 0px; }
#est_variables .title_li span { padding-right: 8px; }
#est_variables:hover #variables_ul::-webkit-scrollbar-track { background: #f0f0f0; }
#est_variables:hover #variables_ul::-webkit-scrollbar-thumb{ background: #CCC;}
#est_variablesfiltro { text-align: center; padding:20px 0px 50px 0px; }
#variables_ul.nav { overflow-y: auto; text-align: left; list-style: none; font-size: 14px; }
#variables_ul.nav li { padding: 7px 0px 7px 0px; cursor: pointer; list-style-position:inside;  }
#variables_ul.nav li a { color:#555; padding-right:10px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#variables_ul.nav li:hover a { color: var(--primary-color); }
#variables_ul.nav li.marcada a{ color: var(--primary-color);font-weight:bold; }
#variables_ul.nav li a { padding-left:0px !important; }
/*#variables_ul.nav li a span.LiEstiloCodigoQ { background-color: #3D3D3D;color:#ffffff; padding: 5px;font-weight: bold;}
#variables_ul.nav li:hover a span.LiEstiloCodigoQ { background-color: var(--primary-color); }*/
#variables_ul.nav li.active a { background-color: var(--primary-color);font-weight:bold; }
#variables_ul::-webkit-scrollbar { width: 4px; }
#variables_ul::-webkit-scrollbar-track { background: transparent; border-radius: 10px;}
#variables_ul::-webkit-scrollbar-thumb {	border-radius: 5px;	background: transparent; }
#variables_ul::-webkit-scrollbar-thumb:hover { background: #999; }
.est_tipografica { margin-top: 12px; text-align: left; }
.est_tipografica p { font-size:12px; }
.est_tipografica .chart_load { vertical-align: sub; padding-right: 8px; }
.est_title { text-align: left; padding: 0; color: var(--primary-color); font-size: 16px; }
.est_title .est_question { padding: 0; color: #ffffff;  }
.est_title .est_question .CodigoQGrafica { color: var(--primary-color);padding: 20px 15px 5px 15px;font-weight:bold;text-align:center; white-space: nowrap; min-width: 120px; }
.est_title .est_question .TituloQGrafica { color:#3D3D3D;padding: 20px 15px 5px 0px;font-weight:bold; }
.est_base { font-size:14px; color:#AAA; margin-top: 12px; cursor: default; text-align:center;padding-left: 0px;padding-right: 0px; }
.est_tabla { margin-top: 25px; }
#questionDIV .table tbody tr:first-child td { font-weight: bold; background-color: #EEE; }
/*.est_tabla table.table { border-bottom: 1px solid #dddddd }*/
#est_container #questionDIV > div { -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);box-shadow: 0px 4px 8px rgba(0,0,0,0.15); }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb {	background: var(--primary-color); }
::-webkit-scrollbar-thumb:hover { background: var(--primary-color); }

#WidgetVariables { background-color:white; padding: 15px 20px 20px 25px; overflow-y:auto; height:-webkit-fill-available;-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);box-shadow: 0px 4px 8px rgba(0,0,0,0.15);}

body.mod-4 .maincontentinner { background-color:#f0f0f0; }

body.mod-4 .leftpanel { display:none; }
body.mod-4 .rightpanel { margin-left:0px !important; }
body.mod-4 #Pizarra { box-shadow: none !important; background-color:transparent !important; padding:0px !important; border-left:none !important; border-right:none !important; }
body.mod-4 #InPizarra { padding:0px !important; }

body.mod-4 #est_variables *::-webkit-scrollbar { width: 5px; }
body.mod-4 *::-webkit-scrollbar-track { background: #f0f0f0; }
body.mod-4 *::-webkit-scrollbar-thumb {	background: #cccccc; }
body.mod-4 *::-webkit-scrollbar-thumb:hover { background: #cccccc; }

body.modal-open { margin-right: 0px !important; }
div.modal { overflow-y: auto; }

@media (min-width: 1280px) {
	body.mod-4 .col-lg-3 { width:20%; }
	body.mod-4 .col-lg-9 { width:80%; }
}

.est_base { text-align: left; padding-left: 22px; }
body.mod-4 .est_base { width: 20%; }
body.mod-4 .est_tipografica { width: 80%; }

.popover { display:none;max-width: 40%; }

#est_variables .nav > li > a { position: relative; }
#est_variables .nav .nav-divider { height: 0px; margin: 0px; background-color: none; }
#est_variables .nav-tabs { border-bottom: 0px solid #dddddd; }
#est_variables .nav-tabs > li { float: none; margin-bottom: 0px; }
#est_variables .nav-tabs > li > a { margin-right: 0px; line-height: 0; border: 0px solid transparent; border-radius: 0px; }
#est_variables .nav-tabs > li.active > a,
#est_variables .nav-tabs > li.active > a:hover,
#est_variables .nav-tabs > li.active > a:focus { cursor: pointer; background-color: transparent; color: var(--primary-color);  border: 0px; }

.est_tipografica .chart_load { font-size: 14px !important; visibility: hidden; display: inline-table; }

.TablaHTML { width: auto !important;min-width: 50%;max-width: 100%; margin-left: auto; margin-right: auto; }
.TablaHTML tr:first-child  td:first-child { text-align:center; vertical-align: middle; }
.TablaHTML tr td:first-child { text-align:left; }

#est_globales { max-height: 42px;position: absolute !important;top: 0px;right: 34px; border-top: none;border-right: solid 1px #cccccc;border-bottom: none;border-left: none;border-bottom-width: 0px;outline: none; }
#est_globales .chart_icon_filter { vertical-align: unset; width: 148px;color: #666666; border-left: solid 1px #cccccc; margin-left: 0px; }
#est_globales .chart_icon_filter a.dropdown-toggle span { color: #666666; }
#est_globales .chart_icon_filter .glyphicon { float:left;top:3px; }
#est_globales .chart_icon_filter .caret { float: right;position: relative;top: -12px;right: 2px;border-top: 4px solid #666666; }
#est_globales .chart_icon_filter a.dropdown-toggle { display: block;padding: 11px 10px 5px 12px; height: 41px; }
#est_globales .chart_icon_filter a.dropdown-toggle span.padlef10 { float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 88%; }
#est_globales .chart_icon_filter a.dropdown-toggle:hover{ text-decoration: none !important; }
#est_globales .chart_icon_filter:hover { background-color:#eeeeee !important; }
																			   
#est_globales .chart_icon_global { padding: 11px 12px 5px 12px; height: 41px; border-left: solid 1px #ccc; }
#est_globales .chart_icon_global span { color: #666666; }
#est_globales .chart_icon_global .glyphicon { float:left;top:3px; }
#est_globales .chart_icon_global:hover { background-color:#eeeeee !important; text-decoration: none !important;}

#est_globales .chart_icon_global .glyphicon-resize-full, #est_globales .chart_icon_global .glyphicon-resize-small { padding: 2px 3px 2px 3px; border: 2px solid #666666; font-size: 13px; border-radius: 3px; top: 0; margin-left: 1px; }


@media only screen and (max-width:1280px) { 
	.est_title .est_question .CodigoQGrafica { padding: 20px 0px 5px 10px; }
	.est_title .est_question .AnchoCodigoQ { font-size: 14px !important; }
	.est_title .est_question .TituloQGrafica { padding: 20px 15px 5px 10px; }
}

/*
--------------------------------------------------------------------------
                               SPINNER          
--------------------------------------------------------------------------
*/

#est_cargando {
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%;
}

#est_cargando .spinner {
	position: absolute;
	width: 65px;
    height: 65px;
	top: calc(50% - 32.5px);
	left: calc(50% - 32.5px);
}

.Precarga { position:absolute;top:50%;left:0px;right:0px;font-size:14px;color:#555555;text-align:center; padding: 0px 20px;}
.Cargando {position:absolute;top:48%;left:0px;right:0px;font-size:18px;color:#555555;text-align:center;padding: 20px 20px;}
#InPizarra .Cargando {position:absolute;top:48%;left:260px;right:20px;font-size:18px;color:#555555;text-align:center;padding: 20px 20px;margin-top:80px;}

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: var(--primary-color);
  }
  25% {
    stroke: var(--primary-color);
  }
  50% {
    stroke: var(--primary-color);
  }
  75% {
    stroke: var(--primary-color);
  }
  100% {
    stroke: var(--primary-color);
  }
}

@keyframes colors {
  0% {
    stroke: var(--primary-color);
  }
  25% {
    stroke: var(--primary-color);
  }
  50% {
    stroke: var(--primary-color);
  }
  75% {
    stroke: var(--primary-color);
  }
  100% {
    stroke: var(--primary-color);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

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

#Pizarra #TabSeguimiento::before { padding: 0px !important; }
#TabSeguimiento label { font-size: 14px !important; }
#TabSeguimiento.tabbable > .nav-tabs { height:40px !important; }
#TabSeguimiento .widgetcontent { margin-bottom:0px!important; }
#TabSeguimiento.tabbable > .nav-tabs { border:none !important; }
#TabSeguimiento.tabbable > .tab-content { border:none !important;font-size: 14px !important; }
#TabSeguimiento.tabbable > .nav-tabs > li.active { color:#42B521 !important; }
#TabSeguimiento .nav > li.disabled { opacity:0.5;  pointer-events: none;}
#TabSeguimiento .nav > li.disabled > a:hover { cursor: default; text-decoration: none; background-color: inherit; }
#TabSeguimiento #Tabs { border: none !important; background: #3D3D3D !important; }
#TabSeguimiento > #Tabs li > a { color: #ffffff; }
#TabSeguimiento > #Tabs li.active > a { color: #333333;background: #ffffff !important; }
#TabSeguimiento #TabsGroup { border: none !important; text-align: center; }
#TabSeguimiento #TabsGroup li { float:none; display:inline-block; }
#TabSeguimiento #TabsGroup li > a { color: #333333;border: solid 1px #cccccc; }
#TabSeguimiento #TabsGroup li > a:hover { color: #42b521; }
#TabSeguimiento #TabsGroup li.active > a { color: #42b521;background: #ffffff !important; }
#TabSeguimiento .easy_chart i { margin: -13px 0 0 0 !important; }

.TablaSeguimiento tr th { padding:8px 2px 8px 2px;background-color: #ffffff; color: #3D3D3D;border-bottom:solid 1px #dddddd; }
.TablaSeguimiento tr td { padding:8px 2px 8px 2px;border-bottom: solid 1px #dddddd;vertical-align: middle;}
.TablaSeguimiento tr:last-child td { border-bottom:none !important; }

/**********************************buscar *******************************************************/
.ContentSearch{
	margin: 6px 10px;
}

/**********************************Nueva Semana Vodafone *******************************************************/

#nueva_semana_vodafone > #TabsGroup li.active > button { 
	color: #ffffff;background: #42B521 !important;border:solid 1px #42B521; padding: 5px 12px; max-height:33px; font-size: 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#nueva_semana_vodafone { max-height: 41px;position: absolute !important;top: 0px;right: 370px; border-top: none;border-right: solid 1px #cccccc;border-bottom: none;border-left: solid 1px #cccccc;border-bottom-width: 0px;outline: none; }
#nueva_semana_vodafone #nueva_semana_vodafone_btn { padding: 11px 10px 2px 10px; height: 41px; color: #666666; cursor: pointer;}
#nueva_semana_vodafone #nueva_semana_vodafone_btn:hover { background-color:#eeeeee !important; }

span.CampoBBDD_NSV { border-radius:3px;background-color:#d9d9d9;padding: 3px 6px; margin: 0px 2px;white-space: nowrap; }

#UploadContactos .alert-warning { border-color: #E4BF7F; color: #794d00;}
#UploadContactos .alert-success { border-color: #83b55a; color: #054c06;}
#UploadContactos .alert-info { border-color: #59b3c5; color: #0f5273;}
#UploadContactos .alert-danger { border-color: #f193a1; color: #8e100e;}


/********************************** Analytics *******************************************************/

.highcharts-menu hr {
	margin-top: 3px !important;
    margin-bottom: 3px !important;
}
.highcharts-buttonpercentage { font-weight:bold;font-size:14px;text-align:center; }
.highcharts-buttonnumeric { font-weight:bold;font-size:12px;text-align:center; }


/********************************** Logs envios BBDD *******************************************************/

#EstadoEnvios .progress {
height: 20px;
margin-bottom: 5px !important;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 10px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
#EstadoEnvios .progress {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}
#EstadoEnvios .progress {
background-color: #e2e2e2;
background-image: none;
box-shadow: none;
}
#EstadoEnvios .progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: right;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
#EstadoEnvios .progress-bar {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}
#EstadoEnvios .progress-bar {
box-shadow: none;
border-radius: 10px;
background-color: #0090D9;
background-image: none;
-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
#EstadoEnvios .progress-bar-success {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}
#EstadoEnvios .progress-bar-success {
background-color: #64b92a;
background-image: none;
}
#EstadoEnvios .progress-bar-info {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));
background-image: -webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: -moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0);
}
#EstadoEnvios .progress-bar-info {
background-color: #0099e6;
background-image: none;
}
#EstadoEnvios .progress-bar-warning {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));
background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: -moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0);
}
#EstadoEnvios .progress-bar-warning {
background-color: #FDD01C;
background-image: none;
}
#EstadoEnvios .progress-bar-danger {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));
background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: -moz-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0);
}
#EstadoEnvios .progress-bar-danger {
background-color: #F35958;
background-image: none;
}

#EstadoEnvios #EnviosTotal {
	padding: 17px 30px !important;
	height: 80px;
}

#EstadoEnvios #EnviosTotal #EnviosTotalCaja {
	padding: 12px 10px !important;
	text-align:center;
	background-color: #e2e2e2;
	border-radius: 10px;
	height: 46px;
}

#EstadoEnvios .GraficaProgressbar {
	display: none;
	padding: 5px 30px !important;
	height: 80px;
}

#EstadoEnvios .progress span.progress-txt-in {
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	display: none;
}

#EstadoEnvios .progress span.progress-txt-out {
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	display: none;
}

#EstadoEnvios .GraficaProgressbar .Titulo {
	font-weight: bold;
	color:#4d4d4d;
	padding: 8px 5px !important;
}

#EstadoEnvios .GraficaProgressbar .NumeroTotal {
	color:#4d4d4d;
	padding: 8px 5px !important;
	text-align: right;
}

#botones_pageheader_envios { max-height: 42px;position: absolute !important;top: 0px;right: 20px; border-top: none;border-right: solid 1px #cccccc;border-bottom: none;border-left: solid 1px #cccccc;border-bottom-width: 0px;outline: none; }
#botones_pageheader_envios .dropdown_lotes_envios { width: 280px;color: #666666; }
#botones_pageheader_envios .dropdown_lotes_envios .glyphicon-tasks { float:left;top:2px;color: #666666; }
#botones_pageheader_envios .dropdown_lotes_envios .caret { float: right;position: relative;top: 10px;right: 2px;border-top: 4px solid #666666; }
#botones_pageheader_envios .dropdown_lotes_envios a.dropdown-toggle { display: block;padding: 10px 10px 10px 12px; }
#botones_pageheader_envios .dropdown_lotes_envios a.dropdown-toggle span.padlef10 { float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 88%;color: #666666; }
#botones_pageheader_envios .dropdown_lotes_envios a.dropdown-toggle:hover{ text-decoration: none !important; }
#botones_pageheader_envios .dropdown_lotes_envios:hover { background-color:#eeeeee !important; }

@media screen and (max-width: 1024px) {
		  
  /* elements */
	#EstadoEnvios .col-md-1, #EstadoEnvios .col-md-2, #EstadoEnvios .col-md-3, #EstadoEnvios .col-md-4,
	#EstadoEnvios .col-md-5, #EstadoEnvios .col-md-6, #EstadoEnvios .col-md-7, #EstadoEnvios .col-md-8,
	#EstadoEnvios .col-md-9, #EstadoEnvios .col-md-10, #EstadoEnvios .col-md-11, #EstadoEnvios .col-md-12 {
		margin-bottom: 0px !important;
	}
}

#TablaEnvios #dt_envios_tabla #dt_envios_processing { position: fixed; width: 300px; height: 300px; left: 50%; top: 60%; margin-left: -40px; padding: 130px 130px; background: radial-gradient(circle, white, transparent 80%);}

#TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(4), #TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(5), #TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(6), #TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(7), #TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(8) { color:#999999;font-weight:normal; }
#TablaEnvios #dt_envios_tabla #dt_envios tbody tr td:nth-child(9) { display:none; }

#TablaEnvios #dt_envios_tabla #dt_envios tbody tr td span.td_envios_verde { color:#64b92a;font-weight:bold; }
#TablaEnvios #dt_envios_tabla #dt_envios tbody tr td span.td_envios_azul { color:#0099e6;font-weight:bold; }
#TablaEnvios #dt_envios_tabla #dt_envios tbody tr td span.td_envios_rojo { color:#F35958;font-weight:bold; }

#TablaEnvios #dt_envios_tabla span.td_envios_final_verde span.glyphicon, #TablaEnvios #dt_envios_tabla span.td_envios_final_azul span.glyphicon, #TablaEnvios #dt_envios_tabla span.td_envios_final_rojo span.glyphicon, #TablaEnvios #dt_envios_tabla span.td_envios_final_gris span.glyphicon { font-size: 12px !important; padding: 0px 4px !important;}
#TablaEnvios #dt_envios_tabla span.td_envios_final_verde { color:white;background-color:#64b92a; border-radius: 10px; padding: 3px 8px 3px 4px; font-size: 13px; }
#TablaEnvios #dt_envios_tabla span.td_envios_final_azul { color:white;background-color:#0099e6; border-radius: 10px; padding: 3px 8px 3px 4px; font-size: 13px; }
#TablaEnvios #dt_envios_tabla span.td_envios_final_rojo { color:white;background-color:#F35958; border-radius: 10px; padding: 3px 8px 3px 4px; font-size: 13px; }
#TablaEnvios #dt_envios_tabla span.td_envios_final_gris { color:white;background-color:#666666; border-radius: 10px; padding: 3px 8px 3px 4px; font-size: 13px; }

#dt_envios_filter label .bootstrap-select .dropdown-menu li a:hover {background-color:#e2e2e2 !important; color: #333333;}

/*
--------------------------------------------------------------------------
                               MYSTERY          
--------------------------------------------------------------------------
*/

.tabla-estados-mystery { width:100%; border-collapse:separate; border-spacing:0; }
.tabla-estados-mystery th { border-radius:5px; border:solid 2px white; padding:6px; background-color:#f3f3f3; font-size:14px; font-weight:bold; }
.tabla-estados-mystery td { border-radius:5px; border:solid 2px white; padding:6px; background-color:#f3f3f3; font-size:14px; }
.tabla-estados-mystery td.completos { color:white; background-color:#43B520; }

.dataTables_info { font-size: 14px !important;background: #ffffff !important;padding: 22px 0px 0px 0px !important;border: none !important; }
.dataTables_paginate { font-size: 14px !important;padding-top: 15px !important;position: static !important; }
.dataTables_paginate a { font-size: 14px !important; }
.dataTables_filter .bootstrap-select { margin-right:12px; }

.dataTables_filter select[name="dt_pendientes_length"] { border: solid 1px #CCCCCC !important;padding: 6px 12px !important; }
.dataTables_filter #dt_pendientes_length { float:right;margin-left: 15px;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;line-height: 21px; outline: none;}
.dataTables_filter #dt_pendientes_length label { font-weight: normal; }

.dataTables_filter select[name="dt_validadas_length"] { border: solid 1px #CCCCCC !important;padding: 6px 12px !important; }
.dataTables_filter #dt_validadas_length { float:right;margin-left: 15px;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;line-height: 21px; outline: none;}
.dataTables_filter #dt_validadas_length label { font-weight: normal; }

#dt_pendientes { opacity:0; }
#dt_pendientes th { padding:8px; }
#dt_pendientes td { padding:8px; }
#dt_pendientes { min-width:100%; font-size: 13px !important;}
#dt_pendientes a.OpValidar { color:#43B520; font-weight:bold; text-decoration:none; }
#dt_pendientes a.OpAnular { color:#cc0000; font-weight:bold; text-decoration:none; }
#dt_pendientes .row{margin:0px;}
#dt_pendientes_filter{ width:100%;padding:10px 0px;border-bottom: solid 1px #dddddd;position: static !important; }
#dt_pendientes_filter label { width:100%; font-size: 14px !important; }
#dt_pendientes_filter input{ float:left;width:250px;padding:6px 4px 5px 4px; border:solid 1px #CCCCCC !important; font-size: 14px !important; font-weight:normal; margin-left:0px !important;  }
#dt_pendientes thead  th { vertical-align: middle;padding:8px 8px 8px 8px !important; }
#dt_pendientes tr td { vertical-align:middle !important; }
#dt_pendientes_filter .btn.dropdown-toggle { padding:6px 20px 7px 20px; }
#dt_pendientes_filter .btn.dropdown-toggle .filter-option { padding-top:1px !important; }

#dt_validadas { opacity:0; }
#dt_validadas th { padding:8px; }
#dt_validadas td { padding:8px; }
#dt_validadas { min-width:100%; font-size: 13px !important;}
#dt_validadas  a.OpDesvalidar { color:#ff7900; font-weight:bold; text-decoration:none; }
#dt_validadas  a.OpRevalidar { color:#43B520; font-weight:bold; text-decoration:none; }
#dt_validadas .row{margin:0px;}
#dt_validadas_filter{ width:100%;padding:10px 0px;border-bottom: solid 1px #dddddd;position: static !important; }
#dt_validadas_filter label { width:100%; font-size: 14px !important; }
#dt_validadas_filter input{ float:left;width:250px;padding:6px 4px 5px 4px; border:solid 1px #CCCCCC !important; font-size: 14px !important; font-weight:normal;  }
#dt_validadas thead  th { vertical-align: middle;padding:8px 8px 8px 8px !important; }
#dt_validadas tr td { vertical-align:middle !important; }
#dt_validadas_filter .btn.dropdown-toggle { padding:6px 20px 7px 20px; }
#dt_validadas_filter .btn.dropdown-toggle .filter-option { padding-top:1px !important; }

/*
--------------------------------------------------------------------------
-            BARRA PROGRESO ANALYTICS (TIPO YOUTUBE O SAFARI)            -
--------------------------------------------------------------------------
*/

#ProgressTopWindowBar {
	position:fixed;
	z-index:2147483647;
	top:122px;
	left:0px;
	width:0%;
	height:2px;
	background: var(--primary-color);
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	-moz-transition:width 500ms ease-out,opacity 400ms linear;
	-ms-transition:width 500ms ease-out,opacity 400ms linear;
	-o-transition:width 500ms ease-out,opacity 400ms linear;
	-webkit-transition:width 500ms ease-out,opacity 400ms linear;
	transition:width 500ms ease-out,opacity 400ms linear
}
#ProgressTopWindowBar.done {
	opacity:0
}
#ProgressTopWindowBar dd,#ProgressTopWindowBar dt {
	position:absolute;
	top:0;
	height:2px;
	-moz-box-shadow: var(--primary-color) 4px 0 6px 1px;
	-ms-box-shadow: var(--primary-color) 4px 0 6px 1px;
	-webkit-box-shadow: var(--primary-color) 4px 0 6px 1px;
	box-shadow: var(--primary-color) 4px 0 6px 1px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%
}
#ProgressTopWindowBar dd {
	opacity:1;
	width:20px;
	right:0;
	clip:rect(-6px,30px,14px,10px)
}
#ProgressTopWindowBar dt {
	opacity:1;
	width:350px;
	right:-80px;
	clip:rect(-6px,260px,14px,-6px)
}
@-moz-keyframes pulse {
	30% {
		opacity:.8
	}
	60% {
		opacity:.5
	}
	100% {
		opacity:.8
	}
}
@-ms-keyframes pulse {
	30% {
		opacity:.5
	}
	60% {
		opacity:.3
	}
	100% {
		opacity:.5
	}
}
@-o-keyframes pulse {
	30% {
		opacity:.8
	}
	60% {
		opacity:.5
	}
	100% {
		opacity:.8
	}
}
@-webkit-keyframes pulse {
	30% {
		opacity:.5
	}
	60% {
		opacity:.3
	}
	100% {
		opacity:.5
	}
}
@keyframes pulse {
	30% {
		opacity:.8
	}
	60% {
		opacity:.5
	}
	100% {
		opacity:.8
	}
}
#ProgressTopWindowBar.waiting dd,#ProgressTopWindowBar.waiting dt {
	-moz-animation:pulse 2s ease-out 0s infinite;
	-ms-animation:pulse 2s ease-out 0s infinite;
	-o-animation:pulse 2s ease-out 0s infinite;
	-webkit-animation:pulse 2s ease-out 0s infinite;
	animation:pulse 2s ease-out 0s infinite
}

/* Estadisticas CAWI */

#GraficaEstadisticasCAWI .estadisticas-CAWI {
	height: 50%;
	overflow: hidden;
}

.estadisticas-CAWI-caja{
  padding: 12px 17px !important;
	text-align:left;
	border-radius: 10px;
	height: 100%;
	font-size: 14px; 
	color: #666666; 
	background: #ebebeb;
}

.estadisticas-CAWI-descripcion {
	top: 12px;
	left: 18px;
	position: absolute;
	font-weight:normal;
	font-variant: small-caps;
}

.estadisticas-CAWI-valor {
	font-weight:bold;
	font-size:15px;
	color: #4d4d4d;
	bottom: 12px;
	left: 16px;
	position: absolute;
}

.estadisticas-CAWI-valor span {
	font-size:52px;
	font-weight:normal;
}
.estados-CAWI {
	display: table;
	overflow: hidden;
	height: 100%;
	padding: 5px;
	max-width: 150px;
}

.estados-CAWI-caja {
	text-align:center;
	border-radius: 10px;
	height: 100%;
	width: 100%;
	color: #4d4d4d; 
	display: table-cell;
	vertical-align: middle;
	background: #ebebeb;
}

.estados-CAWI-caja span {
	font-size:14px;
	font-weight:bold;
}
.AnularContactos p{
  margin: 0 0 10px !important;
}

#GraficaEstadisticasCAWI-BBDD .estadisticas-CAWI-BBDD {
	height: 100%;
	overflow: hidden;
}

.estadisticas-CAWI-BBDD-caja{
	padding: 8px 12px !important;
	text-align:left;
	border-radius: 10px;
	height: 100%;
	font-size: 14px; 
	color: #666666; 
	background: #ebebeb;
}

.estadisticas-CAWI-BBDD-descripcion {
	top: 8px;
	left: 12px;
	position: absolute;
	font-weight:normal;
	/* font-variant: small-caps; */
	padding: 0px;
}

.estadisticas-CAWI-BBDD-valor {
	font-weight:bold;
	color: #4d4d4d;
	position: absolute;
	right: 12px;
	bottom: 8px;
	text-align: right;
}

.estadisticas-CAWI-BBDD-valor span {
	font-size:16px;
	font-weight:bold;
}

/* Estadisticas CATI */

#GraficaEstadisticasCATI .estadisticas-CATI {
	height: 50%;
	overflow: hidden;
}

#GraficaEstadisticasCATI .estadisticas-CATI .estadisticas-CATI-caja {
	padding: 12px 17px !important;
	text-align:left;
	border-radius: 10px;
	height: 100%;
	font-size: 14px; 
	color: #666666; 
	background: #ebebeb;
}

#GraficaEstadisticasCATI .estadisticas-CATI .estadisticas-CATI-caja .estadisticas-CATI-descripcion {
	top: 12px;
	left: 18px;
	position: absolute;
	font-weight:normal;
	font-variant: small-caps;
}

#GraficaEstadisticasCATI .estadisticas-CATI .estadisticas-CATI-caja .estadisticas-CATI-valor {
	font-weight:bold;
	font-size:15px;
	color: #4d4d4d;
	bottom: 12px;
	left: 16px;
	position: absolute;
}

#GraficaEstadisticasCATI .estadisticas-CATI .estadisticas-CATI-caja .estadisticas-CATI-valor span {
	font-size:52px;
	font-weight:normal;
}

#GraficaEstadosCATI .estados-CATI {
	display: table;
	overflow: hidden;
	height: 100%;
	padding: 5px;
	max-width: 150px;
}

#GraficaEstadosCATI .estados-CATI .estados-CATI-caja {
	text-align:center;
	border-radius: 10px;
	height: 100%;
	width: 100%;
	color: #4d4d4d; 
	display: table-cell;
	vertical-align: middle;
	background: #ebebeb;
}

#GraficaEstadosCATI .estados-CATI .estados-CATI-caja span {
	font-size:14px;
	font-weight:bold;
}

/* Placeholder Loader Analytics */

.timeline-item {
    padding: 28px 44px 8px 44px;
    width: 100%;
    height: 100%;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -3840px 0
    }
    100%{
        background-position: 3840px 0
    }
}
.animated-background {
    animation-duration: 2s;    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(-70deg, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 3840px 355px;
    height: 355px;
    position: relative;
}
.background-masker {
    background: #fff;
    position: absolute;
}
.background-masker.barra-espacio-1 {
    top: 0px;
    height: 10px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-2 {
    top: 40px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-3 {
    top: 85px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-4 {
    top: 130px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-5 {
    top: 175px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-6 {
    top: 220px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-7 {
    top: 265px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-espacio-8 {
    top: 310px;
    height: 15px;
	left: 0;
    right: 0;
}
.background-masker.barra-derecha-1 {
    top: 9px;
    height: 32px;
	left: 70%;
    right: 0;
}
.background-masker.barra-derecha-2 {
    top: 54px;
    height: 32px;
	left: 80%;
    right: 0;
}
.background-masker.barra-derecha-3 {
    top: 99px;
    height: 32px;
	left: 95%;
    right: 0;
}
.background-masker.barra-derecha-4 {
    top: 144px;
    height: 32px;
	left: 60%;
    right: 0;
}
.background-masker.barra-derecha-5 {
    top: 189px;
    height: 32px;
	left: 85%;
    right: 0;
}
.background-masker.barra-derecha-6 {
    top: 234px;
    height: 32px;
	left: 75%;
    right: 0;
}
.background-masker.barra-derecha-7 {
    top: 279px;
    height: 32px;
	left: 90%;
    right: 0;
}
.background-masker.barra-derecha-8 {
    top: 324px;
    height: 32px;
	left: 65%;
    right: 0;
}

/*
--------------------------------------------------------------------------
-                 WIZARD SETUP PANEL (MODULO DE AJUSTES)                 -
--------------------------------------------------------------------------
*/

#smartwizardSetupPanel { 
	height: 100%; 
	-webkit-box-shadow: none;
    box-shadow: none;
}

#smartwizardSetupPanel > ul.nav-tabs { 
	border: none; 
	height: 65px;
}
#smartwizardSetupPanel .sw-container.tab-content { 
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}
#smartwizardSetupPanel .sw-container.tab-content .tab-pane.step-content { 
	display: table;
	width: 100%;
	height: 100%;
}

#smartwizardSetupPanel .sw-container.tab-content .tab-pane.step-content .DispalyTableCell { 
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 100%;
	height: 100%;
}

#smartwizardSetupPanel .btn-toolbar.sw-toolbar.sw-toolbar-bottom { 
	position: absolute;
    bottom: 0px;
	width: 100%;
	background: #f2f2f2;
	border-radius: 5px !important;
}
#smartwizardSetupPanel .btn-toolbar.sw-toolbar .btn-group.sw-btn-group { 
	float: none; 
	width: 100%;	
}
#smartwizardSetupPanel .btn-toolbar.sw-toolbar .btn-group.sw-btn-group .btn { 
	border-radius: 5px !important;
	background: #ddd;
}
#smartwizardSetupPanel .btn-toolbar.sw-toolbar .btn-group.sw-btn-group .btn.disabled { 
	cursor: not-allowed;
	pointer-events: auto;
	background: #f2f2f2;
}
#smartwizardSetupPanel .btn-toolbar.sw-toolbar .btn-group.sw-btn-group .sw-btn-prev { 
	float: left;	
}
#smartwizardSetupPanel .btn-toolbar.sw-toolbar .btn-group.sw-btn-group .sw-btn-next { 
	float: right;	
}

#smartwizardSetupPanel ul.step-anchor > li.nav-item {
    margin-right: 5px;
	min-width: 150px;
}

#smartwizardSetupPanel ul.step-anchor > li.nav-item a.nav-link {
    margin: 0;
}

#smartwizardSetupPanel ul.step-anchor > li.nav-item.active {
    background: #f2f2f2 !important;
	border-radius: 5px;
}

#smartwizardSetupPanel select, #smartwizardSetupPanel input { 
	border-radius: 5px;
}


/* The switch - the box around the slider */
.switch-setup {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch-setup input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-setup {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FF6961;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-setup:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-setup {
  background-color: #4ecc54;
}

input:focus + .slider-setup {
  box-shadow: 0 0 1px #4ecc54;
}

input:checked + .slider-setup:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/* Rounded sliders */
.slider-setup.round {
  border-radius: 34px;
}

.slider-setup.round:before {
  border-radius: 50%;
}

#smartwizardSetupPanel #MensajeAlertaWizard {
	text-align: center; color: #cc0000; margin: 6px 110px;

}
#smartwizardSetupPanel #MensajeAlertaWizard span.AlertContent {
	-webkit-animation: MensajeAlertaWizardAnimate 1.5s infinite;
   -moz-animation: MensajeAlertaWizardAnimate 1.5s infinite;
   -o-animation: MensajeAlertaWizardAnimate 1.5s infinite;
    animation: MensajeAlertaWizardAnimate 1.5s infinite;
}
@keyframes MensajeAlertaWizardAnimate {
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-o-keyframes MensajeAlertaWizardAnimate{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-moz-keyframes MensajeAlertaWizardAnimate{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-webkit-keyframes MensajeAlertaWizardAnimate{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}

/*
--------------------------------------------------------------------------
-                    container_checkbox - checkmark                      -
--------------------------------------------------------------------------
*/

/* The container */
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 28px;
  padding: 4px 0px 4px 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  margin: 4px 0px;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
	
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 8px;
  top: 2px;
  width: 5px;
  height: 14px;
  border: solid #42b521;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
--------------------------------------------------------------------------
-                       Filtros Mapa GEO                       -
--------------------------------------------------------------------------
*/

.leftmenu .nav-tabs > li.filtros {
	margin-top: 20px;
	border-top: 1px solid #232323;
}

.FiltroMapaGEO {
	border-top: 1px solid #232323;
	border-bottom: 1px solid #232323;
}

.FiltroPreguntasContainer {
	width: 100%;
	border-top: 1px solid #e5e5e5;
}

.PreguntaGEO {
	border-bottom: 1px solid #e5e5e5;
	height: 61px;
	overflow: hidden;
	position:relative;
}

.PreguntaGEO .WhiteShadowPreguntaGEO {
	-moz-box-shadow: inset 0 -10px 15px 2px #ffffff;
    -webkit-box-shadow: inset 0 -10px 15px 2px #ffffff;
    box-shadow: inset 0 -10px 15px 2px #ffffff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:15px;
	cursor: pointer;
}

.PreguntaGEO .CodigoEnunciado {
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
	cursor: pointer;
}

.PreguntaGEO .DisplayTable {
	display: table;
}

.PreguntaGEO .DisplayTable .TableCell {
	display: table-cell;
}

.PreguntaGEO .CodigoQ {
	color: var(--primary-color);
	font-weight: bold;
	text-align: center;
	min-width: 65px;
}

.PreguntaGEO .TipoQ {
	color: #AAA;
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
}

.PreguntaGEO .EnunciadoQ {
	padding-left: 20px;
	font-weight: bold;
	width: 100%;
}

.PreguntaGEO .EnunciadoQ .CuadroEnunciado {
	width: 100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.PreguntaGEO .NumSeleccionadasQ {
	padding-left: 20px;
	text-align: right;
}

#ModalFiltroPreguntasMapaGEO .modal-dialog, #ModalFiltroEntrevistadoresMapaGEO .modal-dialog  {
	margin-top: 0;
	margin-bottom: 0;
}

#ModalFiltroPreguntasMapaGEO .CirculoSelec, #ModalFiltroEntrevistadoresMapaGEO .CirculoSelec, .FiltroMapaGEO .CirculoSelec  {
	padding: 2px 6px;
	color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	background-color: var(--primary-color);
}

.leftmenu .nav-tabs.nav-stacked > li.FiltroMapaGEO > a {
	cursor: pointer;
	padding: 12px 12px !important;
	border-left: 2px solid #999 !important;
	border-bottom: none !important;
}

.leftmenu .nav-tabs.nav-stacked > li.FiltroMapaGEO > a:hover {
	border-left: 2px solid #fff !important;
}

.leftmenu .nav-tabs.nav-stacked > li.FiltroMapaGEO > a span.glyphicon  {
	margin-right: 0px;
}

.leftmenu .nav-tabs > li.FiltroMapaGEO .CirculoSelec  {
	padding: 0px 6px !important;
	position: absolute; 
	right: 0px;
	margin-right: 12px;
}

.PreguntaGEO .FlechaQ {
	padding-left: 20px;
	text-align: right;
	color: #AAA;
}

.PreguntaGEO .AjusteFlechaQ{
	-webkit-transform : translateY(2px);
	-moz-transform : translateY(2px);
	-ms-transform : translateY(2px);
	-o-transform : translateY(2px);
	transform : translateY(2px);
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.PreguntaGEO .FlechaQ span.glyphicon{
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.PreguntaGEO .Respuestas {
	padding: 0px 20px 25px 120px;
}

.PreguntaGEO .Respuestas label.container_checkbox, .FiltroEntrevistadoresContainer label.container_checkbox {
	font-weight: normal;
	margin-right: 34px;
}

.PreguntaGEO .Respuestas label.container_checkbox:first-of-type {
	margin-right: 160px;
}

.PreguntaGEO .Respuestas .btnSeleccionarTodo {
	float: right;
	margin-right: 34px;
	padding: 2px 6px;
}

.FiltroEntrevistadoresContainer {
	padding: 0px 15px;
}

#SpinnerFiltroMapaGEO {
	text-align: center;
	margin-top: 35px;
}

.path.grey {
  -webkit-animation: dash 1.4s ease-in-out infinite, colorsgrey 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colorsgrey 5.6s ease-in-out infinite;
}

@-webkit-keyframes colorsgrey {
  0% {
    stroke: #999;
  }
  25% {
    stroke: #999;
  }
  50% {
    stroke: #999;
  }
  75% {
    stroke: #999;
  }
  100% {
    stroke: #999;
  }
}

@keyframes colorsgrey {
  0% {
    stroke: #999;
  }
  25% {
    stroke: #999;
  }
  50% {
    stroke: #999;
  }
  75% {
    stroke: #999;
  }
  100% {
    stroke: #999;
  }
}

.CajaInfoFiltroMapaGEO {
	overflow-y: auto;
	overflow-x: hidden;
	background: #232323;
	margin-right: 2px;
	color: #999;
	font-size: 12px;
}

.CajaInfoFiltroMapaGEO .BlackShadowCajaInfoFiltro {
	-moz-box-shadow: inset 0 -5px 5px 0px #232323;
    -webkit-box-shadow: inset 0 -5px 5px 0px #232323;
    box-shadow: inset 0 -5px 5px 0px #232323;
	position:sticky;
	bottom: -1px;
	left:0;
	width:100%;
	height:10px;
}

.CajaInfoFiltroMapaGEO .InfoContenido .InfoFiltro {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 14px;
	margin-right: 2px;
}

.CajaInfoFiltroMapaGEO .InfoContenido .InfoFiltro:first-child, .CajaInfoFiltroMapaGEO .InfoContenido .InfoFiltro.QInfoFiltro {
	padding-top: 6px;
}

.CajaInfoFiltroMapaGEO .InfoContenido .InfoFiltro.SubInfoFiltro {
	margin-left: 24px;
}

.CajaInfoFiltroMapaGEO::-webkit-scrollbar { width: 6px; }
.CajaInfoFiltroMapaGEO::-webkit-scrollbar-track { background: transparent; }
.CajaInfoFiltroMapaGEO::-webkit-scrollbar-thumb { border-radius: 3px; background: #999; }

.CajaGoogleMaps { padding: 8px 10px; color: #666; position: absolute; background-color: white; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; }
.CajaGoogleMaps.NumTotalRegistros { font-size: 16px; top: 10px; left: 10px; }
.CajaGoogleMaps.ZoomOriginal { cursor: pointer; font-size: 14px; top: 10px; right: 10px; }
.CajaGoogleMaps.ZoomOriginal:hover { color: #333; }
.CajaGoogleMaps.ZoomOriginal:active { color: #111; }

/*
--------------------------------------------------------------------------
-                       Configuaración Crear Cuota                       -
--------------------------------------------------------------------------
*/

#PreguntasNuevaCuota .ContainerSelectPreguntas {
	margin: 0;
	padding: 20px 20px 10px 20px;
}

#PreguntasNuevaCuota select { 
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 20px;
}

#PreguntasNuevaCuota select option:disabled {
	color: #999;
	background: #f2f2f2;
}

#PreguntasNuevaCuota .ItemsNuevaCuota {
	display: none;
	padding: 20px 0px;
}

#PreguntasNuevaCuota .ItemsNuevaCuota .ItemsCheckbox {
	margin-top: 5px;
	padding: 5px 5px 7px 5px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#PreguntasNuevaCuota .ItemsNuevaCuota .ItemsCheckbox label.container_checkbox {
	font-weight: normal;
	line-height: 1.428571429;
}

#PreguntasNuevaCuota .ItemsNuevaCuota .ItemsCheckbox label.container_checkbox .ellipsis-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable th {
  background-color: transparent;
  border: none;
  color: #b2b2b2;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable th div.HeaderHighlight {
	padding: 0px 5px;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable th.ht__highlight .HeaderHighlight {
	background-color: #F0F9F2;
	color: #42b521;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable th .colHeader, #Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable th .rowHeader {
  font-weight: bold;
  font-size: 12px !important;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable tbody th {
	text-align: left;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable td.EliminarEstilo {
	background-color: transparent !important;
	border-top: none;
	border-left: none;
	border-bottom: none;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable td.TablaVisoresEstilo {
    text-indent: 1000%;
    white-space: nowrap;
    overflow: hidden;
}

#Pantalla2_NuevaCuota #TablaNuevaCuota .handsontable td.TextosItemsEstilo {
    font-weight: bold;
	color: #595959;
	font-size: 13px !important;
}

#ModalShare table tr th{ border-top: 1px solid #dddddd;border-bottom:none; }
#ModalShare table tr td{ border:none !important;vertical-align:middle; }
#ModalShare .circle { border-radius: 50%;height: 36px;min-width: 36px;width: 36px;background: #ddd;color: #555;font-weight: bold;text-align: center;padding-top: 8px; }
#ModalShare .bootstrap-tagsinput { width:100%; border-radius: 0px; }
#ModalShare .bootstrap-tagsinput input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;width: 50%;font-size:14px;margin-top: 5px;margin-bottom: 3px; }
#ModalShare .bootstrap-tagsinput .label { display:inline-block; }
#ModalShare .bootstrap-tagsinput .label-success { font-size:14px; background-color: var(--primary-color); margin-top: 3px; border-radius: 15px; }

#dt_estudios_tabla.merco #dt_estudios_processing, #dt_grabaciones_tabla #dt_grabaciones_processing { position: fixed; width: 300px; height: 300px; left: 50%; top: 280px; margin-left: -40px; padding: 130px 130px; background: radial-gradient(circle, white, transparent 80%);}

#dt_grabaciones tr td:last-child  { text-align:center; }
#dt_grabaciones tr td:last-child  .glyphicon{ /*color: #005800;*/ font-size: 18px !important; top: 2px; }
#dt_grabaciones tr.odd { background-color:#F2F2F2 !important; }
.dataTables_filter select[name="dt_grabaciones_length"] { border: solid 1px #CCCCCC !important;padding: 6px 12px !important; }
.dataTables_filter #dt_grabaciones_length{ float:right;margin-left: 15px;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;line-height: 21px; outline: none;}
.dataTables_filter #dt_grabaciones_length label { font-weight: normal; }
#dt_grabaciones_length  { float: right; margin-left: 15px;background: transparent; border: 0;margin: 0;padding: 0;vertical-align: baseline;line-height: 21px; outline: none; }
/*#dt_grabaciones_length { display:none; }*/

#dt_grabaciones_filter { width:100%;padding: 0px 0px 10px 0px; border-bottom: solid 1px #dddddd;position: static !important; line-height: 0; }
#dt_grabaciones_filter label { font-size: 14px !important; }
#dt_grabaciones_filter label > * { margin-bottom: 8px; margin-right: 5px; float:left; }
#dt_grabaciones_filter label.fr > * { margin-right: 0; margin-left: 5px; }
#dt_grabaciones_filter input { min-height: 20px;padding:6px 4px 6px 4px; border:solid 1px #CCCCCC !important;font-size: 14px !important;margin-left:0px !important;font-weight: normal; font-family: inherit; height: 34px;}
#dt_grabaciones_filter input::placeholder { color: #888; }
#dt_grabaciones thead  th { vertical-align: middle;padding:8px 8px 8px 8px !important; }
#dt_grabaciones  tr td { vertical-align:middle !important; padding: 8px 8px !important; /*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}

#dt_grabaciones_filter div.separador { display: inline-block; height: 34px; width: 12px; }
#dt_grabaciones_filter span.texto-label { padding-top: 7px; font-size: 13px; }

#dt_grabaciones_filter .bootstrap-select.btn-group { margin:0px 10px 4px 0px !important; }
#dt_grabaciones_filter select { padding-left: 5px; padding-right: 0; }
#SelectFiltro { width:184px; border-radius: 0px !important; box-shadow: none; }
#SelectTipo { float: right; width: 140px; margin-left: 5px; margin-right:0; border-radius: 0px !important; box-shadow: none; }
#SelectFinal { float:right; width: 140px; margin-left: 5px; margin-right:0; border-radius: 0px !important; box-shadow: none; }
#BuscadorGrabaciones { max-height:34px;border-radius: 0px !important; }
#BuscadorFiltro { width: 90px; }

#dt_grabaciones_wrapper #dt_grabaciones_filter { display:none; }
#dt_grabaciones_wrapper #dt_grabaciones_length { display:none; }

@media only screen and (max-width:1024px) { 
	#dt_grabaciones,#dt_estudios { font-size: 13px !important; }
	#dt_grabaciones_filter .bootstrap-select.btn-group { width: 200px !important; }
	#dt_grabaciones_filter input[type="search"]{ width: 200px !important; }
	#dt_estudios_filter .bootstrap-select.btn-group { width: 200px !important; }
	#dt_estudios_filter input[type="search"]{ width: 200px !important; }
}

#ModalReproductor table { margin-left:auto;margin-right:auto; margin-top: 15px; margin-bottom: 15px; }
#ModalReproductor table tr td { padding:4px; }
#ModalReproductor table tr td:first-child  { text-align:right; font-weight:bold; }
#ModalReproductor .modal-dialog { height:100%; margin-top: 0; margin-bottom: 0; padding-top: 30px; padding-bottom: 30px; }

/* Configuraciones - Cambiar estado del cuestionario */

#DivCambiarEstado .slider-setup {
  background-color: #f0ad4e;
}

#DivCambiarEstado input:checked + .slider-setup {
  background-color: #42b521;
}

#DivCambiarEstado input:focus + .slider-setup {
  box-shadow: 0 0 1px #42b521;
}

/*
--------------------------------------------------------------------------
-           Actualización Módulo de Pruebas 31/01/2022                   -
--------------------------------------------------------------------------
*/

#EstadoPruebas .RowEstado:first-child {
	min-height:200px;
}

#EstadoPruebas .RowEstado:nth-child(2) {
	min-height:300px;
}

#EstadoPruebas .RowEstado:first-child .DivExterior {
	min-height:200px;
}

#EstadoPruebas .RowEstado:nth-child(2) .DivExterior {
	min-height:300px;
}

#EstadoPruebas .RowEstado .title-box {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-right: 15px;
}

#EstadoPruebas .RowEstado .DivExterior {
	padding: 0.5% 2% 2% 2% !important;
	margin: 0px;
	display: table;
	text-align: center;
}

@media only screen and (min-width: 1360px) {
	#EstadoPruebas .RowEstado .DivExterior {
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	#EstadoPruebas .RowEstado:nth-child(2) .DivExterior:last-child {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
}

@media only screen and (min-width: 1650px) { 
	#EstadoPruebas .RowEstado:first-child .DivExterior {
		padding-left: 8% !important;
		padding-right: 8% !important;
	}
	#EstadoPruebas .RowEstado:nth-child(2) .DivExterior:last-child {
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
}

@media only screen and (min-height:1000px) {
	#EstadoPruebas .RowEstado .DivExterior {
		padding-top: 2% !important;
		padding-bottom: 4% !important;
	}
	#EstadoPruebas .RowEstado:nth-child(2) .DivExterior:last-child {
		padding-top: 3% !important;
		padding-bottom: 6% !important;
	}
}

@media only screen and (min-height:1000px) { 
	#EstadoPruebas .RowEstado:first-child .DivExterior {
		padding-top: 3% !important;
		padding-bottom: 6% !important;
	}
	#EstadoPruebas .RowEstado:nth-child(2) .DivExterior:last-child {
		padding-top: 3% !important;
		padding-bottom: 6% !important;
	}
}

#EstadoPruebas #CuadroGraficaPruebas  {
	display: block;
}

#EstadoPruebas .RowEstado .DivInterior {
	padding-top: 60px;
	height: 100%;
	width:100%;
	display: table-cell;
	vertical-align: middle;
}

#EstadoPruebas #CuadroGraficaPruebas #GraficaPruebas {
	display: block;
}

#EstadoPruebas .RowEstado:first-child .DivExterior .DivInterior .btn span.fa { font-size:40px !important; margin-bottom:10px; }
#EstadoPruebas .RowEstado:first-child .DivExterior .DivInterior .btn { height:100px; }

#EstadoPruebas .RowEstado:first-child .DivExterior .btn-default 
{ 
  color:#333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#EstadoPruebas .RowEstado:first-child .DivExterior .btn-default:hover
{
  color: #ffffff !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  outline:0;
}

#EstadoPruebas .RowEstado:first-child .DivExterior .btn-default:focus,
#EstadoPruebas .RowEstado:first-child .DivExterior .btn-default:active,
#EstadoPruebas .RowEstado:first-child .DivExterior .btn-default.active
{
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  outline:0;
}

@media only screen and (max-width:990px) { 
	#EstadoPruebas .RowEstado:first-child .DivExterior { padding: 0px !important; }
}

.btn-default.dropdown-toggle:hover span.caret {
	border-top-color: #fff !important;
}

#EstadoPruebas .RowEstado .title-box a.btn {
	position: absolute;
	top: 8px;
	right: 0px;
	border-radius: 15px !important;
}

#EstadoPruebas #TablaPorcentajes tr th { border-bottom: none; }
#EstadoPruebas #TablaPorcentajes tr td { border-bottom: none; border-top: solid 1px #eeeeee; }
#EstadoPruebas #TablaPorcentajes tr.EstiloFilaUsuario + tr td { border-top: none; }
#EstadoPruebas #TablaPorcentajes tr.EstiloFilaUsuario td { background-color: #EBEBEB; border-top: none; }
#EstadoPruebas #TablaPorcentajes tr.EstiloFilaUsuario td:first-child { border-radius: 10px 0px 0px 10px; }
#EstadoPruebas #TablaPorcentajes tr.EstiloFilaUsuario td:last-child { border-radius: 0px 10px 10px 0px; }


/*
--------------------------------------------------------------------------
-       Actualización Módulo de Enlaces de Interés 02/02/2022            -
--------------------------------------------------------------------------
*/

#CuadroEnlacesInteres table tr td { vertical-align: middle; }

/*
--------------------------------------------------------------------------
-       Visores 10/06/2022            -
--------------------------------------------------------------------------
*/

#TabVisores label { font-size: 14px !important; }
#TabVisores.tabbable > .nav-tabs { height:40px !important; }
#TabVisores .widgetcontent { margin-bottom:0px!important; }
#TabVisores.tabbable > .nav-tabs { border:none !important; }
#TabVisores.tabbable > .tab-content { border:none !important;font-size: 14px !important; }
#TabVisores .nav > li.disabled { opacity:0.5;  pointer-events: none;}
#TabVisores .nav > li.disabled > a:hover { cursor: default; text-decoration: none; background-color: inherit; }
#TabVisores #Tabs { border: none !important; background: #3D3D3D !important; }
#TabVisores > #Tabs li > a { color: #ffffff; }
#TabVisores > #Tabs li.active > a { color: #333333;background: #ffffff !important; }


/*
--------------------------------------------------------------------------
-       Nuevo proyecto            -
--------------------------------------------------------------------------
*/

.card-template-element { display: none; }
.card-template { height: 100px;--margin: 10px; padding: 0px; }
.card-template:hover { cursor: pointer;-moz-box-shadow: 0 0 11px rgba(33,33,33,.2);-webkit-box-shadow: 0 0 11px rgba(33,33,33,.2);box-shadow: 0 0 11px rgba(33,33,33,.2) }
.card-template-element:checked + .card-template { box-shadow: 0 0 1px 1px #4285F4; }
.card-template .panel-body { padding: 10px 15px; }


/*
--------------------------------------------------------------------------
-                 IA Anais en Analytics - Enero 2024                     -
--------------------------------------------------------------------------
*/

@keyframes animacionSvgIaIcon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(90deg); }
}

#btnIAanalytics { padding: 5px 8px 0px 5px; cursor: pointer; background: var(--primary-color); border-radius: 7px; cursor: pointer; transition: 0.3s; color:white; font-weight: bold; }
#btnIAanalytics:hover { background: #000; }
#btnIAanalytics .SvgIaIcon { height: 22px;  vertical-align: middle; }
#btnIAanalytics .SvgIaIcon path { fill: #fff; }

#btnIAanalytics.disabled { background: #cdcdcd; cursor: default; }

.est_grafica_ia { float: right; transition: width 0.3s; }

.est_grafica_ia .btnIA { float: right; position: relative; background: #ebebeb; border-radius: 7px; cursor: pointer; transition: 0.3s; overflow: hidden; }
.est_grafica_ia .btnIA.active { background: #aaa; }
.est_grafica_ia .btnIA:hover { background: var(--primary-color); }

.est_grafica_ia .btnIA .SvgIaIcon { height: 32px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.est_grafica_ia .btnIA .SvgIaIcon path { fill: #000; transition: 0.2s; }
.est_grafica_ia .btnIA:hover .SvgIaIcon path, .btnIA.active .SvgIaIcon path { fill: #fff; }

#btnIAanalytics:not(.disabled):hover .SvgIaIcon path, .est_grafica_ia .btnIA:hover .SvgIaIcon path {
	animation: animacionSvgIaIcon 0.8s;
}

#btnIAanalytics:hover .SvgIaIcon .SvgIaPath1, .est_grafica_ia .btnIA:hover .SvgIaIcon .SvgIaPath1 {
	transform-origin: 40.5% 40.5%;
}

#btnIAanalytics:hover .SvgIaIcon .SvgIaPath2, .est_grafica_ia .btnIA:hover .SvgIaIcon .SvgIaPath2 {
	transform-origin: 73% 73%;
	animation-delay: 0.15s;
}

.est_grafica_ia .cuadroIA { background: #f3f3f3; border-radius: 7px; padding: 14px 16px 18px 16px; }

.est_grafica_ia .cuadroIA .bannerIA { color: #000; text-align: left; overflow: hidden; }

.est_grafica_ia .cuadroIA .bannerIA .svg-ia-icon { vertical-align: middle; margin-left: -2px; }
.est_grafica_ia .cuadroIA .bannerIA .nombreIA { vertical-align: middle; }
.est_grafica_ia .cuadroIA .bannerIA button.close { float: right; font-size: 26px; margin-top: -4px;}

.est_grafica_ia .cuadroIA .textoIA { color: #000; font-size: 16px; text-align: left; overflow: hidden auto; padding: 0 8px; }
.est_grafica_ia .cuadroIA .textoIA p { line-height: 24px; }
.est_grafica_ia .cuadroIA .textoIA p:not(:last-child) { margin-bottom: 10px; }

.span-cursor img { height: 16px; vertical-align: text-top; }

#ModalAnalyticsIA .modal-title span.nombreIA { font-size: 14px; background: #ebebeb; border-radius: 7px; padding: 5px 8px 4px 5px; }
#ModalAnalyticsIA .modal-title span.nombreIA img.svg-ia-icon { vertical-align: middle; margin-top: -4px; }
#ModalAnalyticsIA > .modal-dialog > .modal-content > .modal-body p { margin-bottom: 16px; }
#ModalAnalyticsIA .Cargando { margin-bottom: 10px; top: 42%; color: #000; }
#ModalAnalyticsIA .Cargando .porcentaje { font-size: 12px; }


/*
--------------------------------------------------------------------------
-          IA Transcripciones Grabaciones CATI - Enero 2024              -
--------------------------------------------------------------------------
*/

#BuscadorTranscripcionAgente { width: 130px; }
#BuscadorTranscripcionEntrevistado { width: 130px; }

#ModalReproductor .modal-body audio { outline: none; width: 96%; margin: 10px 0; }

#ModalReproductor .modal-body .transcripcionIA .cajaBuscador { text-align: left; padding-bottom: 8px; }
#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .glyphicon { text-align: center; font-size: 17px; top: 5px; }
#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .glyphicon-time { width: 56px; }
#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .glyphicon-earphone { width: 65px; }
#buscadorTranscripcion { margin-left: 10px; margin-right: 14px; width: 240px; display: inline-block; }
#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .resultadoBusqueda { font-weight: bold; font-size: 13px; }

#ModalReproductor .modal-body .transcripcionIA .cajaTablaTranscripcion { border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; }

#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion td { vertical-align:middle; text-align: center; padding: 6px 10px; }
#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion tr:not(:first-child) td { border-top: 1px solid #ededed; }
#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion td:nth-child(1) { width: 56px; }
#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion td:nth-child(2) { width: 65px; }
#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion td:nth-child(3) { text-align: left; }

#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .resultadoBusqueda .textoResultados { margin-left: 6px; }
#ModalReproductor .modal-body .transcripcionIA .cajaBuscador .resultadoBusqueda a { margin-right: 5px; }

#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion mark.resultado { background-color: #ff0; }
#ModalReproductor .modal-body .transcripcionIA .tablaTranscripcion mark.resultado.active { background-color: #ff9800; }

/*
--------------------------------------------------------------------------
  Actualización de jQuery y Bootstrap: Corrección de estilos  (Marzo 2025)
--------------------------------------------------------------------------
*/

.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus { color: #fff; }

.dataTables_length label, label input[type="text"], label input[type="search"], label select { font-weight: normal; }

.label-default {
    background-color: #999999;
}

.note-editor .note-toolbar.btn-toolbar, .note-editor .note-toolbar.btn-toolbar .note-font.btn-group { margin-left: 0; }

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 240px;
}

.bootstrap-datetimepicker-widget table td {
    height: 42px;
    line-height: 42px;
    width: 42px;
}

.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
    width: 42px;
}

.bootstrap-datetimepicker-widget table td span {
	color: #333333;
	width: 42px;
    height: 42px;
    line-height: 42px;
	border-radius: 0;
}

.bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td span:active, .bootstrap-datetimepicker-widget table td span:focus, .bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover {
	color: #fff;
	background: var(--primary-color);
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 36px;
    line-height: 36px
}

.badge-light-danger { background-color: #FFEEF3;color: #F8285A;font-size: 13px; }
.badge-light-warning { background-color: #FFF8DD;color: #F6C000;font-size: 13px; }
.badge-light-success { background-color: #DFFFEA;color: #17C653;font-size: 13px; }

/*
--------------------------------------------------------------------------
                            MODULO POWERBI          
--------------------------------------------------------------------------
*/
body.mod-9 .leftpanel { display:none; }
body.mod-9 .rightpanel { margin-left:0px !important; }
body.mod-9 #est_container { padding: 0px !important; }
body.mod-9 #Pizarra { height:auto;padding: 25px 0px 0px 0px;border:none;box-shadow:none; }