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

:root {
  --primary-color: #42b521;
}

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; }
.headmenu > li > a .head-icon { width:48px !important; height:48px !important; }
.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;min-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:#42b521 !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 #42B521; border-right:solid 2px #42B521; }
#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:#42b521; }
.rojo { color:#ee0000; }
.marcado { background-color:#FFFFCC !important; padding:2px; }
.marcado.odd > td { background-color:#FFFFCC !important; }

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"] { 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 { 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 { 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) { 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 {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 { 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 { 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 { 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 { 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 { 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  { 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 { 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 { 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 { font-size:13px;color:#42B521 ;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 { 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"] { width: 200px !important; }
}

#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: #42B521;
}
.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: #42B521;
}
.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: #42B521 !important;border:solid 1px #42B521; 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 { padding: 0px !important; }
#TabContactos label,#PanelControl label { font-size: 14px !important; }
#TabContactos.tabbable > .nav-tabs, #PanelControl.tabbable > .nav-tabs { height:40px !important; }
#TabContactos .widgetcontent, #PanelControl .widgetcontent { margin-bottom:0px!important; }
#PanelControl.content{ padding:0px !important;font-size: 14px; }
#TabContactos.tabbable > .nav-tabs, #PanelControl.tabbable > .nav-tabs { border:none !important; }
#TabContactos.tabbable > .tab-content, #PanelControl.tabbable > .tab-content { border:none !important;font-size: 14px !important; }
#TabContactos.tabbable > .nav-tabs > li.active, #PanelControl.tabbable > .nav-tabs > li.active > a { color:#42B521 !important; }
#TabContactos .nav > li.disabled, #PanelControl .nav > li.disabled { opacity:0.5;  pointer-events: none;}
#TabContactos .nav > li.disabled > a:hover, #PanelControl .nav > li.disabled > a:hover { cursor: default; text-decoration: none; background-color: inherit; }
#TabContactos #Tabs, #PanelControl #Tabs { border: none !important; background: #3D3D3D !important; }
#TabContactos > #Tabs li > a, #PanelControl > #Tabs li > a { color: #ffffff; }
#TabContactos > #Tabs li.active > a, #PanelControl > #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; }

#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; }
#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: #42B521;
  border-color: #42b521;
}
.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 #42b521; }

.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 li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus { background-color:#42B521 !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: #42B521 !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; }

.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;}

.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(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: 52px; }
#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; }

#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: #42B521 !important; /* AEI */
  --background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #42B521), color-stop(90%, #2a62bc)); /* AEI */
  --background-image: -webkit-linear-gradient(#42B521 20%, #2a62bc 90%); /* AEI */
  --background-image: -moz-linear-gradient(#42B521 20%, #2a62bc 90%); /* AEI */
  --background-image: -o-linear-gradient(#42B521 20%, #2a62bc 90%); /* AEI */
  --background-image: linear-gradient(#42B521 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; }
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_cargando { text-align: center; --display: none; display: table-cell; vertical-align: middle; }
#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:#42b521; }
#variables_ul.nav li.marcada a{ color:#42b521;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: #42b521; }*/
#variables_ul.nav li.active a { background-color: #42b521;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: #42b521; font-size: 16px; }
.est_title .est_question { padding: 0; color: #ffffff;  }
.est_title .est_question .CodigoQGrafica { color:#42b521;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: #42b521; }
::-webkit-scrollbar-thumb:hover { background: #42b521; }

#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%; }
	
	body.mod-4 .est_base.col-lg-2 { width: 8.333333333333332%; }
	body.mod-4 .est_tipografica.col-lg-10 { width:91.66666666666666%; }
}

@media (max-width: 1280px) {
	.est_base { text-align: left;padding-left: 20px; }
	
	body.mod-4 .est_base.col-lg-2 { width: 16.666666666666664%; }
	body.mod-4 .est_tipografica.col-lg-10 { width: 83.33333333333334%; }	
}

.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: #42b521;  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 { width: 250px;color: #666666; border-left: solid 1px #cccccc; }
#est_globales .chart_icon_filter .glyphicon-random { float:left;top:2px;color: #666666; }
#est_globales .chart_icon_filter .caret { float: right;position: relative;top: 10px;right: 2px;border-top: 4px solid #666666; }
#est_globales .chart_icon_filter a.dropdown-toggle { display: block;padding: 10px 10px 10px 12px; }
#est_globales .chart_icon_filter a.dropdown-toggle span.padlef10 { float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 88%;color: #666666; }
#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_export:hover { background-color:#eeeeee !important; }

@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 */

.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: #059000;
  }
  25% {
    stroke: #059000;
  }
  50% {
    stroke: #059000;
  }
  75% {
    stroke: #059000;
  }
  100% {
    stroke: #059000;
  }
}

@keyframes colors {
  0% {
    stroke: #059000;
  }
  25% {
    stroke: #059000;
  }
  50% {
    stroke: #059000;
  }
  75% {
    stroke: #059000;
  }
  100% {
    stroke: #059000;
  }
}
@-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;}

.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:#42b521;
	-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:#42b521 4px 0 6px 1px;
	-ms-box-shadow:#42b521 4px 0 6px 1px;
	-webkit-box-shadow:#42b521 4px 0 6px 1px;
	box-shadow:#42b521 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%;
	display: table;
	overflow: hidden;
}

.estadisticas-CAWI-caja{
  padding: 12px 17px !important;
	text-align:left;
	border-radius: 10px;
	height: 100%;
	font-size: 14px; 
	color: #666666; 
	display: table-cell;
	vertical-align: bottom;
	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;
  margin-top: 50px;
}

.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%;
	display: table;
	overflow: hidden;
}

.estadisticas-CAWI-BBDD-caja{
	padding: 8px 12px !important;
	text-align:left;
	border-radius: 10px;
	height: 100%;
	font-size: 14px; 
	color: #666666; 
	display: table-cell;
	vertical-align: bottom;
	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;
	---right: 40px;
	text-align: right;
	margin-top: 22px;
}

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

/* Estadisticas CATI */

#GraficaEstadisticasCATI .estadisticas-CATI {
	height: 50%;
	display: table;
	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; 
	display: table-cell;
	vertical-align: bottom;
	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;
}

#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: #42b521;
	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 .CirculoSelec, #ModalFiltroEntrevistadoresMapaGEO .CirculoSelec, .FiltroMapaGEO .CirculoSelec  {
	padding: 2px 6px;
	color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	background-color: #42b521;
}

.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: #42b521; 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: 10px 0px 10px 0px; border-bottom: solid 1px #dddddd;position: static !important; }
#dt_grabaciones_filter label { width:100%; font-size: 14px !important;    margin-bottom: 8px; }
#dt_grabaciones_filter input { float:left;width:140px;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 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 .bootstrap-select.btn-group { margin:0px 10px 4px 0px !important; }
#SelectFiltro { float: left; width:218px; margin-right:5px; border-radius: 0px !important; box-shadow: none; }
#SelectTipo { float: right; width: 140px; margin-left: 5px; border-radius: 0px !important; box-shadow: none; }
#SelectFinal { float:right; width: 140px; margin-left: 5px; border-radius: 0px !important; box-shadow: none; }
#BuscadorGrabaciones { float: left;max-height:34px;margin-left: 5px;border-radius: 0px !important; }

#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; }

/* 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: #42B521 !important;
  border-color: #42b521;
  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; }