From 48a254c4b2b1351f513f4a67db5cb3dc168923cf Mon Sep 17 00:00:00 2001
From: daniel <daniel.barbero@artica.es>
Date: Mon, 27 Mar 2023 14:34:05 +0200
Subject: [PATCH] fixed styles

---
 .../godmode/agentes/agent_manager.php         | 14 ++++++-------
 .../godmode/agentes/configure_field.php       | 16 ++++++++-------
 .../VisualConsole/Items/ModuleGraph.php       |  2 +-
 pandora_console/include/styles/pandora.css    | 11 +++++-----
 .../include/styles/visual_maps.css            |  2 +-
 .../include/visual-console-client/vc.main.css |  4 ++--
 .../visual-console-client/vc.main.css.map     |  2 +-
 .../agentes/estado_generalagente.php          | 20 +++++--------------
 .../operation/visual_console/view.php         |  2 +-
 visual_console_client/src/main.css            |  4 ++--
 10 files changed, 35 insertions(+), 42 deletions(-)

diff --git a/pandora_console/godmode/agentes/agent_manager.php b/pandora_console/godmode/agentes/agent_manager.php
index 06ec4a5308..d84800e984 100644
--- a/pandora_console/godmode/agentes/agent_manager.php
+++ b/pandora_console/godmode/agentes/agent_manager.php
@@ -966,9 +966,9 @@ foreach ($fields as $field) {
             $link_url = '';
         }
 
-        $data_field[1] = '<span style="line-height: 3.5;">'.__('Link text:').'</span>';
-        $data_field[1] .= '<br>';
-        $data_field[1] .= html_print_textarea(
+        $customContent = '<span style="line-height: 3.5;">'.__('Link text:').'</span>';
+        $customContent .= '<br>';
+        $customContent .= html_print_textarea(
             'customvalue_'.$field['id_field'].'[]',
             2,
             1000,
@@ -976,10 +976,10 @@ foreach ($fields as $field) {
             'class="min-height-30px w100p"',
             true
         );
-        $data_field[1] .= '<br>';
-        $data_field[1] .= '<span style="line-height: 3.5;">'.__('Link URL:').'</span>';
-        $data_field[1] .= '<br>';
-        $data_field[1] .= html_print_textarea(
+        $customContent .= '<br>';
+        $customContent .= '<span style="line-height: 3.5;">'.__('Link URL:').'</span>';
+        $customContent .= '<br>';
+        $customContent .= html_print_textarea(
             'customvalue_'.$field['id_field'].'[]',
             2,
             1000,
diff --git a/pandora_console/godmode/agentes/configure_field.php b/pandora_console/godmode/agentes/configure_field.php
index 33aac95ccf..8a3a6b2f45 100755
--- a/pandora_console/godmode/agentes/configure_field.php
+++ b/pandora_console/godmode/agentes/configure_field.php
@@ -229,7 +229,6 @@ echo '</form>';
 <script>
 $(document).ready (function () {
     if($('input[type=hidden][name=update_field]').val() == 1 && $('#textarea_combo_values').val() != ''){
-        console.log('entra2');
         $('input[type=checkbox][name=is_combo_enable]').prop('checked', true);
         $('#configure_field-3').show();
 
@@ -250,7 +249,6 @@ $(document).ready (function () {
             }
         });
     } else {
-        console.log('entra');
         $('#configure_field-3').hide();
     }
    
@@ -261,17 +259,19 @@ $(document).ready (function () {
     }
 
     $('input[type=checkbox][name=is_link_enabled]').change(function () {
-        if( $(this).is(":checked") ){
+        if( $('input[type=checkbox][name=is_link_enabled]').prop('checked') ){
             $('#configure_field-2').hide();
             $('#configure_field-3').hide();
         } else{
             $('#configure_field-2').show();
-            $('#configure_field-3').show();
+            if($('input[type=checkbox][name=is_combo_enable]').prop('checked') === true) {
+                $('#configure_field-3').show();
+            }
         }
     });
     
     $('input[type=checkbox][name=is_combo_enable]').change(function () {
-        if( $(this).is(":checked") ){
+        if( $('input[type=checkbox][name=is_combo_enable]').prop('checked') ){
           $('#configure_field-3').show();
           dialog_message("#message_no_set_password");
           $('#configure_field-1').hide();
@@ -282,12 +282,14 @@ $(document).ready (function () {
         }
     });
     $('input[type=checkbox][name=is_password_type]').change(function () {
-        if( $(this).is(":checked")){
+        if( $('input[type=checkbox][name=is_password_type]').prop('checked')){
             dialog_message("#message_no_set_combo");
             $('#configure_field-3').hide();
         }
         else{
-            $('#configure_field-3').show();
+            if($('input[type=checkbox][name=is_combo_enable]').prop('checked') === true) {
+                $('#configure_field-3').show();
+            }
         }
     });
 });
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php b/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
index bb29f3d7ff..96c2e54771 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
@@ -545,7 +545,7 @@ final class ModuleGraph extends Item
                         'label'     => __('Module Graph'),
                         'arguments' => [
                             'type'         => 'radio_button',
-                            'attributes'   => 'class="btn" style="flex: 1;"',
+                            'attributes'   => 'class="btn mrgn_right_20px" style="flex: 1;"',
                             'name'         => 'choosetype',
                             'value'        => 'module',
                             'checkedvalue' => $checkedModule,
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index c830e01adf..25db813267 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -10225,9 +10225,9 @@ button.submitButton > div {
 button.buttonButton.onlyIcon,
 button.submitButton.onlyIcon {
   padding: 0 !important;
-  min-width: 1.7em !important;
-  width: 1.7em !important;
-  height: 1.7em !important;
+  min-width: 1.6em !important;
+  width: 1.6em !important;
+  height: 1.6em !important;
   border: none;
   box-shadow: none;
 }
@@ -10291,8 +10291,9 @@ button.submitButton.onlyIcon.auto_sla_graph_min {
 
 button.buttonButton.onlyIcon.basic_chart_min,
 button.submitButton.onlyIcon.basic_chart_min {
-  mask: url(../../images/event-history.svg) no-repeat right / contain;
-  -webkit-mask: url(../../images/event-history.svg) no-repeat right / contain;
+  mask: url(../../images/web-analisys-data@svg.svg) no-repeat right / contain;
+  -webkit-mask: url(../../images/web-analisys-data@svg.svg) no-repeat right /
+    contain;
 }
 
 button.buttonButton.onlyIcon.binary_min,
diff --git a/pandora_console/include/styles/visual_maps.css b/pandora_console/include/styles/visual_maps.css
index 5fa297f376..f106dda76d 100644
--- a/pandora_console/include/styles/visual_maps.css
+++ b/pandora_console/include/styles/visual_maps.css
@@ -14,6 +14,7 @@ div.external-visual-console-container {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
+  position: relative;
   z-index: 0;
 }
 
@@ -47,7 +48,6 @@ div#vc-controls .nomn #vc-refr-form {
 }
 div#vc-controls div.vc-title,
 div#vc-controls div.vc-refr {
-  /*margin-top: 15px;*/
   margin-left: 3px;
   margin-right: 3px;
 }
diff --git a/pandora_console/include/visual-console-client/vc.main.css b/pandora_console/include/visual-console-client/vc.main.css
index 2dab03034c..82ef5bf2f8 100644
--- a/pandora_console/include/visual-console-client/vc.main.css
+++ b/pandora_console/include/visual-console-client/vc.main.css
@@ -41,11 +41,11 @@
 }
 
 .visual-console-item.is-editing:hover {
-  border-color: #82b92e;
+  border-color: #2b2b2b;
 }
 
 .visual-console-item.is-editing.is-selected {
-  border: 2px dashed #2b2b2b;
+  border: 2px dashed #82b92e;
   cursor: move;
   z-index: 10;
 }
diff --git a/pandora_console/include/visual-console-client/vc.main.css.map b/pandora_console/include/visual-console-client/vc.main.css.map
index 1cc45d0821..7586042d27 100644
--- a/pandora_console/include/visual-console-client/vc.main.css.map
+++ b/pandora_console/include/visual-console-client/vc.main.css.map
@@ -1 +1 @@
-{"version":3,"file":"vc.main.css","mappings":"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","sources":["webpack://pandora-fms-visual-console/./src/main.css","webpack://pandora-fms-visual-console/./src/lib/FontAwesomeIcon.styles.css","webpack://pandora-fms-visual-console/./src/lib/autocomplete.css","webpack://pandora-fms-visual-console/./src/items/Clock/styles.css"],"sourcesContent":["#visual-console-container {\n  margin: 0px auto;\n  position: relative;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  background-position: center;\n  margin-top: 5px;\n}\n\n.is-maintenance {\n  background-image: url(./lib/maintenanceMode.png) !important;\n}\n\n.is-maintenance :nth-child(1) {\n  display: none;\n}\n\n.visual-console-item {\n  position: absolute;\n  display: flex;\n  flex-direction: initial;\n  justify-items: center;\n  align-items: center;\n  user-select: text;\n  z-index: 1;\n}\n\n.visual-console-item.is-on-top {\n  z-index: 2;\n}\n\n.visual-console-item * {\n  overflow: visible;\n  font-family: inherit;\n}\n\n.visual-console-item.is-editing {\n  border: 2px dashed #b2b2b2;\n  transform: translateX(-2px) translateY(-2px);\n  user-select: none;\n}\n\n.visual-console-item.is-editing:hover {\n  border-color: #82b92e;\n}\n\n.visual-console-item.is-editing.is-selected {\n  border: 2px dashed #2b2b2b;\n  cursor: move;\n  z-index: 10;\n}\n.visual-console-item.is-editing > .resize-draggable {\n  float: right;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 15px;\n  height: 15px;\n  background: url(./resize-handle.svg);\n  cursor: se-resize;\n  z-index: 10;\n}\n\n.visual-console-item.is-editing :first-child {\n  pointer-events: none;\n}\n\n@keyframes spinner-loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n.visual-console-item.is-alert-triggered {\n  border: 3px solid #f36201;\n}\n\n.visual-console-spinner {\n  background-color: transparent;\n  margin: 0px auto;\n  border-top: 5px solid rgb(82, 85, 87);\n  border-right: 5px solid rgb(82, 85, 87);\n  border-bottom: 5px solid rgb(82, 85, 87);\n  border-left: 5px solid rgba(82, 85, 87, 0.2);\n\n  animation-name: spinner-loading;\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n}\n\n.visual-console-spinner,\n.visual-console-spinner :after {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n}\n\n.visual-console-spinner.small,\n.visual-console-spinner.small :after {\n  width: 12px;\n  height: 12px;\n}\n\n.div-visual-console-spinner {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: 0.7;\n  background: rgb(212, 215, 218);\n  z-index: 10;\n}\n\n.show-elements {\n  display: inline-block;\n}\n\n.hide-elements {\n  display: none;\n}\n\n/*Forms*/\n.div-input-group label {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 12pt;\n  font-weight: 600;\n  color: #343434;\n  margin-right: 10px;\n}\n.div-input-group label img {\n  margin-left: 4px;\n}\n\n.div-input-group input[type=\"text\"],\n.div-input-group input[type=\"number\"] {\n  height: 25px;\n  font-size: 10pt;\n  background-color: transparent;\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid #ccc;\n  font-weight: lighter;\n  padding: 0px 0px 2px 0px;\n  box-sizing: border-box;\n  margin-right: 10px;\n  padding-left: 2px;\n}\n\n.div-input-group input[type=\"radio\"] {\n  margin-right: 10px;\n  width: 17px;\n  height: 17px;\n}\n\n.div-input-group select {\n  font-weight: lighter;\n  font-size: 10pt;\n}\n\n.input-groups {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n}\n\n.input-group {\n  width: 100%;\n  margin-bottom: 25px;\n  padding-left: 20px;\n}\n\n.div-ranges-input-group {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.div-ranges-input-group > div {\n  padding-left: 20px;\n  margin-top: 10px;\n}\n\n.div-input-group,\n.div-input-group div div {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.div-input-group h3 {\n  text-transform: initial;\n  text-align: center;\n  font-style: italic;\n  text-decoration: underline;\n  margin: 0 auto;\n}\n\n.div-input-group div div a {\n  margin-left: 10px;\n}\n\n.div-input-group-autocomplete-agent {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  height: 70px;\n}\n\n.div-input-group-inside {\n  padding-left: 20px;\n}\n\n.input-group-link-console {\n  height: 70px;\n}\n\n.show-elements > div.div-input-group-autocomplete-agent {\n  margin-left: 20px;\n}\n\n.img-vc-elements {\n  margin-left: 10px;\n}\n\ninput.error-input-validate[type=\"number\"],\ninput.error-input-validate[type=\"text\"],\nselect.error-input-validate {\n  border: 1px solid #c00;\n}\n\nselect.error-input-validate:focus {\n  outline-color: #c00;\n}\n\np.error-p-validate {\n  width: 100%;\n  color: #c00;\n}\n\n/* Styles for the solid icons */\n\n.fa {\n  display: inline-block;\n  margin: 0;\n}\n\n.fa,\n.fa > svg,\n.fa.medium,\n.fa.medium > svg {\n  width: 28px;\n  height: 28px;\n}\n\n.fa.fa-small,\n.fa.fa-small > svg {\n  width: 14px;\n  height: 14px;\n}\n\n.fa.fa-large,\n.fa.fa-large > svg {\n  width: 44px;\n  height: 44px;\n}\n\n.fa-spin {\n  animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n  animation: fa-spin 1s infinite steps(8);\n}\n\n@keyframes fa-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.autocomplete {\n  /*the container must be positioned relative:*/\n  position: relative;\n  display: inline-block;\n}\n.autocomplete input {\n  /*background: pink;*/\n}\n.autocomplete-items {\n  border: 1px solid #d4d4d4;\n  border-bottom: none;\n  border-top: none;\n  /*position the autocomplete items to be the same width as the container:*/\n  position: absolute;\n  z-index: 1;\n  overflow: auto;\n  max-height: 150px;\n  max-width: 250px;\n}\n.autocomplete-items div {\n  width: 100%;\n  padding: 10px;\n  cursor: pointer;\n  background-color: #fff;\n  border-bottom: 1px solid #d4d4d4;\n  border-top: 1px solid #d4d4d4;\n}\n.autocomplete-items div:hover {\n  width: 100%;\n  background-color: #e9e9e9;\n}\n.autocomplete-active {\n  /*when navigating through the items using the arrow keys:*/\n  background-color: DodgerBlue !important;\n  color: #ffffff;\n}\n\n/* Digital clock */\n\n.visual-console-item .digital-clock {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  justify-items: center;\n  align-content: center;\n  align-items: center;\n}\n\n.visual-console-item .digital-clock > span {\n  /* To improve legibility */\n  text-rendering: optimizeLegibility;\n  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n}\n\n.visual-console-item .digital-clock > span.time {\n  font-size: 50px;\n}\n\n.visual-console-item .digital-clock > span.date {\n  font-size: 25px;\n}\n\n.visual-console-item .digital-clock > span.timezone {\n  font-size: 25px;\n}\n\n/* Analog clock */\n\n.visual-console-item .analogic-clock {\n  text-align: center;\n}\n\n.visual-console-item .analogic-clock .hour-hand {\n  animation: rotate-hour 43200s infinite linear;\n}\n\n.visual-console-item .analogic-clock .minute-hand {\n  animation: rotate-minute 3600s infinite linear;\n}\n\n.visual-console-item .analogic-clock .second-hand {\n  animation: rotate-second 60s infinite linear;\n}\n\n#html-tabs .ui-widget-header {\n  background-color: #ffffff;\n  border: 0px;\n}\n\n#html-tabs .ui-tabs-anchor {\n  float: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n#html-tabs .ui-tabs-anchor img {\n  margin-right: 10px;\n}\n\n#html-tabs .ui-tabs-nav li {\n  border-radius: 5px 5px 0px 0px;\n}\n\nli.interval-color-ranges > label,\nli#li-default-ranges > label {\n  margin-right: 15px;\n}\n\nli.interval-color-ranges > input[type=\"number\"],\nli#li-default-ranges > input[type=\"number\"] {\n  width: 80px;\n}\n\nli.interval-color-ranges > label:not(:first-child),\nli#li-default-ranges > label:not(:first-child),\nli#li-size-item > label:not(:first-child),\nli#li-position-item > label:not(:first-child) {\n  width: initial;\n  margin-left: 15px;\n}\n\nli#li-image-item label {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\nli#li-image-item label img {\n  flex: initial;\n}\n\n.discovery.modal * {\n  font-weight: normal;\n  color: #343434;\n}\n\n.discovery.modal select {\n  width: 100px;\n}\n\n.discovery.modal div#period_manual select,\n.discovery.modal div#period_manual input,\n.discovery.modal div#period_default select,\n.discovery.modal div#cacheExpiration_manual select,\n.discovery.modal div#cacheExpiration_manual input,\n.discovery.modal div#cacheExpiration_default select {\n  font-size: inherit !important;\n}\n.discovery.modal div#period_default select#period_select,\n.discovery.modal div#cacheExpiration_default select#cacheExpiration_select {\n  max-width: 230px;\n  width: inherit;\n}\n\nli#li-timeZone-item > label:not(:first-child),\n.discovery.modal li#div-textarea-label > label {\n  flex: inherit;\n}\n\nli#li-timeZone-item > select:not(:first-child) {\n  margin-left: 10px;\n}\n\n.discovery.modal li#div-textarea-label table tbody td.mceIframeContainer {\n  background-color: #ededed;\n}\n\n/*style item group show statistic*/\n.group-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.group-container .group-item-title {\n  width: 100%;\n  height: 30%;\n  background-color: #9d9ea0;\n  color: black;\n  font-weight: bold;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.group-container .group-item-info {\n  width: 100%;\n  height: 70%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 2%;\n  align-items: center;\n}\n\n.group-container .group-item-info .group-item-info-container {\n  flex: 1 1 20%;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n  max-height: 50px;\n  min-height: 35px;\n  margin: 1%;\n}\n\n.group-container .group-item-info .group-item-info-container .value-style {\n  flex: 1;\n  color: #fff;\n  font-size: 100%;\n  padding: 0%;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n.group-container .group-item-info .group-item-info-container .name-style {\n  flex: 1;\n  background-color: white;\n  color: black;\n  font-size: 100%;\n  padding: 0%;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\ndiv.label,\ndiv.simple-value {\n  min-width: fit-content;\n  min-height: fit-content;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\ndiv.simple-value > div {\n  max-height: -webkit-fill-available;\n}\n\ndiv.module-graph .parent_graph p table tr {\n  height: 25px;\n}\n\ndiv.module-graph {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\ndiv.basic-chart {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.basic-chart-header {\n  height: 40%;\n  width: 100%;\n  display: flex;\n}\n\n.basic-chart-header-name {\n  margin: 0;\n  padding: 0;\n  height: 100%;\n  width: 80%;\n  display: flex;\n  align-items: center;\n  font-size: 2.5vmin;\n  margin-left: 3%;\n}\n\n.basic-chart-header-value {\n  margin: 0;\n  padding: 0;\n  height: 100%;\n  width: 20%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2.5vmin;\n}\n\ndiv.module-graph .gauge_d3_class {\n  flex: 1 1 100px;\n  float: none !important;\n  overflow: inherit !important;\n  text-align: center;\n}\n\n.textDecorationNone:hover {\n  text-decoration: none;\n}\n\n.vc-item-nl-label {\n  border-radius: 5px;\n  background-color: #fff;\n  padding: 5px;\n  padding-left: 1em;\n  font-size: 14px;\n}\n\n.odometer {\n  overflow: hidden !important;\n}\n\n.odometer-container {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  text-align: center;\n  display: flex;\n  align-items: flex-end;\n}\n\n.odometer-a {\n  z-index: 5;\n  position: absolute;\n  width: 65%;\n  height: 65%;\n  left: calc(17.5%);\n  border-radius: 1000px 1000px 0px 0px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex-direction: column;\n  line-height: 0px;\n}\n\n.odometer-b {\n  z-index: 4;\n  position: relative;\n  width: 95%;\n  height: 95%;\n  border-radius: 0px 0px 1000px 1000px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n  top: calc(95%);\n  left: calc(2.5%);\n}\n\n.odometer-c {\n  z-index: 3;\n  position: absolute;\n  width: 96%;\n  height: 96%;\n  left: calc(2%);\n  background-color: #202226;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 1000px 1000px 0px 0px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n}\n\n.odometer-d {\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: #82b92e;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 1000px 1000px 0px 0px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n}\n\n.gauge-data {\n  z-index: 4;\n  color: #fff;\n  font-size: 1.5em;\n  width: 100%;\n  height: 100%;\n  transition: all 1s ease-out;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n.svg_warning {\n  fill: #f3b200;\n}\n\n.svg_warning_hide {\n  fill: #fff !important;\n}\n\n.gauge-data #percent {\n  color: #000;\n}\n\n.orange_background {\n  background: #ffa631;\n}\n.red_background {\n  background: #e63c52;\n}\n.yellow_background {\n  background: #f3b200;\n}\n.grey_background {\n  background: #b2b2b2;\n}\n.blue_background {\n  background: #4a83f3;\n}\n.green_background {\n  background: #82b92e;\n}\n","/* Styles for the solid icons */\n\n.fa {\n  display: inline-block;\n  margin: 0;\n}\n\n.fa,\n.fa > svg,\n.fa.medium,\n.fa.medium > svg {\n  width: 28px;\n  height: 28px;\n}\n\n.fa.fa-small,\n.fa.fa-small > svg {\n  width: 14px;\n  height: 14px;\n}\n\n.fa.fa-large,\n.fa.fa-large > svg {\n  width: 44px;\n  height: 44px;\n}\n\n.fa-spin {\n  animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n  animation: fa-spin 1s infinite steps(8);\n}\n\n@keyframes fa-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",".autocomplete {\n  /*the container must be positioned relative:*/\n  position: relative;\n  display: inline-block;\n}\n.autocomplete input {\n  /*background: pink;*/\n}\n.autocomplete-items {\n  border: 1px solid #d4d4d4;\n  border-bottom: none;\n  border-top: none;\n  /*position the autocomplete items to be the same width as the container:*/\n  position: absolute;\n  z-index: 1;\n  overflow: auto;\n  max-height: 150px;\n  max-width: 250px;\n}\n.autocomplete-items div {\n  width: 100%;\n  padding: 10px;\n  cursor: pointer;\n  background-color: #fff;\n  border-bottom: 1px solid #d4d4d4;\n  border-top: 1px solid #d4d4d4;\n}\n.autocomplete-items div:hover {\n  width: 100%;\n  background-color: #e9e9e9;\n}\n.autocomplete-active {\n  /*when navigating through the items using the arrow keys:*/\n  background-color: DodgerBlue !important;\n  color: #ffffff;\n}\n","/* Digital clock */\n\n.visual-console-item .digital-clock {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  justify-items: center;\n  align-content: center;\n  align-items: center;\n}\n\n.visual-console-item .digital-clock > span {\n  /* To improve legibility */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n}\n\n.visual-console-item .digital-clock > span.time {\n  font-size: 50px;\n}\n\n.visual-console-item .digital-clock > span.date {\n  font-size: 25px;\n}\n\n.visual-console-item .digital-clock > span.timezone {\n  font-size: 25px;\n}\n\n/* Analog clock */\n\n.visual-console-item .analogic-clock {\n  text-align: center;\n}\n\n.visual-console-item .analogic-clock .hour-hand {\n  animation: rotate-hour 43200s infinite linear;\n}\n\n.visual-console-item .analogic-clock .minute-hand {\n  animation: rotate-minute 3600s infinite linear;\n}\n\n.visual-console-item .analogic-clock .second-hand {\n  animation: rotate-second 60s infinite linear;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"vc.main.css","mappings":"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","sources":["webpack://pandora-fms-visual-console/./src/main.css","webpack://pandora-fms-visual-console/./src/lib/FontAwesomeIcon.styles.css","webpack://pandora-fms-visual-console/./src/lib/autocomplete.css","webpack://pandora-fms-visual-console/./src/items/Clock/styles.css"],"sourcesContent":["#visual-console-container {\n  margin: 0px auto;\n  position: relative;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  background-position: center;\n  margin-top: 5px;\n}\n\n.is-maintenance {\n  background-image: url(./lib/maintenanceMode.png) !important;\n}\n\n.is-maintenance :nth-child(1) {\n  display: none;\n}\n\n.visual-console-item {\n  position: absolute;\n  display: flex;\n  flex-direction: initial;\n  justify-items: center;\n  align-items: center;\n  user-select: text;\n  z-index: 1;\n}\n\n.visual-console-item.is-on-top {\n  z-index: 2;\n}\n\n.visual-console-item * {\n  overflow: visible;\n  font-family: inherit;\n}\n\n.visual-console-item.is-editing {\n  border: 2px dashed #b2b2b2;\n  transform: translateX(-2px) translateY(-2px);\n  user-select: none;\n}\n\n.visual-console-item.is-editing:hover {\n  border-color: #2b2b2b;\n}\n\n.visual-console-item.is-editing.is-selected {\n  border: 2px dashed #82b92e;\n  cursor: move;\n  z-index: 10;\n}\n.visual-console-item.is-editing > .resize-draggable {\n  float: right;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 15px;\n  height: 15px;\n  background: url(./resize-handle.svg);\n  cursor: se-resize;\n  z-index: 10;\n}\n\n.visual-console-item.is-editing :first-child {\n  pointer-events: none;\n}\n\n@keyframes spinner-loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n.visual-console-item.is-alert-triggered {\n  border: 3px solid #f36201;\n}\n\n.visual-console-spinner {\n  background-color: transparent;\n  margin: 0px auto;\n  border-top: 5px solid rgb(82, 85, 87);\n  border-right: 5px solid rgb(82, 85, 87);\n  border-bottom: 5px solid rgb(82, 85, 87);\n  border-left: 5px solid rgba(82, 85, 87, 0.2);\n\n  animation-name: spinner-loading;\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n}\n\n.visual-console-spinner,\n.visual-console-spinner :after {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n}\n\n.visual-console-spinner.small,\n.visual-console-spinner.small :after {\n  width: 12px;\n  height: 12px;\n}\n\n.div-visual-console-spinner {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: 0.7;\n  background: rgb(212, 215, 218);\n  z-index: 10;\n}\n\n.show-elements {\n  display: inline-block;\n}\n\n.hide-elements {\n  display: none;\n}\n\n/*Forms*/\n.div-input-group label {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 12pt;\n  font-weight: 600;\n  color: #343434;\n  margin-right: 10px;\n}\n.div-input-group label img {\n  margin-left: 4px;\n}\n\n.div-input-group input[type=\"text\"],\n.div-input-group input[type=\"number\"] {\n  height: 25px;\n  font-size: 10pt;\n  background-color: transparent;\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid #ccc;\n  font-weight: lighter;\n  padding: 0px 0px 2px 0px;\n  box-sizing: border-box;\n  margin-right: 10px;\n  padding-left: 2px;\n}\n\n.div-input-group input[type=\"radio\"] {\n  margin-right: 10px;\n  width: 17px;\n  height: 17px;\n}\n\n.div-input-group select {\n  font-weight: lighter;\n  font-size: 10pt;\n}\n\n.input-groups {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n}\n\n.input-group {\n  width: 100%;\n  margin-bottom: 25px;\n  padding-left: 20px;\n}\n\n.div-ranges-input-group {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.div-ranges-input-group > div {\n  padding-left: 20px;\n  margin-top: 10px;\n}\n\n.div-input-group,\n.div-input-group div div {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.div-input-group h3 {\n  text-transform: initial;\n  text-align: center;\n  font-style: italic;\n  text-decoration: underline;\n  margin: 0 auto;\n}\n\n.div-input-group div div a {\n  margin-left: 10px;\n}\n\n.div-input-group-autocomplete-agent {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  height: 70px;\n}\n\n.div-input-group-inside {\n  padding-left: 20px;\n}\n\n.input-group-link-console {\n  height: 70px;\n}\n\n.show-elements > div.div-input-group-autocomplete-agent {\n  margin-left: 20px;\n}\n\n.img-vc-elements {\n  margin-left: 10px;\n}\n\ninput.error-input-validate[type=\"number\"],\ninput.error-input-validate[type=\"text\"],\nselect.error-input-validate {\n  border: 1px solid #c00;\n}\n\nselect.error-input-validate:focus {\n  outline-color: #c00;\n}\n\np.error-p-validate {\n  width: 100%;\n  color: #c00;\n}\n\n/* Styles for the solid icons */\n\n.fa {\n  display: inline-block;\n  margin: 0;\n}\n\n.fa,\n.fa > svg,\n.fa.medium,\n.fa.medium > svg {\n  width: 28px;\n  height: 28px;\n}\n\n.fa.fa-small,\n.fa.fa-small > svg {\n  width: 14px;\n  height: 14px;\n}\n\n.fa.fa-large,\n.fa.fa-large > svg {\n  width: 44px;\n  height: 44px;\n}\n\n.fa-spin {\n  animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n  animation: fa-spin 1s infinite steps(8);\n}\n\n@keyframes fa-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.autocomplete {\n  /*the container must be positioned relative:*/\n  position: relative;\n  display: inline-block;\n}\n.autocomplete input {\n  /*background: pink;*/\n}\n.autocomplete-items {\n  border: 1px solid #d4d4d4;\n  border-bottom: none;\n  border-top: none;\n  /*position the autocomplete items to be the same width as the container:*/\n  position: absolute;\n  z-index: 1;\n  overflow: auto;\n  max-height: 150px;\n  max-width: 250px;\n}\n.autocomplete-items div {\n  width: 100%;\n  padding: 10px;\n  cursor: pointer;\n  background-color: #fff;\n  border-bottom: 1px solid #d4d4d4;\n  border-top: 1px solid #d4d4d4;\n}\n.autocomplete-items div:hover {\n  width: 100%;\n  background-color: #e9e9e9;\n}\n.autocomplete-active {\n  /*when navigating through the items using the arrow keys:*/\n  background-color: DodgerBlue !important;\n  color: #ffffff;\n}\n\n/* Digital clock */\n\n.visual-console-item .digital-clock {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  justify-items: center;\n  align-content: center;\n  align-items: center;\n}\n\n.visual-console-item .digital-clock > span {\n  /* To improve legibility */\n  text-rendering: optimizeLegibility;\n  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n}\n\n.visual-console-item .digital-clock > span.time {\n  font-size: 50px;\n}\n\n.visual-console-item .digital-clock > span.date {\n  font-size: 25px;\n}\n\n.visual-console-item .digital-clock > span.timezone {\n  font-size: 25px;\n}\n\n/* Analog clock */\n\n.visual-console-item .analogic-clock {\n  text-align: center;\n}\n\n.visual-console-item .analogic-clock .hour-hand {\n  animation: rotate-hour 43200s infinite linear;\n}\n\n.visual-console-item .analogic-clock .minute-hand {\n  animation: rotate-minute 3600s infinite linear;\n}\n\n.visual-console-item .analogic-clock .second-hand {\n  animation: rotate-second 60s infinite linear;\n}\n\n#html-tabs .ui-widget-header {\n  background-color: #ffffff;\n  border: 0px;\n}\n\n#html-tabs .ui-tabs-anchor {\n  float: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n#html-tabs .ui-tabs-anchor img {\n  margin-right: 10px;\n}\n\n#html-tabs .ui-tabs-nav li {\n  border-radius: 5px 5px 0px 0px;\n}\n\nli.interval-color-ranges > label,\nli#li-default-ranges > label {\n  margin-right: 15px;\n}\n\nli.interval-color-ranges > input[type=\"number\"],\nli#li-default-ranges > input[type=\"number\"] {\n  width: 80px;\n}\n\nli.interval-color-ranges > label:not(:first-child),\nli#li-default-ranges > label:not(:first-child),\nli#li-size-item > label:not(:first-child),\nli#li-position-item > label:not(:first-child) {\n  width: initial;\n  margin-left: 15px;\n}\n\nli#li-image-item label {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\nli#li-image-item label img {\n  flex: initial;\n}\n\n.discovery.modal * {\n  font-weight: normal;\n  color: #343434;\n}\n\n.discovery.modal select {\n  width: 100px;\n}\n\n.discovery.modal div#period_manual select,\n.discovery.modal div#period_manual input,\n.discovery.modal div#period_default select,\n.discovery.modal div#cacheExpiration_manual select,\n.discovery.modal div#cacheExpiration_manual input,\n.discovery.modal div#cacheExpiration_default select {\n  font-size: inherit !important;\n}\n.discovery.modal div#period_default select#period_select,\n.discovery.modal div#cacheExpiration_default select#cacheExpiration_select {\n  max-width: 230px;\n  width: inherit;\n}\n\nli#li-timeZone-item > label:not(:first-child),\n.discovery.modal li#div-textarea-label > label {\n  flex: inherit;\n}\n\nli#li-timeZone-item > select:not(:first-child) {\n  margin-left: 10px;\n}\n\n.discovery.modal li#div-textarea-label table tbody td.mceIframeContainer {\n  background-color: #ededed;\n}\n\n/*style item group show statistic*/\n.group-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.group-container .group-item-title {\n  width: 100%;\n  height: 30%;\n  background-color: #9d9ea0;\n  color: black;\n  font-weight: bold;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.group-container .group-item-info {\n  width: 100%;\n  height: 70%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 2%;\n  align-items: center;\n}\n\n.group-container .group-item-info .group-item-info-container {\n  flex: 1 1 20%;\n  display: flex;\n  flex-direction: row;\n  border-radius: 2px;\n  max-height: 50px;\n  min-height: 35px;\n  margin: 1%;\n}\n\n.group-container .group-item-info .group-item-info-container .value-style {\n  flex: 1;\n  color: #fff;\n  font-size: 100%;\n  padding: 0%;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n.group-container .group-item-info .group-item-info-container .name-style {\n  flex: 1;\n  background-color: white;\n  color: black;\n  font-size: 100%;\n  padding: 0%;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\ndiv.label,\ndiv.simple-value {\n  min-width: fit-content;\n  min-height: fit-content;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\ndiv.simple-value > div {\n  max-height: -webkit-fill-available;\n}\n\ndiv.module-graph .parent_graph p table tr {\n  height: 25px;\n}\n\ndiv.module-graph {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\ndiv.basic-chart {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.basic-chart-header {\n  height: 40%;\n  width: 100%;\n  display: flex;\n}\n\n.basic-chart-header-name {\n  margin: 0;\n  padding: 0;\n  height: 100%;\n  width: 80%;\n  display: flex;\n  align-items: center;\n  font-size: 2.5vmin;\n  margin-left: 3%;\n}\n\n.basic-chart-header-value {\n  margin: 0;\n  padding: 0;\n  height: 100%;\n  width: 20%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2.5vmin;\n}\n\ndiv.module-graph .gauge_d3_class {\n  flex: 1 1 100px;\n  float: none !important;\n  overflow: inherit !important;\n  text-align: center;\n}\n\n.textDecorationNone:hover {\n  text-decoration: none;\n}\n\n.vc-item-nl-label {\n  border-radius: 5px;\n  background-color: #fff;\n  padding: 5px;\n  padding-left: 1em;\n  font-size: 14px;\n}\n\n.odometer {\n  overflow: hidden !important;\n}\n\n.odometer-container {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  text-align: center;\n  display: flex;\n  align-items: flex-end;\n}\n\n.odometer-a {\n  z-index: 5;\n  position: absolute;\n  width: 65%;\n  height: 65%;\n  left: calc(17.5%);\n  border-radius: 1000px 1000px 0px 0px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex-direction: column;\n  line-height: 0px;\n}\n\n.odometer-b {\n  z-index: 4;\n  position: relative;\n  width: 95%;\n  height: 95%;\n  border-radius: 0px 0px 1000px 1000px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n  top: calc(95%);\n  left: calc(2.5%);\n}\n\n.odometer-c {\n  z-index: 3;\n  position: absolute;\n  width: 96%;\n  height: 96%;\n  left: calc(2%);\n  background-color: #202226;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 1000px 1000px 0px 0px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n}\n\n.odometer-d {\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: #82b92e;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 1000px 1000px 0px 0px;\n  transform-origin: center top;\n  transition: all 1.3s ease-in-out;\n}\n\n.gauge-data {\n  z-index: 4;\n  color: #fff;\n  font-size: 1.5em;\n  width: 100%;\n  height: 100%;\n  transition: all 1s ease-out;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n.svg_warning {\n  fill: #f3b200;\n}\n\n.svg_warning_hide {\n  fill: #fff !important;\n}\n\n.gauge-data #percent {\n  color: #000;\n}\n\n.orange_background {\n  background: #ffa631;\n}\n.red_background {\n  background: #e63c52;\n}\n.yellow_background {\n  background: #f3b200;\n}\n.grey_background {\n  background: #b2b2b2;\n}\n.blue_background {\n  background: #4a83f3;\n}\n.green_background {\n  background: #82b92e;\n}\n","/* Styles for the solid icons */\n\n.fa {\n  display: inline-block;\n  margin: 0;\n}\n\n.fa,\n.fa > svg,\n.fa.medium,\n.fa.medium > svg {\n  width: 28px;\n  height: 28px;\n}\n\n.fa.fa-small,\n.fa.fa-small > svg {\n  width: 14px;\n  height: 14px;\n}\n\n.fa.fa-large,\n.fa.fa-large > svg {\n  width: 44px;\n  height: 44px;\n}\n\n.fa-spin {\n  animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n  animation: fa-spin 1s infinite steps(8);\n}\n\n@keyframes fa-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",".autocomplete {\n  /*the container must be positioned relative:*/\n  position: relative;\n  display: inline-block;\n}\n.autocomplete input {\n  /*background: pink;*/\n}\n.autocomplete-items {\n  border: 1px solid #d4d4d4;\n  border-bottom: none;\n  border-top: none;\n  /*position the autocomplete items to be the same width as the container:*/\n  position: absolute;\n  z-index: 1;\n  overflow: auto;\n  max-height: 150px;\n  max-width: 250px;\n}\n.autocomplete-items div {\n  width: 100%;\n  padding: 10px;\n  cursor: pointer;\n  background-color: #fff;\n  border-bottom: 1px solid #d4d4d4;\n  border-top: 1px solid #d4d4d4;\n}\n.autocomplete-items div:hover {\n  width: 100%;\n  background-color: #e9e9e9;\n}\n.autocomplete-active {\n  /*when navigating through the items using the arrow keys:*/\n  background-color: DodgerBlue !important;\n  color: #ffffff;\n}\n","/* Digital clock */\n\n.visual-console-item .digital-clock {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  justify-items: center;\n  align-content: center;\n  align-items: center;\n}\n\n.visual-console-item .digital-clock > span {\n  /* To improve legibility */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n}\n\n.visual-console-item .digital-clock > span.time {\n  font-size: 50px;\n}\n\n.visual-console-item .digital-clock > span.date {\n  font-size: 25px;\n}\n\n.visual-console-item .digital-clock > span.timezone {\n  font-size: 25px;\n}\n\n/* Analog clock */\n\n.visual-console-item .analogic-clock {\n  text-align: center;\n}\n\n.visual-console-item .analogic-clock .hour-hand {\n  animation: rotate-hour 43200s infinite linear;\n}\n\n.visual-console-item .analogic-clock .minute-hand {\n  animation: rotate-minute 3600s infinite linear;\n}\n\n.visual-console-item .analogic-clock .second-hand {\n  animation: rotate-second 60s infinite linear;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/pandora_console/operation/agentes/estado_generalagente.php b/pandora_console/operation/agentes/estado_generalagente.php
index dd842ee0b1..c79a868f5d 100755
--- a/pandora_console/operation/agentes/estado_generalagente.php
+++ b/pandora_console/operation/agentes/estado_generalagente.php
@@ -540,11 +540,8 @@ $table_contact->data[] = $data;
 
 $data_opcional = new stdClass();
 $data_opcional->id = 'agent_data_main';
+$data_opcional->width = '100%';
 $data_opcional->class = 'floating_form';
-$data_opcional->cellspacing = 0;
-$data_opcional->cellpadding = 0;
-$data_opcional->style[0] = 'height: 46px; width: 25%; padding-right: 5px;text-align: end;';
-$data_opcional->style[1] = 'height: 46px; width: 75%; padding-left: 5px;';
 // Gis and url address.
 $agentAdditionalContent = '';
 // Position Information.
@@ -624,8 +621,6 @@ foreach ($fields as $field) {
         $data = [];
 
         $data[0] = '<b>'.$field['name'].ui_print_help_tip(__('Custom field'), true).'</b>';
-        $custom_value[0]['description'] = ui_bbcode_to_html($custom_value[0]['description']);
-
         if ($custom_value[0]['is_password_type']) {
                 $data[1] = '&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;';
         } else if ($field['is_link_enabled'] === '1') {
@@ -642,6 +637,7 @@ foreach ($fields as $field) {
 
             $data[1] = '<a href="'.$link_url.'">'.$link_text.'</a>';
         } else {
+            $custom_value[0]['description'] = ui_bbcode_to_html($custom_value[0]['description']);
             $data[1] = $custom_value[0]['description'];
         }
 
@@ -1056,19 +1052,13 @@ if (isset($data_opcional) === false || isset($data_opcional->data) === false ||
         false,
         false,
         true,
-        'box-flat agent_details_col agent_details_toggle agent_details_first_row w100p',
-        'mrgn_right_20px',
-        'w100p'
+        '',
+        'white-box-content',
+        'box-flat white_table_graph w100p'
     );
 }
 
 $agentIncidents = (isset($table_incident) === false) ? '' : html_print_table($table_incident, true);
-/*
-    echo '<div class="agent_details_first_row">
-    <div class="box-flat agent_details_col mrgn_lft_20px mrgn_right_20px">'.$table_agent.'</div>
-    <div class="box-flat agent_details_col mrgn_right_20px">'.$agent_contact.'</div>
-    </div>'.$agent_info;
-*/
 
 html_print_div(
     [
diff --git a/pandora_console/operation/visual_console/view.php b/pandora_console/operation/visual_console/view.php
index 3f2c828a3a..0c8ad8c1fe 100644
--- a/pandora_console/operation/visual_console/view.php
+++ b/pandora_console/operation/visual_console/view.php
@@ -287,7 +287,7 @@ if ($pure === false) {
         $class_nlink = 'network_link_min link-create-item';
         $class_odometer = 'odometer_min link-create-item';
         $class_basic_chart = 'basic_chart_min link-create-item';
-        $class_delete = 'delete_item delete_min';
+        $class_delete = 'delete_item';
         $class_copy = 'copy_item';
         if ($config['style'] === 'pandora_black' && is_metaconsole() === false) {
             $class_camera .= ' invert_filter';
diff --git a/visual_console_client/src/main.css b/visual_console_client/src/main.css
index 310b94af22..d343c9f7f3 100644
--- a/visual_console_client/src/main.css
+++ b/visual_console_client/src/main.css
@@ -41,11 +41,11 @@
 }
 
 .visual-console-item.is-editing:hover {
-  border-color: #82b92e;
+  border-color: #2b2b2b;
 }
 
 .visual-console-item.is-editing.is-selected {
-  border: 2px dashed #2b2b2b;
+  border: 2px dashed #82b92e;
   cursor: move;
   z-index: 10;
 }