';
diff --git a/pandora_console/include/functions_reporting_html.php b/pandora_console/include/functions_reporting_html.php
index 8bc7c973f3..898517fdb0 100644
--- a/pandora_console/include/functions_reporting_html.php
+++ b/pandora_console/include/functions_reporting_html.php
@@ -3772,7 +3772,7 @@ function reporting_get_event_histogram($events, $text_header_event=false)
$graph_data,
$max_value,
100,
- 35,
+ 25,
$full_legend,
$colors,
$config['fontpath'],
diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php
index 40efee7c7a..ecc4905c37 100755
--- a/pandora_console/include/functions_ui.php
+++ b/pandora_console/include/functions_ui.php
@@ -1612,11 +1612,11 @@ function ui_process_page_head($string, $bitfield)
}
// Add the jquery UI styles CSS
- $config['css']['jquery-UI'] = 'include/styles/jquery-ui.min.css';
+ $config['css']['jquery-UI'] = 'include/styles/js/jquery-ui.min.css';
// Add the dialog styles CSS
$config['css']['dialog'] = 'include/styles/dialog.css';
// Add the dialog styles CSS
- $config['css']['dialog'] = 'include/javascript/introjs.css';
+ $config['css']['dialog'] = 'include/styles/js/introjs.css';
// If skin's css files exists then add them
if ($exists_css) {
diff --git a/pandora_console/include/functions_visual_map_editor.php b/pandora_console/include/functions_visual_map_editor.php
index b8700bb7c5..45713c8f24 100755
--- a/pandora_console/include/functions_visual_map_editor.php
+++ b/pandora_console/include/functions_visual_map_editor.php
@@ -1150,7 +1150,7 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background)
echo '
'.__('Click end point
';
- ui_require_css_file('color-picker');
+ ui_require_css_file('color-picker', 'include/styles/js/');
ui_require_jquery_file('colorpicker');
?>
diff --git a/pandora_console/include/javascript/jquery.contextMenu.css b/pandora_console/include/javascript/jquery.contextMenu.css
deleted file mode 100644
index b0b04223bf..0000000000
--- a/pandora_console/include/javascript/jquery.contextMenu.css
+++ /dev/null
@@ -1,167 +0,0 @@
-/*!
- * jQuery contextMenu - Plugin for simple contextMenu handling
- *
- * Version: 1.6.5
- *
- * Authors: Rodney Rehm, Addy Osmani (patches for FF)
- * Web: http://medialize.github.com/jQuery-contextMenu/
- *
- * Licensed under
- * MIT License http://www.opensource.org/licenses/mit-license
- * GPL v3 http://opensource.org/licenses/GPL-3.0
- *
- */
-
-.context-menu-list {
- margin:0;
- padding:0;
-
- min-width: 120px;
- max-width: 250px;
- display: inline-block;
- position: absolute;
- list-style-type: none;
- border: 1px solid #DDD;
- border-radius: 4px;
- background: #EEE;
-
- -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
- -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
- -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 11px;
- text-align: left;
-}
-
-.context-menu-item {
- padding: 0px 2px 0px 24px;
- background-color: #EEE;
- position: relative;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: -moz-none;
- -ms-user-select: none;
- user-select: none;
- padding-top: 8px;
- padding-bottom: 8px;
-}
-
-.context-menu-item span {
- padding-top: 10px;
- padding-bottom: 10px;
- padding-right: 10px;
- padding-left: 10px;
-}
-
-.context-menu-separator {
- padding-bottom:0;
- border-bottom: 1px solid #DDD;
-}
-
-.context-menu-item > label > input,
-.context-menu-item > label > textarea {
- -webkit-user-select: text;
- -moz-user-select: text;
- -ms-user-select: text;
- user-select: text;
-}
-
-.context-menu-item.hover {
- cursor: pointer;
- background-color: #82b92e;
- border-radius: 4px;
- color: #fff;
-}
-
-.context-menu-item.disabled {
- color: #666 !important;
-}
-
-.context-menu-input.hover,
-.context-menu-item.disabled.hover {
- cursor: default;
- background-color: #EEE;
-}
-
-.context-menu-submenu:after {
- content: ">";
- color: #666;
- position: absolute;
- top: 0;
- right: 3px;
- z-index: 1;
-}
-
-/* icons
- #protip:
- In case you want to use sprites for icons (which I would suggest you do) have a look at
- http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
- .context-menu-item.icon:before {}
- */
-.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
-.context-menu-item.icon-edit { background-image: url(../../images/page_white_edit.png); }
-.context-menu-item.icon-cut { background-image: url(../../images/cut.png); }
-.context-menu-item.icon-copy { background-image: url(../../images/page_white_copy.png); }
-.context-menu-item.icon-paste { background-image: url(../../images/page_white_paste.png); }
-.context-menu-item.icon-delete { background-image: url(../../images/delete.png); }
-.context-menu-item.icon-add { background-image: url(../../images/page_white_add.png); }
-.context-menu-item.icon-quit { background-image: url(../../images/door.png); }
-.context-menu-item.icon-refresh { background-image: url(../../images/refresh.png); }
-.context-menu-item.icon-center { background-image: url(../../images/set_center.png); }
-.context-menu-item.icon-details { background-image: url(../../images/show_details.png); }
-.context-menu-item.icon-children { background-image: url(../../images/children.png); }
-.context-menu-item.icon-cancel_set_parent { background-image: url(../../images/link_delete.png); }
-.context-menu-item.icon-set_parent { background-image: url(../../images/father.png); }
-.context-menu-item.icon-add_node { background-image: url(../../images/add.png); }
-.context-menu-item.icon-refresh_holding_area { background-image: url(../../images/refresh_holding_area.png); }
-.context-menu-item.icon-restart_map { background-image: url(../../images/reset.png); }
-.context-menu-item.icon-interface_link_children { background-image: url(../../images/icono_link_hijo.png); }
-.context-menu-item.icon-interface_link_parent { background-image: url(../../images/icono_link_padre.png); }
-.context-menu-item.icon-interface_link_cancel { background-image: url(../../images/link_abortar.png); }
-
-/* vertically align inside labels */
-.context-menu-input > label > * { vertical-align: top; }
-
-/* position checkboxes and radios as icons */
-.context-menu-input > label > input[type="checkbox"],
-.context-menu-input > label > input[type="radio"] {
- margin-left: -17px;
-}
-.context-menu-input > label > span {
- margin-left: 5px;
-}
-
-.context-menu-input > label,
-.context-menu-input > label > input[type="text"],
-.context-menu-input > label > textarea,
-.context-menu-input > label > select {
- display: block;
- width: 100%;
-
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
- -o-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.context-menu-input > label > textarea {
- height: 100px;
-}
-.context-menu-item > .context-menu-list {
- display: none;
- /* re-positioned by js */
- right: -5px;
- top: 5px;
-}
-
-.context-menu-item.hover > .context-menu-list {
- display: block;
-}
-
-.context-menu-accesskey {
- text-decoration: underline;
-}
diff --git a/pandora_console/include/styles/cluster_view.css b/pandora_console/include/styles/cluster_view.css
new file mode 100644
index 0000000000..74e30f1a8c
--- /dev/null
+++ b/pandora_console/include/styles/cluster_view.css
@@ -0,0 +1,144 @@
+/*
+ * ---------------------------------------------------------------------
+ * - CLUSTER VIEW -
+ * ---------------------------------------------------------------------
+ */
+#main_cluster {
+ max-width: 1770px;
+ margin: 0 auto;
+}
+
+.sub_cluster_1 {
+ width: 400px;
+ float: left;
+ margin-left: 30px;
+ margin-bottom: 25px;
+ vertical-align: top;
+ border: 1px solid #e7e9ea;
+ height: 150px;
+}
+
+.sub_cluster_2 {
+ width: 833px;
+ float: left;
+ margin-left: 30px;
+ margin-bottom: 25px;
+ vertical-align: top;
+ border: 1px solid #e7e9ea;
+ height: 150px;
+}
+
+.sub_cluster_header {
+ width: 100%;
+ height: 30px;
+ background-color: #373737;
+ color: white;
+ text-align: center;
+ font-size: 9pt;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+}
+
+.sub_cluster_body {
+ width: 100%;
+ height: 120px;
+ background-color: #f9faf9;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+}
+
+.sub_cluster_body_3 {
+ width: 100%;
+ height: 120px;
+ background-color: #f9faf9;
+ overflow-y: scroll;
+}
+
+#cluster_map {
+ border: 1px solid lightgray;
+ width: 900px;
+ height: 500px;
+ float: left;
+ margin-bottom: 30px;
+}
+
+#cluster_status_content {
+ width: 90%;
+ height: 30px;
+ margin: 0px auto;
+}
+
+#cluster_status_bar {
+ width: 85%;
+ height: 100%;
+ float: left;
+}
+
+.status_animation {
+ width: 1%;
+ height: 100%;
+ left: 0%;
+ background-color: red;
+ position: relative;
+}
+
+#cluster_status_button {
+ float: left;
+ width: 10%;
+ margin-left: 5%;
+}
+
+#last_contact_content {
+ width: 90%;
+ height: 60px;
+ margin: 0px auto;
+}
+
+#last_contact_clock {
+ width: 15%;
+ height: 100%;
+ float: left;
+}
+
+#last_contact_date {
+ float: left;
+ height: 60px;
+ width: 80%;
+ margin-left: 5%;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+}
+
+#last_contact_date_text {
+ font-size: 14pt;
+}
+
+.balanced_module_item {
+ float: left;
+ margin-top: 11.5px;
+ margin-left: 5%;
+ height: 25px;
+ width: 90%;
+}
+
+.module_icon {
+ float: left;
+ width: 10%;
+}
+
+.modal_module_list {
+ float: left;
+ width: 90%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+}
diff --git a/pandora_console/include/styles/common.css b/pandora_console/include/styles/common.css
index 3e1eb80d76..09c7abb566 100644
--- a/pandora_console/include/styles/common.css
+++ b/pandora_console/include/styles/common.css
@@ -1,35 +1,3 @@
-/* Common useful styles */
-.invisible {
- display: none;
-}
-.left {
- clear: left;
- float: left;
-}
-.right {
- clear: right;
- float: right;
-}
-.clear {
- clear: both;
-}
-.top {
- vertical-align: top;
- margin-top: 0;
- padding-top: 0;
-}
-img.left {
- margin-right: 1em;
- margin-bottom: 1.8em;
-}
-img.right {
- margin-left: 1em;
- margin-bottom: 1.8em;
-}
-.text-right {
- text-align: right;
-}
-
/* Debug styles */
pre.debug,
div.backtrace {
@@ -65,3 +33,49 @@ div.database_debug_title {
padding: 5px;
width: 95%;
}
+
+/* Common useful styles */
+.invisible {
+ display: none;
+}
+.left {
+ clear: left;
+ float: left;
+}
+.right {
+ clear: right;
+ float: right;
+}
+.clear {
+ clear: both;
+}
+.top {
+ vertical-align: top;
+ margin-top: 0;
+ padding-top: 0;
+}
+img.left {
+ margin-right: 1em;
+ margin-bottom: 1.8em;
+}
+img.right {
+ margin-left: 1em;
+ margin-bottom: 1.8em;
+}
+.text-right {
+ text-align: right;
+}
+.noshadow {
+ -moz-box-shadow: 0px !important;
+ -webkit-box-shadow: 0px !important;
+ box-shadow: 0px !important;
+}
+.center_align {
+ text-align: center;
+}
+.left_align {
+ text-align: left;
+}
+.right_align {
+ text-align: right;
+}
diff --git a/pandora_console/include/styles/dialog.css b/pandora_console/include/styles/dialog.css
index 551d2a3956..ecb4ab61f9 100644
--- a/pandora_console/include/styles/dialog.css
+++ b/pandora_console/include/styles/dialog.css
@@ -173,82 +173,6 @@
height: 22px;
}
-/* Dialog handle styles */
-/*Disabled*/
-/*
-.ui-dialog .ui-resizable-n {
- cursor: n-resize;
- height: 6px;
- width: 100%;
- top: 0px;
- left: 0px;
- background: transparent url(images/dialog-n.gif) repeat scroll center top;
-}
-
-.ui-dialog .ui-resizable-s {
- cursor: s-resize;
- height: 8px;
- width: 100%;
- bottom: 0px;
- left: 0px;
- background: transparent url(images/dialog-s.gif) repeat scroll center top;
-}
-
-.ui-dialog .ui-resizable-e {
- cursor: e-resize;
- width: 7px;
- right: 0px;
- top: 0px;
- height: 100%;
- background: transparent url(images/dialog-e.gif) repeat scroll right center;
-}
-
-.ui-dialog .ui-resizable-w {
- cursor: w-resize;
- width: 7px;
- left: 0px;
- top: 0px;
- height: 100%;
- background: transparent url(images/dialog-w.gif) repeat scroll right center;
-}
-
-.ui-dialog .ui-resizable-se {
- cursor: se-resize;
- width: 9px;
- height: 9px;
- right: 0px;
- bottom: 0px;
- background: transparent url(images/dialog-se.gif);
-}
-
-.ui-dialog .ui-resizable-sw {
- cursor: sw-resize;
- width: 9px;
- height: 9px;
- left: 0px;
- bottom: 0px;
- background: transparent url(images/dialog-sw.gif);
-}
-
-.ui-dialog .ui-resizable-nw {
- cursor: nw-resize;
- width: 9px;
- height: 29px;
- left: 0px;
- top: 0px;
- background: transparent url(images/dialog-nw.gif);
-}
-
-.ui-dialog .ui-resizable-ne {
- cursor: ne-resize;
- width: 9px;
- height: 29px;
- right: 0px;
- top: 0px;
- background: transparent url(images/dialog-ne.gif);
-}
-*/
-
.ui-dialog .ui-button-dialog {
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
diff --git a/pandora_console/include/styles/js/calendar.css b/pandora_console/include/styles/js/calendar.css
new file mode 100644
index 0000000000..73315cf0e3
--- /dev/null
+++ b/pandora_console/include/styles/js/calendar.css
@@ -0,0 +1,67 @@
+/*
+ * ---------------------------------------------------------------------
+ * - CALENDAR TOOLTIP -
+ * ---------------------------------------------------------------------
+ */
+
+/* Calendar background */
+table.scw {
+ background-color: #82b92e;
+ border: 0 !important;
+ border-radius: 4px;
+}
+
+/* Week number heading */
+td.scwWeekNumberHead {
+ color: #111;
+}
+
+td.scwWeek {
+ color: #111 !important;
+}
+
+/* Today selector */
+td.scwFootDisabled {
+ background-color: #000;
+ color: #ffffff;
+}
+
+tfoot.scwFoot {
+ color: #111;
+}
+
+.scwFoot :hover {
+ color: #3f3f3f !important;
+}
+
+table.scwCells {
+ background-color: #fff !important;
+ color: #3c3c3c !important;
+}
+
+table.scwCells:hover {
+ background-color: #fff !important;
+}
+
+td.scwCellsExMonth {
+ background-color: #eee !important;
+ color: #3c3c3c !important;
+}
+
+td.scwCellsWeekend {
+ background-color: #3c3c3c !important;
+ color: #fff !important;
+ border: 0 !important;
+}
+
+td.scwInputDate {
+ background-color: #777 !important;
+ color: #ffffff !important;
+ border: 0 !important;
+}
+
+td.scwFoot {
+ background-color: #fff !important;
+ color: #3c3c3c !important;
+ border: 0 !important;
+}
diff --git a/pandora_console/include/styles/cluetip.css b/pandora_console/include/styles/js/cluetip.css
similarity index 100%
rename from pandora_console/include/styles/cluetip.css
rename to pandora_console/include/styles/js/cluetip.css
diff --git a/pandora_console/include/styles/color-picker.css b/pandora_console/include/styles/js/color-picker.css
similarity index 100%
rename from pandora_console/include/styles/color-picker.css
rename to pandora_console/include/styles/js/color-picker.css
diff --git a/pandora_console/include/styles/datatables.min.css b/pandora_console/include/styles/js/datatables.min.css
similarity index 100%
rename from pandora_console/include/styles/datatables.min.css
rename to pandora_console/include/styles/js/datatables.min.css
diff --git a/pandora_console/include/javascript/introjs.css b/pandora_console/include/styles/js/introjs.css
similarity index 100%
rename from pandora_console/include/javascript/introjs.css
rename to pandora_console/include/styles/js/introjs.css
diff --git a/pandora_console/include/styles/jquery-ui.min.css b/pandora_console/include/styles/js/jquery-ui.min.css
similarity index 99%
rename from pandora_console/include/styles/jquery-ui.min.css
rename to pandora_console/include/styles/js/jquery-ui.min.css
index 121f222ff1..86e93597f3 100644
--- a/pandora_console/include/styles/jquery-ui.min.css
+++ b/pandora_console/include/styles/js/jquery-ui.min.css
@@ -4,4 +4,6 @@
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
+@import url(jquery-ui_custom.css);
+
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
\ No newline at end of file
diff --git a/pandora_console/include/styles/js/jquery-ui_custom.css b/pandora_console/include/styles/js/jquery-ui_custom.css
new file mode 100644
index 0000000000..ca2cdb51e7
--- /dev/null
+++ b/pandora_console/include/styles/js/jquery-ui_custom.css
@@ -0,0 +1,263 @@
+@import url(calendar.css);
+
+/* --- JQUERY-UI --- */
+.ui-dialog .ui-dialog-titlebar {
+ background-color: #82b92e !important;
+}
+
+/*center ui dialog center*/
+.ui-dialog-titlebar .ui-icon-closethick {
+ margin-top: -5px !important;
+}
+.ui-button-text-only .ui-button-text {
+ font-family: nunito;
+ font-size: 9pt;
+ color: #82b92e;
+}
+.ui-datepicker .ui-datepicker-title *,
+.ui-datepicker th * {
+ color: white;
+}
+.ui-datepicker .ui-datepicker-title select,
+.ui-datepicker .ui-datepicker-title option {
+ color: #111 !important;
+}
+.ui-dialog .ui-dialog-titlebar {
+ display: inherit;
+ text-align: center;
+ padding: 0.4em 1em;
+ height: 30px;
+ position: relative;
+}
+.ui-dialog .ui-dialog-title {
+ font-family: Nunito, sans-serif;
+ margin: 0.1em 0 !important;
+ white-space: nowrap !important;
+ width: 100% !important;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ font-size: 11pt;
+ position: relative;
+ top: 5px;
+ float: none !important;
+}
+.ui-dialog .ui-dialog-titlebar-close {
+ position: absolute !important;
+ right: 1em !important;
+ width: 21px !important;
+ margin: 0px 0 0 0 !important;
+ padding: 1px !important;
+ height: 20px !important;
+ bottom: 30% !important;
+ top: 20% !important;
+}
+.ui-dialog .ui-dialog-content {
+ position: relative !important;
+ border: 0;
+ padding: 0.5em 1em !important;
+ background: none !important;
+ overflow: auto !important;
+ margin-bottom: 1em;
+}
+.ui-dialog .ui-dialog-buttonpane {
+ text-align: left;
+ border-width: 1px 0 0 0;
+ background-image: none;
+ margin-top: 0.5em;
+ padding: 0.3em 1em 0.5em 0.4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+ float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+ margin: 0.5em 1em 0.5em 0 !important;
+ cursor: pointer !important;
+ background: white !important;
+ background-color: white !important;
+ border: 1px solid #82b92e !important;
+ height: 30px !important;
+ width: 90px !important;
+}
+.ui-widget-header .ui-icon {
+ background-image: url(../images/ui-icons_444444_256x240.png) !important;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+ background-image: url(../images/ui-icons_444444_256x240.png) !important;
+}
+.ui-widget-content {
+ background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50%
+ repeat-x;
+}
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+ margin-top: 3px;
+ border: 1px solid #d3d3d3 !important;
+ border-bottom: 0 !important;
+ background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
+ repeat-x !important;
+ font-weight: normal !important;
+ color: #555555 !important;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+ border-top-left-radius: 0 !important;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+ border-top-right-radius: 0 !important;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+ border-bottom-left-radius: 0 !important;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+ border-bottom-right-radius: 0 !important;
+}
+#ui-datepicker-div {
+ border-color: #b1b1b1;
+ background: #ffffff;
+}
+.ui-widget-header {
+ background: #b1b1b1 !important;
+ color: #ffffff !important;
+}
+.ui-datepicker-calendar th {
+ background-color: #3f3f3f;
+}
+.ui-dialog .ui-widget-header {
+ background-color: #82b92e;
+}
+.ui_tpicker_hour,
+.ui_tpicker_minute,
+.ui_tpicker_second,
+.ui-slider-handle {
+ border: 1px solid #aaaaaa !important;
+}
+.ui-timepicker-div dd {
+ margin: 0px 15px 0px 15px;
+}
+.ui-timepicker-div .ui-datepicker-title {
+ color: white;
+}
+.ui-datepicker-buttonpane button {
+ border-color: #b1b1b1 !important;
+}
+.ui-datepicker-buttonpane .ui-datepicker-current {
+ margin-left: 0.2em !important;
+}
+.ui-dialog .ui-widget-content {
+ border: 0px !important;
+}
+.ui-dialog {
+ box-shadow: 5px 5px 19px #4e4e4e;
+ border: 0px !important;
+ padding: 0 !important;
+}
+.ui-dialog-titlebar {
+ border: 0px !important;
+}
+.ui-dialog-titlebar .ui-icon-closethick,
+.ui-dialog-titlebar .ui-state-default,
+.ui-dialog-titlebar .ui-state-hover,
+.ui-dialog-titlebar button {
+ background: transparent;
+ border: 0px;
+}
+.ui-dialog-titlebar .ui-icon-closethick {
+ background-image: url("../../../images/icono_cerrar.png") !important;
+}
+.ui-dialog-title {
+ color: #ffffff;
+ font-size: 9pt;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+ font-family: Verdana, Arial, sans-serif !important;
+}
+
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover,
+.ui-state-focus .ui-widget-content,
+.ui-state-focus .ui-widget-header,
+.ui-state-focus .ui-button:hover,
+.ui-button:focus {
+ background: transparent !important;
+ border: none !important;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover {
+ border: 1px solid #999999 !important;
+ border-bottom: 0 !important;
+ background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
+ repeat-x !important;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+ border: 1px solid #aaaaaa !important;
+ border-bottom: 0 !important;
+ background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
+ repeat-x !important;
+ font-weight: normal !important;
+ color: #212121 !important;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+ color: #212121 !important;
+}
+
+ul.ui-front {
+ z-index: 1000000 !important;
+ padding-right: 0px !important;
+}
+
+ul.ui-front li {
+ padding: 3px !important;
+}
+
+ul.ui-front li:hover {
+ background-color: #e1e3e1 !important;
+}
+
+ul.ui-front li a.ui-menu-item-wrapper {
+ background: transparent !important;
+ border: none !important;
+}
+
+ul.ui-front li a.ui-menu-item-wrapper span {
+ padding-left: 5px !important;
+}
+
+ul.ui-front li a.ui-menu-item-wrapper:hover {
+ text-decoration: none !important;
+}
+
+input[type="submit"].ui-button-dialog {
+ margin: 0.5em 1em 0.5em 0 !important;
+ cursor: pointer !important;
+ background: white !important;
+ background-color: white !important;
+ color: #82b92e !important;
+ text-align: center !important;
+ border: 1px solid #82b92e !important;
+ height: 30px !important;
+ width: 90px !important;
+}
diff --git a/pandora_console/include/styles/js/jquery.contextMenu.css b/pandora_console/include/styles/js/jquery.contextMenu.css
new file mode 100644
index 0000000000..64d86cf7bc
--- /dev/null
+++ b/pandora_console/include/styles/js/jquery.contextMenu.css
@@ -0,0 +1,211 @@
+/*!
+ * jQuery contextMenu - Plugin for simple contextMenu handling
+ *
+ * Version: 1.6.5
+ *
+ * Authors: Rodney Rehm, Addy Osmani (patches for FF)
+ * Web: http://medialize.github.com/jQuery-contextMenu/
+ *
+ * Licensed under
+ * MIT License http://www.opensource.org/licenses/mit-license
+ * GPL v3 http://opensource.org/licenses/GPL-3.0
+ *
+ */
+
+.context-menu-list {
+ margin: 0;
+ padding: 0;
+
+ min-width: 120px;
+ max-width: 250px;
+ display: inline-block;
+ position: absolute;
+ list-style-type: none;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ background: #eee;
+
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+ -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+ -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ text-align: left;
+}
+
+.context-menu-item {
+ padding: 0px 2px 0px 24px;
+ background-color: #eee;
+ position: relative;
+ border-radius: 4px;
+ -webkit-user-select: none;
+ -moz-user-select: -moz-none;
+ -ms-user-select: none;
+ user-select: none;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.context-menu-item span {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+.context-menu-separator {
+ padding-bottom: 0;
+ border-bottom: 1px solid #ddd;
+}
+
+.context-menu-item > label > input,
+.context-menu-item > label > textarea {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.context-menu-item.hover {
+ cursor: pointer;
+ background-color: #82b92e;
+ border-radius: 4px;
+ color: #fff;
+}
+
+.context-menu-item.disabled {
+ color: #666 !important;
+}
+
+.context-menu-input.hover,
+.context-menu-item.disabled.hover {
+ cursor: default;
+ background-color: #eee;
+}
+
+.context-menu-submenu:after {
+ content: ">";
+ color: #666;
+ position: absolute;
+ top: 0;
+ right: 3px;
+ z-index: 1;
+}
+
+/* icons
+ #protip:
+ In case you want to use sprites for icons (which I would suggest you do) have a look at
+ http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
+ .context-menu-item.icon:before {}
+ */
+.context-menu-item.icon {
+ min-height: 18px;
+ background-repeat: no-repeat;
+ background-position: 4px 2px;
+}
+.context-menu-item.icon-edit {
+ background-image: url(../../images/page_white_edit.png);
+}
+.context-menu-item.icon-cut {
+ background-image: url(../../images/cut.png);
+}
+.context-menu-item.icon-copy {
+ background-image: url(../../images/page_white_copy.png);
+}
+.context-menu-item.icon-paste {
+ background-image: url(../../images/page_white_paste.png);
+}
+.context-menu-item.icon-delete {
+ background-image: url(../../images/delete.png);
+}
+.context-menu-item.icon-add {
+ background-image: url(../../images/page_white_add.png);
+}
+.context-menu-item.icon-quit {
+ background-image: url(../../images/door.png);
+}
+.context-menu-item.icon-refresh {
+ background-image: url(../../images/refresh.png);
+}
+.context-menu-item.icon-center {
+ background-image: url(../../images/set_center.png);
+}
+.context-menu-item.icon-details {
+ background-image: url(../../images/show_details.png);
+}
+.context-menu-item.icon-children {
+ background-image: url(../../images/children.png);
+}
+.context-menu-item.icon-cancel_set_parent {
+ background-image: url(../../images/link_delete.png);
+}
+.context-menu-item.icon-set_parent {
+ background-image: url(../../images/father.png);
+}
+.context-menu-item.icon-add_node {
+ background-image: url(../../images/add.png);
+}
+.context-menu-item.icon-refresh_holding_area {
+ background-image: url(../../images/refresh_holding_area.png);
+}
+.context-menu-item.icon-restart_map {
+ background-image: url(../../images/reset.png);
+}
+.context-menu-item.icon-interface_link_children {
+ background-image: url(../../images/icono_link_hijo.png);
+}
+.context-menu-item.icon-interface_link_parent {
+ background-image: url(../../images/icono_link_padre.png);
+}
+.context-menu-item.icon-interface_link_cancel {
+ background-image: url(../../images/link_abortar.png);
+}
+
+/* vertically align inside labels */
+.context-menu-input > label > * {
+ vertical-align: top;
+}
+
+/* position checkboxes and radios as icons */
+.context-menu-input > label > input[type="checkbox"],
+.context-menu-input > label > input[type="radio"] {
+ margin-left: -17px;
+}
+.context-menu-input > label > span {
+ margin-left: 5px;
+}
+
+.context-menu-input > label,
+.context-menu-input > label > input[type="text"],
+.context-menu-input > label > textarea,
+.context-menu-input > label > select {
+ display: block;
+ width: 100%;
+
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.context-menu-input > label > textarea {
+ height: 100px;
+}
+.context-menu-item > .context-menu-list {
+ display: none;
+ /* re-positioned by js */
+ right: -5px;
+ top: 5px;
+}
+
+.context-menu-item.hover > .context-menu-list {
+ display: block;
+}
+
+.context-menu-accesskey {
+ text-decoration: underline;
+}
diff --git a/pandora_console/include/styles/login.css b/pandora_console/include/styles/login.css
new file mode 100644
index 0000000000..f7066ba92c
--- /dev/null
+++ b/pandora_console/include/styles/login.css
@@ -0,0 +1,411 @@
+/*
+ * ---------------------------------------------------------------------
+ * - LOGIN STYLES -
+ * ---------------------------------------------------------------------
+ */
+h1#log_title {
+ font-size: 18px;
+ margin-bottom: 0px;
+ color: #fff !important;
+ width: 300px;
+}
+
+div#log_msg {
+ display: none;
+}
+
+div#error_buttons {
+ margin-top: 20px;
+}
+
+div#error_buttons a {
+ margin: 14px;
+}
+
+#login_body {
+ /* Set rules to fill background */
+ min-height: 100%;
+ min-width: 1200px;
+ width: 100%;
+ z-index: -9999;
+ position: absolute;
+ background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
+ background-repeat: repeat;
+}
+
+/*@media screen and (max-width: 1024px) { /* Specific to this particular image */
+/* #login_body {
+ left: 50%;
+ margin-left: -512px; /* 50% */
+/* }
+}
+@media screen and (max-width: 1100px) { /* Specific to this particular image */
+/* #login_body {
+ background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
+ background-repeat: repeat;
+ }
+}
+@media screen and (max-width: 1400px) { /* Specific to this particular image */
+/* #login_body {
+ background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
+ background-repeat: repeat;
+ }
+}
+@media screen and (max-width: 2000px) { /* Specific to this particular image */
+/* #login_body {
+ background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
+ background-repeat: repeat;
+ }
+}
+@media screen and (min-width: 2000px) { /* Specific to this particular image */
+/* #login_body {
+ background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
+ background-repeat: repeat;
+ }
+}*/
+
+p.log_in {
+ color: #fff !important;
+ padding: 0px 10px;
+ width: 300px;
+}
+
+h1#log_f {
+ color: #c00;
+ border-bottom: 1px solid #c00;
+ padding-bottom: 3px;
+}
+
+div#error_login {
+ text-align: center;
+ margin-top: 5px;
+ margin-left: 5px;
+ width: 75%;
+ float: right;
+ text-align: left;
+ top: 100px;
+}
+
+div#error_login_icon {
+ margin-top: 10px;
+ margin-right: 7px;
+ text-align: center;
+ width: 20%;
+ float: right;
+}
+
+div#login_f {
+ margin-top: 10px;
+ margin-bottom: 25px;
+}
+
+#ver_num {
+ margin: 0px auto;
+ width: 100%;
+ position: absolute;
+ bottom: 10px;
+ color: #fff;
+ text-align: center;
+}
+
+/*
+ * ---------------------------------------------------------------------
+ * - LOGIN PAGE -
+ * ---------------------------------------------------------------------
+ */
+
+/* --- Login page - header --- */
+div#header_login {
+ width: 100%;
+ height: 65px;
+ background-color: rgba(255, 255, 255, 0.06);
+}
+
+div#icon_custom_pandora {
+ float: left;
+ margin-top: 5px;
+ margin-left: 4%;
+}
+
+div#list_icon_docs_support {
+ float: right;
+ margin-top: 8px;
+ margin-right: 4%;
+}
+
+div#list_icon_docs_support ul {
+ margin-top: 5px;
+}
+
+div#list_icon_docs_support ul li {
+ display: inline-block;
+ color: white;
+ vertical-align: middle;
+ margin-right: 5px;
+ font-size: 10pt;
+}
+
+li#li_margin_left {
+ margin-left: 30px;
+}
+
+/* --- Login page - form --- */
+div.container_login {
+ margin-top: 10%;
+ margin-left: 5%;
+ margin-right: 5%;
+}
+
+div.login_page {
+ width: 35%;
+ min-height: 600px;
+ float: left;
+}
+
+div.login_page form {
+ border-right: 1px solid #868686;
+ padding-top: 30px;
+ padding-bottom: 50px;
+ min-width: 400px;
+ max-height: 600px;
+}
+
+div.login_logo_icon {
+ margin-bottom: 40px;
+ text-align: center;
+}
+
+div.login_logo_icon img {
+ margin: 0 auto;
+ width: 150px;
+}
+
+div.login_double_auth_code,
+div.login_nick,
+div.login_pass {
+ margin: 0 auto;
+ width: 70%;
+ height: 40px;
+ background-color: rgba(255, 255, 255, 0.2) !important;
+ margin-bottom: 25px;
+ min-width: 260px;
+}
+
+div.login_nick img,
+div.login_pass img {
+ vertical-align: middle;
+ margin: 3px;
+}
+
+div.login_nick input,
+div.login_pass input {
+ background-color: rgba(255, 255, 255, 0) !important;
+ border: 0px !important;
+ color: white !important;
+ border-radius: 0px;
+ width: 89%;
+ height: 40px;
+ font-size: 9pt;
+ padding: 0px !important;
+}
+
+div.login_nick input:focus,
+div.login_pass input:focus {
+ outline: none;
+}
+
+div.login_nick input:-webkit-autofill,
+div.login_nick input:-webkit-autofill:hover,
+div.login_nick input:-webkit-autofill:focus,
+div.login_nick input:-webkit-autofill:active,
+div.login_pass input:-webkit-autofill,
+div.login_pass input:-webkit-autofill:hover,
+div.login_pass input:-webkit-autofill:focus,
+div.login_pass input:-webkit-autofill:active {
+ transition: background-color 10000s ease-in-out 0s;
+ -webkit-box-shadow: 0 0 0px 0px transparent inset !important;
+ -webkit-text-fill-color: white !important;
+ border: 0px;
+ width: 89%;
+}
+
+div.login_nick input::-webkit-input-placeholder,
+div.login_pass input::-webkit-input-placeholder {
+ color: white;
+}
+
+div.login_pass img,
+div.login_nick img {
+ width: 30px;
+}
+
+div.login_pass div,
+div.login_nick div {
+ float: left;
+ width: 11%;
+}
+
+div.login_button {
+ margin: 0 auto;
+ width: 70%;
+ height: 40px;
+ background-color: rgb(25, 25, 25);
+ border: 1px solid white;
+ min-width: 260px;
+}
+
+div.login_button input {
+ width: 100%;
+ background-color: rgb(25, 25, 25) !important;
+ text-align: center;
+ border: 0px;
+ border-radius: 0px;
+ height: 40px;
+ padding: 0px;
+ font-size: 9pt;
+ color: white;
+}
+
+div.login_data {
+ width: 65%;
+ min-height: 600px;
+ float: left;
+}
+
+div.text_banner_login {
+ width: 100%;
+ margin-bottom: 60px;
+ color: white;
+ text-align: center;
+}
+
+div.text_banner_login span {
+ width: 100%;
+}
+
+span.span1 {
+ font-size: 3vw;
+ font-family: "lato-thin";
+ color: white;
+}
+
+span.span2 {
+ font-size: 3vw;
+ font-family: "lato-bolder";
+ color: white;
+}
+
+div.img_banner_login {
+ width: 100%;
+ text-align: center;
+}
+
+div.img_banner_login img {
+ max-width: 70%;
+ min-width: 70%;
+ max-height: 50%;
+ min-height: 50%;
+}
+
+@media all and (max-width: 1200px) {
+ span.span1 {
+ font-size: 30pt;
+ }
+ span.span2 {
+ font-size: 30pt;
+ }
+}
+
+/* --- Login page - modal windows --- */
+div.content_alert {
+ width: 98%;
+ margin-top: 20px;
+}
+
+div.icon_message_alert {
+ float: left;
+ width: 25%;
+ text-align: center;
+}
+
+div.icon_message_alert img {
+ width: 85px;
+}
+
+div.content_message_alert {
+ width: 75%;
+ float: right;
+}
+
+div.text_message_alert {
+ width: 100%;
+ margin-top: 10px;
+}
+
+div.text_message_alert h1 {
+ margin: 0px;
+}
+
+div.text_message_alert p {
+ margin: 0px;
+ font-size: 10.3pt;
+ line-height: 14pt;
+}
+
+div.button_message_alert {
+ width: 100%;
+}
+
+div.button_message_alert input {
+ float: right;
+ width: 87px;
+ height: 33px;
+ color: #82b92e;
+ border: 1px solid #82b92e;
+ font-weight: bold;
+ margin-right: 20px;
+ margin-top: 20px;
+ font-size: 10pt;
+}
+
+div.form_message_alert {
+ width: 90%;
+ clear: both;
+ padding-top: 20px;
+ padding-left: 40px;
+}
+
+div.form_message_alert ul li {
+ display: inline-block;
+ padding: 10px;
+}
+
+div.form_message_alert ul li input {
+ border: none;
+ background-color: #dadada !important;
+ border-radius: 0px;
+ height: 17px;
+ width: 145px;
+ padding-left: 5px;
+}
+
+div.form_message_alert ul li label {
+ font-size: 10pt;
+ padding-right: 20px;
+}
+
+div.form_message_alert h4 {
+ margin: 0px;
+ margin-bottom: 10px;
+}
+
+div.button_message_alert_form input {
+ float: right;
+ width: 87px;
+ height: 33px;
+ color: #82b92e;
+ border: 1px solid #82b92e;
+ font-weight: bold;
+ font-size: 10pt;
+ margin-right: 25px;
+}
diff --git a/pandora_console/include/styles/menu.css b/pandora_console/include/styles/menu.css
index d36a9aeed9..a30978b3a8 100644
--- a/pandora_console/include/styles/menu.css
+++ b/pandora_console/include/styles/menu.css
@@ -34,10 +34,7 @@
}
.menu li a {
- /*background-color: inherit;*/
color: #ffffff;
- /*font-weight: bold;*/
- /* This makes it so that the whole li is clickable */
text-decoration: none;
}
@@ -49,6 +46,7 @@ li:hover ul {
padding: 10.5px;
margin-left: 0px;
width: 100%;
+ color: #fff;
}
.menu li.subselected a {
@@ -259,3 +257,136 @@ ul li a:hover {
color: #e2144a;
} /* Hover Styles */
/*li ul li a { padding: 2px 5px; } Sub Menu Styles */
+
+/*
+ * ---------------------------------------------------------------------
+ * - MAIN LEFT MENU and SUBMENU -
+ * ---------------------------------------------------------------------
+ */
+.menu li.selected {
+ font-weight: bold;
+}
+
+.menu_icon {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-timing-function: ease-out;
+ -o-transition-property: background-color;
+ -o-transition-duration: 0.5s;
+ -o-transition-timing-function: ease-out;
+}
+
+.menu_icon:hover {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-timing-function: ease-out;
+ -o-transition-property: background-color;
+ -o-transition-duration: 0.5s;
+ -o-transition-timing-function: ease-out;
+ background-color: #585858 !important;
+}
+.submenu_not_selected:hover {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-timing-function: ease-out;
+ -o-transition-property: background-color;
+ -o-transition-duration: 0.5s;
+ -o-transition-timing-function: ease-out;
+ background-color: #585858 !important;
+}
+.submenu_selected:hover {
+ background-color: #585858 !important;
+}
+.sub_subMenu {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-timing-function: ease-out;
+ -o-transition-property: background-color;
+ -o-transition-duration: 0.5s;
+}
+.sub_subMenu:hover {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-timing-function: ease-out;
+ -o-transition-property: background-color;
+ -o-transition-duration: 0.5s;
+ background-color: #585858 !important;
+}
+
+.menu li.selected {
+ box-shadow: inset 4px 0 #80ba27;
+}
+/* creo que no se usan
+.is_submenu2 li {
+ background-color: #ff0000;
+}
+
+.is_submenu2 {
+ background-color: #222222 !important;
+}
+*/
+.operation {
+ background-color: #333 !important;
+ border-top-right-radius: 5px;
+ border-right-style: solid;
+ border-right-width: 0px;
+}
+
+.operation .selected {
+ background-color: #585858 !important;
+}
+
+.menu li,
+.menu .li.not_selected {
+ border-radius: 0px 0px 0px 0px;
+ display: block;
+ min-height: 35px;
+ border-bottom: 0px none #424242;
+ vertical-align: middle;
+}
+
+.godmode,
+.menu_icon ul li {
+ background-color: #222;
+}
+.operation .menu_icon ul li {
+ background-color: #333;
+}
+
+.godmode {
+ border-top: 4px solid #777 !important;
+ padding-bottom: 4px !important;
+ border-bottom-right-radius: 5px;
+ border-right-style: solid;
+ border-right-width: 0px;
+}
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index f42c64f70a..a00ab2ad1d 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -5,7 +5,7 @@ Description: The default Pandora FMS theme layout
// Pandora FMS - http://pandorafms.com
// ==========================================================
-// Copyright (c) 2004-2011 Artica Soluciones Tecnológicas S.L
+// Copyright (c) 2004-2019 Artica Soluciones Tecnológicas S.L
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
@@ -21,9 +21,32 @@ Description: The default Pandora FMS theme layout
*/
/* Tree view styles */
-@import url(tree.css);
-@import url(fixed-bottom-box.css);
+/*@import url(tree.css);
+@import url(fixed-bottom-box.css);*/
+/*
+ * ---------------------------------------------------------------------
+ * - GENERAL STYLES -
+ * ---------------------------------------------------------------------
+ */
+@font-face {
+ font-family: "Nunito";
+ font-style: normal;
+ font-weight: 400;
+ src: local("Nunito-Regular"), url(../../fonts/nunito.woff) format("woff");
+}
+@font-face {
+ font-family: "lato-thin";
+ src: url("../../fonts/Lato-Hairline.ttf");
+}
+@font-face {
+ font-family: "lato-bolder";
+ src: url("../../fonts/Lato-Light.ttf");
+}
+@font-face {
+ font-family: "lato-boldest";
+ src: url("../../fonts/Lato-Regular.ttf");
+}
* {
font-family: verdana, sans-serif;
letter-spacing: 0.03pt;
@@ -36,40 +59,15 @@ body {
background-color: #fff;
margin: 0 auto;
}
-
-div#page {
- background: #fff;
- background-image: none;
- clear: both;
- width: auto;
-}
-
-body.pure {
- background-color: #fff;
-}
input,
textarea {
border: 1px solid #ddd;
}
-form {
- margin-block-end: 0px;
-}
-
textarea {
padding: 5px;
min-height: 100px;
width: 99%;
}
-textarea.conf_editor {
- padding: 5px;
- width: 650px;
- height: 350px;
-}
-textarea.conf_error {
- background-image: url(../../images/err.png);
- background-repeat: no-repeat;
- background-position: top right;
-}
input {
padding: 2px 3px 4px 3px;
vertical-align: middle;
@@ -78,7 +76,6 @@ input {
input[type="checkbox"] {
display: inline !important;
}
-
select {
padding: 2px 3px 3px 3px;
vertical-align: middle;
@@ -132,34 +129,325 @@ a:hover {
color: #373737;
text-decoration: underline;
}
+a:focus,
+input:focus,
+button:focus {
+ outline-width: 0;
+ outline: 0;
+}
+th > label {
+ padding-top: 7px;
+}
+input:disabled {
+ background-color: #ddd !important;
+}
+textarea:disabled {
+ background-color: #ddd !important;
+}
+select:disabled {
+ background-color: #ddd !important;
+}
+ul {
+ list-style-type: none;
+ padding-left: 0;
+ margin-left: 0;
+}
+code,
+pre {
+ font-family: courier, serif;
+}
+fieldset {
+ background-color: #f9faf9;
+ border: 1px solid #e2e2e2;
+ padding: 0.5em;
+ margin-bottom: 20px;
+ position: relative;
+}
+fieldset legend {
+ font-size: 1.1em;
+ font-weight: bold;
+ line-height: 20px;
+ color: #3f3f3f;
+}
+td input[type="checkbox"] {
+ padding: 10px;
+ margin-top: 2px;
+ display: table-cell;
+}
+input[type="image"] {
+ border: 0px;
+ background-color: transparent !important;
+}
+table,
+img {
+ border: 0px;
+}
+table pre {
+ white-space: pre-wrap;
+}
+tr:first-child > th {
+ background-color: #373737;
+}
+th {
+ color: #fff;
+ background-color: #666;
+ font-size: 7.5pt;
+ letter-spacing: 0.3pt;
+}
+
+/* --- Font ttf --- */
+@font-face {
+ font-family: "DejaVuSerif-BoldFont";
+ src: url("../fonts/DejaVuSerif-Bold.ttf") format("truetype");
+}
+
+.DejaVuSerif-Bold {
+ font-family: DejaVuSerif-BoldFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerif-BoldItalicFont";
+ src: url("../fonts/DejaVuSerif-BoldItalic.ttf") format("truetype");
+}
+
+.DejaVuSerif-BoldItalic {
+ font-family: DejaVuSerif-BoldItalicFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerif-ItalicFont";
+ src: url("../fonts/DejaVuSerif-Italic.ttf") format("truetype");
+}
+
+.DejaVuSerif-Italic {
+ font-family: DejaVuSerif-ItalicFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerifFont";
+ src: url("../fonts/DejaVuSerif.ttf") format("truetype");
+}
+
+.DejaVuSerif {
+ font-family: DejaVuSerifFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerifCondensed-BoldFont";
+ src: url("../fonts/DejaVuSerifCondensed-Bold.ttf") format("truetype");
+}
+
+.DejaVuSerifCondensed-Bold {
+ font-family: DejaVuSerifCondensed-BoldFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerifCondensed-BoldItalicFont";
+ src: url("../fonts/DejaVuSerifCondensed-BoldItalic.ttf") format("truetype");
+}
+
+.DejaVuSerifCondensed-BoldItalic {
+ font-family: DejaVuSerifCondensed-BoldItalicFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerifCondensed-ItalicFont";
+ src: url("../fonts/DejaVuSerifCondensed-Italic.ttf") format("truetype");
+}
+
+.DejaVuSerifCondensed-Italic {
+ font-family: DejaVuSerifCondensed-ItalicFont;
+}
+
+@font-face {
+ font-family: "DejaVuSerifCondensedFont";
+ src: url("../fonts/DejaVuSerifCondensed.ttf") format("truetype");
+}
+
+.DejaVuSerifCondensed {
+ font-family: DejaVuSerifCondensedFont;
+}
+
+@font-face {
+ font-family: "FreeSansFont";
+ src: url("../fonts/FreeSans.ttf") format("truetype");
+}
+
+.FreeSans {
+ font-family: FreeSansFont;
+}
+
+@font-face {
+ font-family: "FreeSansBoldFont";
+ src: url("../fonts/FreeSansBold.ttf") format("truetype");
+}
+
+.FreeSansBold {
+ font-family: FreeSansBoldFont;
+}
+
+@font-face {
+ font-family: "smallfontFont";
+ src: url("../fonts/smallfont.ttf") format("truetype");
+}
+
+.smallfont {
+ font-family: smallfontFont;
+}
+
+@font-face {
+ font-family: "unicodeFont";
+ src: url("../fonts/unicode.ttf") format("truetype");
+}
+
+@font-face {
+ font-family: "roboto";
+ src: url("../../fonts/roboto.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "opensans";
+ src: url("../../fonts/opensans.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "lato";
+ src: url("../../fonts/lato.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "leaguegothic";
+ src: url("../../fonts/leaguegothic.woff") format("woff");
+}
+.unicode {
+ font-family: unicodeFont;
+}
+
+/*
+ * ---------------------------------------------------------------------
+ * - GLOBAL STYLES -
+ * ---------------------------------------------------------------------
+ */
+div#page {
+ background: #fff;
+ background-image: none;
+ clear: both;
+ width: auto;
+}
+
+body.pure {
+ background-color: #fff;
+}
+
+div#container {
+ margin: 0 auto;
+ min-width: 960px;
+ text-align: left;
+ height: 100%;
+ background: #fff;
+ width: 100%;
+}
+
+div#main {
+ width: auto;
+ margin: 0px 0% 0px 0%;
+ float: left;
+ position: relative;
+ min-height: 850px;
+ margin-left: 60px;
+ max-width: 93%;
+ min-width: 93%;
+}
+
+textarea.conf_editor {
+ padding: 5px;
+ width: 650px;
+ height: 350px;
+}
+
+textarea.conf_error {
+ background-image: url(../../images/err.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+input.button {
+ font-family: Arial, Sans-serif;
+ border: 4px solid #ccc;
+ background: #fff;
+ padding: 2px 3px;
+ margin: 10px 15px;
+}
+
a.white_bold {
color: #eee;
text-decoration: none;
font-weight: bold;
}
+
a.white {
color: #eee;
text-decoration: none;
}
+
p.center {
text-align: center;
}
-h1#log_title {
- font-size: 18px;
- margin-bottom: 0px;
- color: #fff !important;
- width: 300px;
-}
-div#log_msg {
- display: none;
-}
-div#error_buttons {
- margin-top: 20px;
-}
-div#error_buttons a {
- margin: 14px;
+
+.img_help {
+ cursor: help;
}
+#loading {
+ position: fixed;
+ width: 200px;
+ margin-left: 30%;
+ text-align: center;
+ top: 50%;
+ background-color: #999999;
+ padding: 20px;
+}
+
+.tactical_set legend {
+ text-align: left;
+ color: #3f3f3f;
+}
+
+.tactical_set {
+ background: #fff;
+ border: 1px solid #e2e2e2;
+ margin-left: auto;
+ margin-right: auto;
+ width: auto;
+}
+
+/* --- Botones --- */
+input.sub {
+ font-weight: normal;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font-size: 8pt;
+ background-color: #333 !important;
+ background-repeat: no-repeat !important;
+ background-position: 92% 3px !important;
+ color: white !important;
+ padding: 3px 3px 5px 12px;
+ border-color: #333;
+}
+
+input.sub[disabled] {
+ color: #b4b4b4 !important;
+ background-color: #f3f3f3 !important;
+ border-color: #b6b6b6;
+ cursor: default;
+}
+
+/*
+ * ---------------------------------------------------------------------
+ * - NO ACCESS PAGE - noaccess2.php -
+ * ---------------------------------------------------------------------
+ */
#noaccess {
position: relative;
margin-top: 25px;
@@ -200,47 +488,35 @@ div#error_buttons a {
float: left;
}
-div#activity {
- padding-top: 0px;
- padding-bottom: 18px;
+/*div#activity{
+ padding-top: 0px;
+ padding-bottom: 18px;
}
div#activity table td > img {
- vertical-align: middle;
+ vertical-align: middle;
}
div#noa {
- float: right;
- padding-right: 50px;
- margin-top: 25px;
+ float: right;
+ padding-right: 50px;
+ margin-top: 25px;
}
div#db_f {
- text-align: justify;
- margin: auto;
- padding: 0.5em;
- width: 55em;
- margin-top: 3em;
+ text-align: justify;
+ margin: auto;
+ padding: 0.5em;
+ width: 55em;
+ margin-top: 3em;
}
div#db_ftxt {
- float: right;
- padding-top: 10px;
-}
-div#container {
- width: 100%;
- margin: 0 auto;
- min-width: 960px;
- text-align: left;
- height: 100%;
- background: #fff;
-}
-div#main {
- width: auto;
- max-width: 93%;
- min-width: 93%;
- margin: 0px 0% 0px 0%;
- float: left;
- position: relative;
- min-height: 850px;
- margin-left: 60px;
-}
+ float: right;
+ padding-top: 10px;
+}*/
+
+/*
+ * ---------------------------------------------------------------------
+ * - HELP DIALOG - login_help_dialog.php and pandora_help.php -
+ * ---------------------------------------------------------------------
+ */
div#main_help {
width: 100%;
}
@@ -281,12 +557,6 @@ div#main_help span {
color: #999;
}
-a.footer,
-a.footer span {
- font-size: 9px;
- color: white;
-}
-
div#main_help div.databox hr {
width: 100%;
border: 0px;
@@ -300,6 +570,34 @@ div#main_help div.databox p {
text-align: justify;
}
+/*
+ * ---------------------------------------------------------------------
+ * - FOOTER -
+ * ---------------------------------------------------------------------
+ */
+a.footer,
+a.footer span {
+ font-size: 9px;
+ color: white;
+}
+
+div#foot {
+ font-size: 6pt !important;
+ border-top: solid 2px #222;
+ padding-top: 8px;
+ padding-bottom: 5px;
+ text-align: center;
+ background: #333333;
+ height: 30px;
+ clear: both;
+ width: auto;
+}
+
+/*
+ * ---------------------------------------------------------------------
+ * - HEADER AND LEFT MENU STYLES -
+ * ---------------------------------------------------------------------
+ */
div#menu_container {
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
@@ -338,191 +636,35 @@ div#head {
width: 100%;
}
-div#foot {
- font-size: 6pt !important;
- border-top: solid 2px #222;
- padding-top: 8px;
- padding-bottom: 5px;
- text-align: center;
- background: #333333;
- height: 30px;
- clear: both;
- width: auto;
-}
#ver {
margin-bottom: 25px;
}
-/****************/
-/* LOGIN STYLES */
-/****************/
-
-@font-face {
- font-family: "Nunito";
- font-style: normal;
- font-weight: 400;
- src: local("Nunito-Regular"), url(../../fonts/nunito.woff) format("woff");
+/*.databox_error {
+ width: 657px !important;
+ height: 400px;
+ border: none !important;
+ background-color: #fafafa;
+ background: url(../../images/splash_error.png) no-repeat;
}
-@font-face {
- font-family: "lato-thin";
- src: url("../../fonts/Lato-Hairline.ttf");
-}
-@font-face {
- font-family: "lato-bolder";
- src: url("../../fonts/Lato-Light.ttf");
-}
-@font-face {
- font-family: "lato-boldest";
- src: url("../../fonts/Lato-Regular.ttf");
-}
-
-#login_body {
- /* Set rules to fill background */
- min-height: 100%;
- min-width: 1200px;
- width: 100%;
- z-index: -9999;
- position: absolute;
-}
-
-@media screen and (max-width: 1024px) {
- /* Specific to this particular image */
- #login_body {
- left: 50%;
- margin-left: -512px; /* 50% */
- }
-}
-@media screen and (max-width: 1100px) {
- /* Specific to this particular image */
- #login_body {
- background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
- background-repeat: repeat;
- }
-}
-@media screen and (max-width: 1400px) {
- /* Specific to this particular image */
- #login_body {
- background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
- background-repeat: repeat;
- }
-}
-@media screen and (max-width: 2000px) {
- /* Specific to this particular image */
- #login_body {
- background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
- background-repeat: repeat;
- }
-}
-@media screen and (min-width: 2000px) {
- /* Specific to this particular image */
- #login_body {
- background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
- background-repeat: repeat;
- }
-}
-
-p.log_in {
- color: #fff !important;
- padding: 0px 10px;
- width: 300px;
-}
-
-h1#log_f {
- color: #c00;
- border-bottom: 1px solid #c00;
- padding-bottom: 3px;
-}
-
-div#error_login {
- text-align: left;
- margin-top: 5px;
- margin-left: 5px;
- width: 75%;
- float: right;
- top: 100px;
-}
-
-div#error_login_icon {
- margin-top: 10px;
- margin-right: 7px;
- text-align: center;
- width: 20%;
- float: right;
-}
-
-div#login_f {
- margin-top: 10px;
- margin-bottom: 25px;
-}
-
-a:focus,
-input:focus,
-button:focus {
- outline: 0;
-}
-
-.databox_error {
- width: 657px !important;
- height: 400px;
- border: none !important;
- background: url(../../images/splash_error.png) no-repeat;
- background-color: #fafafa;
-}
-
-#ver_num {
- margin: 0px auto;
- width: 100%;
- position: absolute;
- bottom: 10px;
- color: #fff;
- text-align: center;
-}
-
-/***********************/
-/* END OF LOGIN STYLES */
-/***********************/
-th > label {
- padding-top: 7px;
-}
input.chk {
- margin-right: 0px;
- border: 0px none;
- height: 14px;
-}
+ margin-right: 0px;
+ border: 0px none;
+ height: 14px;
+}*/
input.datos {
background-color: #f5f5f5;
}
-input.datos_readonly {
- background-color: #050505;
-}
-
-input.sub {
- font-weight: normal;
-
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
-
- font-size: 8pt;
-
- background-color: #333 !important;
- background-repeat: no-repeat !important;
- background-position: 92% 3px !important;
-
- color: white !important;
- padding: 3px 3px 5px 12px;
-
- border-color: #333;
-}
-
-input.sub[disabled] {
- color: #b4b4b4 !important;
- background-color: #f3f3f3 !important;
- border-color: #b6b6b6;
- cursor: default;
-}
+/*input.datos_readonly {
+ background-color: #050505;
+}*/
+/*
+ * ---------------------------------------------------------------------
+ * - VISUAL MAPS -
+ * ---------------------------------------------------------------------
+ */
input.vs_button_ghost {
background-color: transparent !important;
border: 1px solid #82b92e;
@@ -556,16 +698,6 @@ input.spinn {
height: 23px;
}
-input:disabled {
- background-color: #ddd !important;
-}
-textarea:disabled {
- background-color: #ddd !important;
-}
-select:disabled {
- background-color: #ddd !important;
-}
-
input.next {
background-image: url(../../images/input_go.png) !important;
}
@@ -794,39 +926,39 @@ div#cont {
overflow-x: hidden;
}
-.termframe {
- background-color: #80ba27 !important;
+/*.termframe{
+ background-color: #80BA27 !important;
+}*/
+
+/*tr.datos, tr.datost, tr.datosb , tr.datos_id,
+tr.datosf9 {
+ #background-color: #eaeaea;
}
-table,
-img {
- border: 0px;
-}
-table pre {
- white-space: pre-wrap;
+tr.datos2, tr.datos2t,
+tr.datos2b, tr.datos2_id , tr.datos2f9 {
+ #background-color: #f2f2f2;
}
-tr:first-child > th {
- background-color: #373737;
+tr.datos:hover, tr.datost:hover, tr.datosb:hover, tr.datos_id:hover,
+tr.datosf9:hover, tr.datos2:hover, tr.datos2t:hover,
+tr.datos2b:hover, tr.datos2_id:hover, tr.datos2f9:hover {
+ #background-color: #efefef;
+}*/
+
+/*
+ * ---------------------------------------------------------------------
+ * - REPORTS -
+ * ---------------------------------------------------------------------
+ */
+.agent_reporting {
+ margin: 5px;
+ padding: 5px;
}
-th {
- color: #fff;
- background-color: #666;
- font-size: 7.5pt;
- letter-spacing: 0.3pt;
-}
-
-/* Checkbox styles */
-td input[type="checkbox"] {
- /* Double-sized Checkboxes */
- /*-ms-transform: scale(1.3); /* IE */
- /*-moz-transform: scale(1.3); /* FF */
- /*-o-transform: scale(1.3); /* Opera */
- /*-webkit-transform: scale(1.3); /* Safari and Chrome */
- padding: 10px;
- margin-top: 2px;
- display: table-cell;
+.report_table,
+.agent_reporting {
+ border: #ccc outset 3px;
}
td.datos3,
@@ -843,14 +975,21 @@ td.datos4 * {
color: white !important;
}
-td.datos_id {
- color: #1a313a;
-}
+/*td.datos_id {
+ color: #1a313a;
+}*/
+/* user list php */
tr.disabled_row_user * {
color: grey;
}
+/* global syles */
+.bg {
+ /* op menu */
+ background: #82b92e;
+}
+
.bg {
/* op menu */
background: #82b92e;
@@ -1045,17 +1184,22 @@ div.title_line {
-khtml-opacity: 0.5;
}
+/*
+ * ---------------------------------------------------------------------
+ * - RIGHT MENU SECTION -
+ * ---------------------------------------------------------------------
+ */
#menu_tab_frame,
#menu_tab_frame_view {
display: block !important;
border-bottom: 1px solid #80ba27;
- margin-left: 0px !important;
- margin-bottom: 20px;
- padding-right: 0px;
- width: 100%;
- height: 31px;
max-height: 31px;
min-height: 31px;
+ width: 100%;
+ padding-right: 0px;
+ margin-left: 0px !important;
+ margin-bottom: 20px;
+ height: 31px;
}
#menu_tab {
@@ -1074,28 +1218,6 @@ div.title_line {
position: relative;
margin: 0px 0px 0px 0px;
}
-/*
-#menu_tab li a, #menu_tab a {
- padding: 2px 0px;
- font-weight: bold;
- line-height: 18px;
- margin-left: 3px;
- margin-right: 0px;
-
- -moz-border-top-right-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- border-top-right-radius: 5px;
-
- -moz-border-top-left-radius: 5px;
- -webkit-border-top-left-radius: 5px;
- border-top-left-radius: 5px;
-}
-
-#menu_tab li>form {
- padding-left: 7px;
- padding-top: 4px;
-}
-*/
#menu_tab li.separator_view {
padding: 4px;
@@ -1106,7 +1228,6 @@ div.title_line {
}
#menu_tab li.nomn_high a {
- /*background: #82b92e;*/
color: #fff;
}
#menu_tab .mn li a {
@@ -1117,12 +1238,8 @@ div.title_line {
}
#menu_tab li.nomn:hover a,
#menu_tab li:hover ul a:hover {
- /*background: #82b92e;*/
color: #fff;
}
-#menu_tab li:hover a {
- /*background: #b2b08a url("../../images/arrow.png") no-repeat right 3px;*/
-}
#menu_tab li.nomn {
min-width: 30px;
@@ -1132,6 +1249,62 @@ div.title_line {
min-width: 30px;
height: 28px;
}
+
+/* --- Submenu --- */
+ul.subsubmenu {
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ -moz-border-bottom-right-radius: 5px;
+ -moz-border-bottom-left-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+
+ background: #ececec !important;
+}
+
+ul.subsubmenu li {
+ background-color: #ececec;
+ font-weight: bold;
+ text-decoration: none;
+ font-size: 14px;
+ border-color: #e2e2e2;
+ border-style: solid;
+ border-width: 1px;
+}
+
+ul.subsubmenu li a {
+ padding: 0px 10px 5px;
+}
+
+.subsubmenu {
+ position: absolute;
+ float: right;
+ z-index: 9999;
+ display: none;
+ margin-top: 5px !important ;
+ left: 0px !important;
+}
+.subsubmenu li {
+ margin-top: 0px !important ;
+}
+
+div#agent_wizard_subtabs {
+ position: absolute;
+ margin-left: 0px;
+ display: none;
+ padding-bottom: 3px;
+ z-index: 1000;
+}
+
+.agent_wizard_tab:hover {
+ cursor: default;
+}
+
+/*
+ * ---------------------------------------------------------------------
+ * - SECTION TITLE LEFT (green background) -
+ * ---------------------------------------------------------------------
+ */
/* TAB TITLE */
#menu_tab_left {
margin-left: 0px !important;
@@ -1198,6 +1371,7 @@ div.title_line {
font-weight: bold;
}
+/*
span.users {
background: url(../../images/group.png) no-repeat;
}
@@ -1261,40 +1435,32 @@ span.inventory_server {
span.web_server {
background: url(../../images/world.png) no-repeat;
}
+*/
+
/* This kind of span do not have any sense, should be replaced on PHP code
by a real img in code. They are not useful because insert too much margin around
(for example, not valid to use in the table of server view */
-span.users,
-span.agents,
-span.data,
-span.alerts,
-span.time,
-span.net,
-span.master,
-span.snmp,
-span.binary,
-span.recon,
-span.wmi,
-span.prediction,
-span.plugin,
-span.export,
-span.recon_server,
-span.wmi_server,
-span.export_server,
-span.inventory_server,
-span.web_server {
- margin-left: 4px;
- margin-top: 10px;
- padding: 4px 8px 12px 30px;
- display: block;
-}
-span.rmess,
-span.nrmess {
- margin-left: 14px;
- padding: 1px 0px 10px 30px;
- display: block;
+/*span.users, span.agents, span.data, span.alerts, span.time, span.net,
+span.master, span.snmp, span.binary, span.recon, span.wmi, span.prediction,
+span.plugin, span.plugin, span.export, span.recon_server, span.wmi_server,
+span.export_server, span.inventory_server, span.web_server {
+ margin-left: 4px;
+ margin-top: 10px;
+ padding: 4px 8px 12px 30px;
+ display: block;
}
+span.rmess, span.nrmess {
+ margin-left: 14px;
+ padding: 1px 0px 10px 30px;
+ display: block;
+}*/
+
/* New styles for data box */
+/*
+ * ---------------------------------------------------------------------
+ * - TABLES -
+ * ---------------------------------------------------------------------
+ */
.databox,
.databox_color,
.databox_frame {
@@ -1384,21 +1550,8 @@ table.databox {
color: #333;
}
-.tactical_set legend {
- text-align: left;
- color: #3f3f3f;
-}
-
-.tactical_set {
- background: #fff;
- border: 1px solid #e2e2e2;
- margin-left: auto;
- margin-right: auto;
- width: auto;
-}
-
/* For use in Netflow */
-
+/*
table.databox_grid {
margin: 25px;
}
@@ -1413,7 +1566,9 @@ table.databox_grid > td {
border-bottom: 1px solid #acacac;
border-right: 1px solid #acacac;
}
+*/
+/* events */
table.alternate tr:nth-child(odd) td {
background-color: #ffffff;
}
@@ -1427,10 +1582,11 @@ table.rounded_cells td {
-webkit-border-radius: 6px !important;
border-radius: 6px !important;
}
-#head_l {
- float: left;
- margin: 0;
- padding: 0;
+
+/*#head_l {
+ float: left;
+ margin: 0;
+ padding: 0;
}
#head_r {
float: right;
@@ -1439,14 +1595,14 @@ table.rounded_cells td {
padding-top: 0px;
}
#head_m {
- position: absolute;
- padding-top: 6px;
- padding-left: 12em;
-}
-span#logo_text1 {
- font: bolder 3em Arial, Sans-serif;
- letter-spacing: -2px;
- color: #eee;
+ position: absolute;
+ padding-top: 6px;
+ padding-left: 12em;
+}*/
+/*span#logo_text1 {
+ font: bolder 3em Arial, Sans-serif;
+ letter-spacing: -2px;
+ color: #eee;
}
span#logo_text2 {
font: 3em Arial, Sans-serif;
@@ -1469,15 +1625,14 @@ div#logo_text3 {
border-bottom: 0px;
}
.bt0 {
- border-top: 0px;
-}
+ border-top: 0px;
+}*/
.action-buttons {
text-align: right;
}
-#table-add-item select,
-#table-add-sla select {
- width: 180px;
-}
+/*#table-add-item select, #table-add-sla select {
+ width: 180px;
+}*/
/* end of classes for event priorities */
div#main_pure {
@@ -1491,42 +1646,26 @@ div#main_pure {
width: 98%;
position: static;
}
+/*#table-agent-configuration radio {
+ margin-right: 40px;
+}*/
.ui-draggable {
cursor: move;
}
-#layout_trash_drop {
- float: right;
- width: 300px;
- height: 180px;
- background: #fff url("../../images/trash.png") no-repeat bottom left;
+/*#layout_trash_drop {
+ float: right;
+ width: 300px;
+ height: 180px;
+ background: #fff url("../../images/trash.png") no-repeat bottom left;
}
#layout_trash_drop div {
display: block;
}
#layout_editor_drop {
- float: left;
- width: 300px;
-}
-.agent_reporting {
- margin: 5px;
- padding: 5px;
-}
-.report_table,
-.agent_reporting {
- border: #ccc outset 3px;
-}
-.img_help {
- cursor: help;
-}
-#loading {
- position: fixed;
- width: 200px;
- margin-left: 30%;
- text-align: center;
- top: 50%;
- background-color: #999999;
- padding: 20px;
-}
+ float: left;
+ width: 300px;
+}*/
+
/* IE 7 Hack */
#editor {
*margin-top: 10px !important;
@@ -1563,35 +1702,24 @@ div#main_pure {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
-ul {
- list-style-type: none;
- padding-left: 0;
- margin-left: 0;
-}
span.actions {
margin-left: 30px;
}
.actions {
min-width: 200px !important;
}
-code,
-pre {
- font-family: courier, serif;
-}
select#template,
select#action {
width: 250px;
}
-#label-checkbox-matches_value,
+/*#label-checkbox-matches_value,
#label-checkbox-copy_modules,
#label-checkbox-copy_alerts {
- display: inline;
- font-weight: normal;
-}
-input[type="image"] {
- border: 0px;
- background-color: transparent !important;
-}
+ display: inline;
+ font-weight: normal;
+}*/
+
+/* Modules */
table#simple {
padding: 30px;
}
@@ -1722,20 +1850,6 @@ ol.steps li.visited {
color: #999 !important;
}
-fieldset {
- background-color: #f9faf9;
- border: 1px solid #e2e2e2;
- padding: 0.5em;
- margin-bottom: 20px;
- position: relative;
-}
-fieldset legend {
- font-size: 1.1em;
- font-weight: bold;
- line-height: 20px;
- color: #3f3f3f;
-}
-
fieldset .databox {
border: 0px solid;
}
@@ -1901,15 +2015,37 @@ div.warn {
min-height: 35px !important;
}
-/* Pandora width style theme */
+ol.steps {
+ margin-bottom: 70px;
+}
div#steps_clean {
display: none;
- clear: both;
}
+
div#events_list {
float: left;
width: 100%;
}
+/*span#logo_text1 {
+ font: bolder 3em Arial, Sans-serif;
+ letter-spacing: -2px;
+ color: #eee;
+}
+span#logo_text2 {
+ font: 3em Arial, Sans-serif;
+ letter-spacing: -2px;
+ color: #aaa;
+}
+div#logo_text3 {
+ text-align: right;
+ font: 2em Arial, Sans-serif;
+ letter-spacing: 6px;
+ color: #aaa;
+ font-weight: bold;
+ margin-top: 0px;
+ margin-left: 4px;
+ padding-top: 0px;
+}*/
.pagination {
margin-top: 15px;
margin-bottom: 5px;
@@ -1920,69 +2056,7 @@ div#events_list {
vertical-align: middle;
}
-/*CALENDAR TOOLTIP STYLE*/
-
-/* Calendar background */
-table.scw {
- background-color: #82b92e;
- border: 0 !important;
- border-radius: 4px;
-}
-
-/* Week number heading */
-td.scwWeekNumberHead {
- color: #111;
-}
-
-td.scwWeek {
- color: #111 !important;
-}
-
-td.scwFootDisabled {
- background-color: #000;
- color: #ffffff;
-}
-
-tfoot.scwFoot {
- color: #111;
-}
-
-.scwFoot :hover {
- color: #3f3f3f !important;
-}
-
-table.scwCells {
- background-color: #fff !important;
- color: #3c3c3c !important;
-}
-
-table.scwCells:hover {
- background-color: #fff !important;
-}
-
-td.scwCellsExMonth {
- background-color: #eee !important;
- color: #3c3c3c !important;
-}
-
-td.scwCellsWeekend {
- background-color: #3c3c3c !important;
- color: #fff !important;
- border: 0 !important;
-}
-
-td.scwInputDate {
- background-color: #777 !important;
- color: #ffffff !important;
- border: 0 !important;
-}
-
-td.scwFoot {
- background-color: #fff !important;
- color: #3c3c3c !important;
- border: 0 !important;
-}
-
+/* TABLAS */
/* Cells divs to set individual styles with the table objects */
div.cellBold {
width: 100%;
@@ -2089,7 +2163,7 @@ div.cellBig {
/* Standard styles for status colos (groups, events, backgrounds...) */
.opacity_cell {
- filter: alpha(opacity=80);
+ filter: alpha(opacity=80); /* For IE8 and earlier */
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
@@ -2216,119 +2290,7 @@ td.datos_orangef9 {
padding: 5px 5px 5px 5px;
}
-.menu li.selected {
- font-weight: bold;
- box-shadow: inset 4px 0 #80ba27;
-}
-
-.menu_icon {
- transition-property: background-color;
- transition-duration: 0.5s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-property: background-color;
- -moz-transition-duration: 0.5s;
- -moz-transition-timing-function: ease-out;
- -o-transition-property: background-color;
- -o-transition-duration: 0.5s;
- -o-transition-timing-function: ease-out;
-}
-
-.menu_icon:hover {
- transition-property: background-color;
- transition-duration: 0.5s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-property: background-color;
- -moz-transition-duration: 0.5s;
- -moz-transition-timing-function: ease-out;
- -o-transition-property: background-color;
- -o-transition-duration: 0.5s;
- -o-transition-timing-function: ease-out;
- background-color: #585858 !important;
-}
-.submenu_not_selected:hover {
- transition-property: background-color;
- transition-duration: 0.5s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-property: background-color;
- -moz-transition-duration: 0.5s;
- -moz-transition-timing-function: ease-out;
- -o-transition-property: background-color;
- -o-transition-duration: 0.5s;
- -o-transition-timing-function: ease-out;
- background-color: #585858 !important;
-}
-.submenu_selected:hover {
- background-color: #585858 !important;
-}
-.sub_subMenu {
- transition-property: background-color;
- transition-duration: 0.5s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-property: background-color;
- -moz-transition-duration: 0.5s;
- -moz-transition-timing-function: ease-out;
- -o-transition-property: background-color;
- -o-transition-duration: 0.5s;
-}
-.sub_subMenu:hover {
- transition-property: background-color;
- transition-duration: 0.5s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-property: background-color;
- -moz-transition-duration: 0.5s;
- -moz-transition-timing-function: ease-out;
- -o-transition-property: background-color;
- -o-transition-duration: 0.5s;
- background-color: #585858 !important;
-}
-
-.submenu_text {
- color: #fff;
-}
-
-.is_submenu2 li {
- background-color: #ff0000;
-}
-
-.is_submenu2 {
- background-color: #222222 !important;
-}
-
-.operation {
- background-color: #333 !important;
- border-top-right-radius: 5px;
- border-right-style: solid;
- border-right-width: 0px;
-}
-
-.operation .selected {
- background-color: #585858 !important;
-}
-
-.menu li,
-.menu .li.not_selected {
- border-radius: 0px 0px 0px 0px;
- display: block;
- min-height: 35px;
- border-bottom: 0px none #424242;
- vertical-align: middle;
-}
-
+/* global */
input#text-id_parent.ac_input,
input,
textarea,
@@ -2340,16 +2302,20 @@ select {
border-radius: 3px;
}
+/* plugins */
span#plugin_description {
font-size: 9px;
}
-/*FOR TINYMCE*/
+/*
+ * ---------------------------------------------------------------------
+ * - TINYMCE -
+ * ---------------------------------------------------------------------
+ */
#tinymce {
text-align: left;
padding-top: 20px;
}
-
.visual_font_size_4pt,
.visual_font_size_4pt > em,
.visual_font_size_4pt > strong,
@@ -2660,7 +2626,11 @@ span#plugin_description {
line-height: 36pt;
}
-/*SIDEBAR*/
+/*
+ * ---------------------------------------------------------------------
+ * - LEFT SIDEBAR IN GRAPHS POPUP - stat_win.php -
+ * ---------------------------------------------------------------------
+ */
.menu_sidebar {
color: #111;
background: #3f3f3f;
@@ -2719,7 +2689,7 @@ span#plugin_description {
}
/*Groupsview*/
-
+/*
.groupsview {
border-spacing: 0px 4px;
}
@@ -2753,7 +2723,13 @@ span#plugin_description {
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
+*/
+/*
+ * ---------------------------------------------------------------------
+ * - TIP (to show help) -
+ * ---------------------------------------------------------------------
+ */
a.tip {
display: inline !important;
cursor: help;
@@ -2764,6 +2740,11 @@ a.tip > img {
margin-right: 2px;
}
+/*
+ * ---------------------------------------------------------------------
+ * - SEARCH BOX in header -
+ * ---------------------------------------------------------------------
+ */
input.search_input {
background: white url("../../images/input_zoom.png") no-repeat right;
padding: 0px;
@@ -2777,22 +2758,15 @@ input.search_input {
color: #999;
}
-.vertical_fields td input,
-.vertical_fields td select {
- margin-top: 8px !important;
-}
+/*.vertical_fields td input, .vertical_fields td select {
+ margin-top: 8px !important;
+}*/
a[id^="tgl_ctrl_"] > img,
a[id^="tgl_ctrl_"] > b > img {
vertical-align: middle;
}
-.noshadow {
- -moz-box-shadow: 0px !important;
- -webkit-box-shadow: 0px !important;
- box-shadow: 0px !important;
-}
-
/* Images forced title */
div.forced_title_layer {
@@ -2853,7 +2827,6 @@ div.nodata_container {
position: absolute;
top: 0;
right: 20px;
- background: #f9faf9;
}
#rmf_data {
@@ -2865,45 +2838,7 @@ div.nodata_container {
overflow: auto;
}
-/* Subtab styles */
-
-ul.subsubmenu {
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- -moz-border-bottom-right-radius: 5px;
- -moz-border-bottom-left-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
-
- background: #ececec !important;
-}
-
-ul.subsubmenu li {
- background-color: #ececec;
- font-weight: bold;
- text-decoration: none;
- font-size: 14px;
- border-color: #e2e2e2;
- border-style: solid;
- border-width: 1px;
-}
-
-ul.subsubmenu li a {
- padding: 0px 10px 5px;
-}
-
-div#agent_wizard_subtabs {
- position: absolute;
- margin-left: 0px;
- display: none;
- padding-bottom: 3px;
- z-index: 1000;
-}
-
-.agent_wizard_tab:hover {
- cursor: default;
-}
-
+/* service map */
#container_servicemap_legend {
position: absolute;
width: 200px;
@@ -2924,6 +2859,7 @@ div#agent_wizard_subtabs {
display: none;
}
+/* agent modules*/
.legend_square {
width: 20px;
padding-left: 20px;
@@ -3117,24 +3053,17 @@ table#policy_modules td * {
vertical-align: middle;
}
-.center_align {
- text-align: center;
-}
-
-.left_align {
- text-align: left;
-}
-
-.right_align {
- text-align: right;
-}
-
-.saml_button {
- float: left;
- position: fixed;
- vertical-align: middle;
-}
+/*.saml_button {
+ float: left;
+ position: fixed;
+ vertical-align: middle;
+}*/
+/*
+ * ---------------------------------------------------------------------
+ * - TACTICAL VIEW y TABLAS -
+ * ---------------------------------------------------------------------
+ */
.status_tactical {
width: 100%;
margin-left: auto;
@@ -3251,18 +3180,6 @@ div.div_groups_status {
background: none !important ;
}
-.subsubmenu {
- position: absolute;
- float: right;
- z-index: 9999;
- display: none;
- margin-top: 5px !important ;
- left: 0px !important;
-}
-.subsubmenu li {
- margin-top: 0px !important ;
-}
-
.agents_modules_table {
border: 1px solid #e2e2e2;
border-spacing: 0px;
@@ -3329,22 +3246,6 @@ div.div_groups_status {
text-align: left !important;
}
-.godmode,
-.menu_icon ul li {
- background-color: #222;
-}
-.operation .menu_icon ul li {
- background-color: #333;
-}
-
-.godmode {
- border-top: 4px solid #777 !important;
- padding-bottom: 4px !important;
- border-bottom-right-radius: 5px;
- border-right-style: solid;
- border-right-width: 0px;
-}
-
.green_title {
background-color: #82b92e;
font-weight: normal;
@@ -3421,7 +3322,7 @@ div.div_groups_status {
/*
* ---------------------------------------------------------------------
- * - Styles for the new networkmap -
+ * - Styles for the new networkmap -
* ---------------------------------------------------------------------
*/
.zoom_controller {
@@ -3442,11 +3343,12 @@ div.div_groups_status {
transform: rotate(270deg);
width: 200px;
height: 20px;
- left: -92px;
- top: 93px;
position: relative;
background: transparent !important;
border: 0px !important;
+
+ left: -92px;
+ top: 93px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -3458,22 +3360,22 @@ div.div_groups_status {
}
}
-.home_zoom {
- top: 310px;
- left: 10px;
+/*.home_zoom {
+ top: 310px;
+ left: 10px;
- display: table-cell;
- position: absolute;
- font-weight: bolder;
- font-size: 20px;
- background: blue;
- color: white;
- border-radius: 15px;
- width: 30px;
- height: 30px;
- cursor: pointer;
- text-align: center;
- vertical-align: middle;
+ display: table-cell;
+ position: absolute;
+ font-weight: bolder;
+ font-size: 20px;
+ background: blue;
+ color: white;
+ border-radius: 15px;
+ width: 30px;
+ height: 30px;
+ cursor:pointer;
+ text-align: center;
+ vertical-align: middle;
}
.zoom_in {
@@ -3548,8 +3450,13 @@ div.div_groups_status {
vertical-align: middle;
margin: 1px;
}
+*/
-/* Visual map */
+/*
+ * ---------------------------------------------------------------------
+ * - VISUAL MAPS -
+ * ---------------------------------------------------------------------
+ */
div#vc-controls {
position: fixed;
top: 30px;
@@ -3578,148 +3485,21 @@ div.simple_value > a > span.text p {
white-space: pre;
}
-/* Visual map */
-
-/* jQuery dialog */
-.no-close .ui-dialog-titlebar-close {
- display: none;
-}
-/* jQuery dialog */
-
+/*
+ * ---------------------------------------------------------------------
+ * - EVENTS -
+ * ---------------------------------------------------------------------
+ */
/* Image open dialog in group events by agents*/
#open_agent_groups {
cursor: pointer;
}
-/*Font ttf */
-@font-face {
- font-family: "DejaVuSerif-BoldFont";
- src: url("../fonts/DejaVuSerif-Bold.ttf") format("truetype");
-}
-
-.DejaVuSerif-Bold {
- font-family: "DejaVuSerif-BoldFont", serif;
-}
-
-@font-face {
- font-family: "DejaVuSerif-BoldItalicFont";
- src: url("../fonts/DejaVuSerif-BoldItalic.ttf") format("truetype");
-}
-
-.DejaVuSerif-BoldItalic {
- font-family: "DejaVuSerif-BoldItalicFont", cursive;
-}
-
-@font-face {
- font-family: "DejaVuSerif-ItalicFont";
- src: url("../fonts/DejaVuSerif-Italic.ttf") format("truetype");
-}
-
-.DejaVuSerif-Italic {
- font-family: "DejaVuSerif-ItalicFont", cursive;
-}
-
-@font-face {
- font-family: "DejaVuSerifFont";
- src: url("../fonts/DejaVuSerif.ttf") format("truetype");
-}
-
-.DejaVuSerif {
- font-family: "DejaVuSerifFont", serif;
-}
-
-@font-face {
- font-family: "DejaVuSerifCondensed-BoldFont";
- src: url("../fonts/DejaVuSerifCondensed-Bold.ttf") format("truetype");
-}
-
-.DejaVuSerifCondensed-Bold {
- font-family: "DejaVuSerifCondensed-BoldFont", serif;
-}
-
-@font-face {
- font-family: "DejaVuSerifCondensed-BoldItalicFont";
- src: url("../fonts/DejaVuSerifCondensed-BoldItalic.ttf") format("truetype");
-}
-
-.DejaVuSerifCondensed-BoldItalic {
- font-family: "DejaVuSerifCondensed-BoldItalicFont", cursive;
-}
-
-@font-face {
- font-family: "DejaVuSerifCondensed-ItalicFont";
- src: url("../fonts/DejaVuSerifCondensed-Italic.ttf") format("truetype");
-}
-
-.DejaVuSerifCondensed-Italic {
- font-family: "DejaVuSerifCondensed-ItalicFont", cursive;
-}
-
-@font-face {
- font-family: "DejaVuSerifCondensedFont";
- src: url("../fonts/DejaVuSerifCondensed.ttf") format("truetype");
-}
-
-.DejaVuSerifCondensed {
- font-family: "DejaVuSerifCondensedFont", serif;
-}
-
-@font-face {
- font-family: "FreeSansFont";
- src: url("../fonts/FreeSans.ttf") format("truetype");
-}
-
-.FreeSans {
- font-family: "FreeSansFont", sans-serif;
-}
-
-@font-face {
- font-family: "FreeSansBoldFont";
- src: url("../fonts/FreeSansBold.ttf") format("truetype");
-}
-
-.FreeSansBold {
- font-family: "FreeSansBoldFont", sans-serif;
-}
-
-@font-face {
- font-family: "smallfontFont";
- src: url("../fonts/smallfont.ttf") format("truetype");
-}
-
-.smallfont {
- font-family: "smallfontFont", serif;
-}
-
-@font-face {
- font-family: "unicodeFont";
- src: url("../fonts/unicode.ttf") format("truetype");
-}
-
-@font-face {
- font-family: "roboto";
- src: url("../../fonts/roboto.woff2") format("woff2");
-}
-
-@font-face {
- font-family: "opensans";
- src: url("../../fonts/opensans.woff2") format("woff2");
-}
-
-@font-face {
- font-family: "lato";
- src: url("../../fonts/lato.woff2") format("woff2");
-}
-
-@font-face {
- font-family: "leaguegothic";
- src: url("../../fonts/leaguegothic.woff") format("woff");
-}
-
-.unicode {
- font-family: "unicodeFont", monospace;
-}
-
+/*
+ * ---------------------------------------------------------------------
+ * - modal window and edit user -
+ * ---------------------------------------------------------------------
+ */
#alert_messages {
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
@@ -3745,7 +3525,7 @@ div.simple_value > a > span.text p {
.modalheadertext {
color: white;
position: relative;
- font-family: "Nunito", serif;
+ font-family: Nunito;
font-size: 13pt;
top: 8px;
}
@@ -3758,7 +3538,7 @@ div.simple_value > a > span.text p {
background-color: #82b92e;
color: white;
position: relative;
- font-family: "Nunito", serif;
+ font-family: Nunito;
font-size: 11pt;
}
.modalclosex {
@@ -3825,7 +3605,7 @@ div.simple_value > a > span.text p {
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
color: #82b92e;
- font-family: "Nunito", serif;
+ font-family: Nunito;
font-size: 10pt;
position: relative;
top: 6px;
@@ -3884,7 +3664,7 @@ div.simple_value > a > span.text p {
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
color: #fa5858;
- font-family: "Nunito", serif;
+ font-family: Nunito;
font-size: 10pt;
position: relative;
top: 6px;
@@ -3942,7 +3722,7 @@ div.simple_value > a > span.text p {
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
color: #82b92e;
- font-family: "Nunito", serif;
+ font-family: Nunito;
font-size: 10pt;
position: relative;
top: 6px;
@@ -3970,6 +3750,7 @@ div.simple_value > a > span.text p {
color: white;
}
+/* update manager online */
#opacidad {
opacity: 0;
transition: opacity 3s;
@@ -4006,6 +3787,7 @@ div.simple_value > a > span.text p {
font-size: 18pt;
}
+/* global */
.readonly {
background-color: #dedede !important;
}
@@ -4082,304 +3864,10 @@ div.simple_value > a > span.text p {
}
/*
- styles header login
-*/
-div#header_login {
- width: 100%;
- height: 65px;
- background-color: rgba(255, 255, 255, 0.06);
-}
-
-div#icon_custom_pandora {
- float: left;
- margin-top: 5px;
- margin-left: 4%;
-}
-
-div#list_icon_docs_support {
- float: right;
- margin-top: 8px;
- margin-right: 4%;
-}
-
-div#list_icon_docs_support ul {
- margin-top: 5px;
-}
-
-div#list_icon_docs_support ul li {
- display: inline-block;
- color: white;
- vertical-align: middle;
- margin-right: 5px;
- font-size: 10pt;
-}
-
-li#li_margin_left {
- margin-left: 30px;
-}
-
-/*
- styles login form
-*/
-
-div.container_login {
- margin-top: 10%;
- margin-left: 5%;
- margin-right: 5%;
-}
-
-div.login_page {
- width: 35%;
- min-height: 600px;
- float: left;
-}
-
-div.login_page form {
- border-right: 1px solid #868686;
- padding-top: 30px;
- padding-bottom: 50px;
- min-width: 400px;
- max-height: 600px;
-}
-
-div.login_logo_icon {
- margin-bottom: 40px;
- text-align: center;
-}
-
-div.login_logo_icon img {
- margin: 0 auto;
- width: 150px;
-}
-
-div.login_double_auth_code,
-div.login_nick,
-div.login_pass {
- margin: 0 auto;
- width: 70%;
- height: 40px;
- background-color: rgba(255, 255, 255, 0.2) !important;
- margin-bottom: 25px;
- min-width: 260px;
-}
-
-div.login_nick img,
-div.login_pass img {
- vertical-align: middle;
- margin: 3px;
- width: 30px;
-}
-
-div.login_nick input,
-div.login_pass input {
- background-color: rgba(255, 255, 255, 0) !important;
- border: 0px !important;
- color: white !important;
- border-radius: 0px;
- width: 89%;
- height: 40px;
- font-size: 9pt;
- padding: 0px !important;
-}
-
-div.login_nick input:focus,
-div.login_pass input:focus {
- outline: none;
-}
-
-div.login_nick input:-webkit-autofill,
-div.login_nick input:-webkit-autofill:hover,
-div.login_nick input:-webkit-autofill:focus,
-div.login_nick input:-webkit-autofill:active,
-div.login_pass input:-webkit-autofill,
-div.login_pass input:-webkit-autofill:hover,
-div.login_pass input:-webkit-autofill:focus,
-div.login_pass input:-webkit-autofill:active {
- transition: background-color 10000s ease-in-out 0s;
- -webkit-box-shadow: 0 0 0px 0px transparent inset !important;
- -webkit-text-fill-color: white !important;
- border: 0px;
- width: 89%;
-}
-
-div.login_nick input::-webkit-input-placeholder,
-div.login_pass input::-webkit-input-placeholder {
- color: white;
-}
-
-div.login_pass div,
-div.login_nick div {
- float: left;
- width: 11%;
-}
-
-div.login_button {
- margin: 0 auto;
- width: 70%;
- height: 40px;
- background-color: rgb(25, 25, 25);
- border: 1px solid white;
- min-width: 260px;
-}
-
-div.login_button input {
- width: 100%;
- background-color: rgb(25, 25, 25) !important;
- text-align: center;
- border: 0px;
- border-radius: 0px;
- height: 40px;
- padding: 0px;
- font-size: 9pt;
- color: white;
-}
-
-div.login_data {
- width: 65%;
- min-height: 600px;
- float: left;
-}
-
-div.text_banner_login {
- width: 100%;
- margin-bottom: 60px;
- color: white;
- text-align: center;
-}
-
-div.text_banner_login span {
- width: 100%;
-}
-
-span.span1 {
- font-size: 3vw;
- font-family: "lato-thin", sans-serif;
- color: white;
-}
-
-span.span2 {
- font-size: 3vw;
- font-family: "lato-bolder", sans-serif;
- color: white;
-}
-
-div.img_banner_login {
- width: 100%;
- text-align: center;
-}
-
-div.img_banner_login img {
- max-width: 70%;
- min-width: 70%;
- max-height: 50%;
- min-height: 50%;
-}
-
-@media all and (max-width: 1200px) {
- span.span1 {
- font-size: 30pt;
- }
- span.span2 {
- font-size: 30pt;
- }
-}
-
-/*modal windows login*/
-div.content_alert {
- width: 98%;
- margin-top: 20px;
-}
-
-div.icon_message_alert {
- float: left;
- width: 25%;
- text-align: center;
-}
-
-div.icon_message_alert img {
- width: 85px;
-}
-
-div.content_message_alert {
- width: 75%;
- float: right;
-}
-
-div.text_message_alert {
- width: 100%;
- margin-top: 10px;
-}
-
-div.text_message_alert h1 {
- margin: 0px;
-}
-
-div.text_message_alert p {
- margin: 0px;
- font-size: 10.3pt;
- line-height: 14pt;
-}
-
-div.button_message_alert {
- width: 100%;
-}
-
-div.button_message_alert input {
- float: right;
- width: 87px;
- height: 33px;
- color: #82b92e;
- border: 1px solid #82b92e;
- font-weight: bold;
- margin-right: 20px;
- margin-top: 20px;
- font-size: 10pt;
-}
-
-div.form_message_alert {
- width: 90%;
- clear: both;
- padding-top: 20px;
- padding-left: 40px;
-}
-
-div.form_message_alert ul li {
- display: inline-block;
- padding: 10px;
-}
-
-div.form_message_alert ul li input {
- border: none;
- background-color: #dadada !important;
- border-radius: 0px;
- height: 17px;
- width: 145px;
- padding-left: 5px;
-}
-
-div.form_message_alert ul li label {
- font-size: 10pt;
- padding-right: 20px;
-}
-
-div.form_message_alert h4 {
- margin: 0px;
- margin-bottom: 10px;
-}
-
-div.button_message_alert_form input {
- float: right;
- width: 87px;
- height: 33px;
- color: #82b92e;
- border: 1px solid #82b92e;
- font-weight: bold;
- font-size: 10pt;
- margin-right: 25px;
-}
-/*
- styles help pandora
-*/
+ * ---------------------------------------------------------------------
+ * - HELP MODAL WINDOWS - pandora_help.php -
+ * ---------------------------------------------------------------------
+ */
div#main_help_new {
text-align: center;
@@ -4423,18 +3911,17 @@ div#footer_help {
padding: 10px;
}
-/*center ui dialog center*/
-.ui-dialog-titlebar .ui-icon-closethick {
- background-image: url("../../images/icono_cerrar.png") !important;
- margin-top: -5px !important;
-}
-
+/* EVENTS - /ajax/events.php */
/*view-agents lastest events for this agent*/
#div_all_events_24h {
padding: 4px;
}
-/*styles graph conteiner*/
+/*
+ * ---------------------------------------------------------------------
+ * - REPORTS - graph_container.php -
+ * ---------------------------------------------------------------------
+ */
.graph_conteiner_inside > .parent_graph {
width: 100% !important;
}
@@ -4455,15 +3942,16 @@ div#footer_help {
background-size: 120px 80px !important;
}
+/*
+ * ---------------------------------------------------------------------
+ * - WUX VIEW -
+ * ---------------------------------------------------------------------
+ */
#mssg_error_div {
color: red;
font-size: 12px;
}
-/*
-* View WUX
-*/
-
.wux_global_result_container {
width: 100%;
margin-top: 30px;
@@ -4669,156 +4157,22 @@ form ul.form_flex li ul li {
cursor: pointer;
}
-#main_cluster {
- max-width: 1770px;
- margin: 0 auto;
+/* snmp */
+#snmp_data {
+ background: #f9faf9;
}
-
-.sub_cluster_1 {
- width: 400px;
- float: left;
- margin-left: 30px;
- margin-bottom: 25px;
- vertical-align: top;
- border: 1px solid #e7e9ea;
- height: 150px;
-}
-
-.sub_cluster_2 {
- width: 833px;
- float: left;
- margin-left: 30px;
- margin-bottom: 25px;
- vertical-align: top;
- border: 1px solid #e7e9ea;
- height: 150px;
-}
-
-.sub_cluster_header {
- width: 100%;
- height: 30px;
- background-color: #373737;
- color: white;
- text-align: center;
- font-size: 9pt;
- display: flex;
- justify-content: center;
- align-content: center;
- flex-direction: column;
-}
-
-.sub_cluster_body {
- width: 100%;
- height: 120px;
- background-color: #f9faf9;
- display: flex;
- justify-content: center;
- align-content: center;
- flex-direction: column;
-}
-
-.sub_cluster_body_3 {
- width: 100%;
- height: 120px;
- background-color: #f9faf9;
- overflow-y: scroll;
-}
-
-#cluster_map {
- border: 1px solid lightgray;
- width: 900px;
- height: 500px;
- float: left;
- margin-bottom: 30px;
-}
-
-#cluster_status_content {
- width: 90%;
- height: 30px;
- margin: 0px auto;
-}
-
-#cluster_status_bar {
- width: 85%;
- height: 100%;
- float: left;
-}
-
-.status_animation {
- width: 1%;
- height: 100%;
- left: 0%;
- background-color: red;
- position: relative;
-}
-
-#cluster_status_button {
- float: left;
- width: 10%;
- margin-left: 5%;
-}
-
-#last_contact_content {
- width: 90%;
- height: 60px;
- margin: 0px auto;
-}
-
-#last_contact_clock {
- width: 15%;
- height: 100%;
- float: left;
-}
-
-#last_contact_date {
- float: left;
- height: 60px;
- width: 80%;
- margin-left: 5%;
- text-align: center;
- display: flex;
- justify-content: center;
- align-content: center;
- flex-direction: column;
-}
-
-#last_contact_date_text {
- font-size: 14pt;
-}
-
-.balanced_module_item {
- float: left;
- margin-top: 11.5px;
- margin-left: 5%;
- height: 25px;
- width: 90%;
-}
-
-.module_icon {
- float: left;
- width: 10%;
-}
-
-.modal_module_list {
- float: left;
- width: 90%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-content: center;
- flex-direction: column;
-}
-
#snmp_data .databox {
border: 0px;
}
+/* library for graphs */
.yAxis.y1Axis > .tickLabel {
white-space: nowrap;
line-height: 1.05em !important;
width: auto !important;
}
+/* dialog */
.pandora_confirm_dialog .ui-dialog-buttonset {
display: flex;
width: 100%;
@@ -4848,6 +4202,7 @@ form ul.form_flex li ul li {
background: #373737 !important;
}
+/* GIS MAP */
a.down_arrow {
content: url("../../images/down.png");
max-width: 21px;
@@ -4866,6 +4221,7 @@ tr:first-child > td > a.up_arrow {
visibility: hidden;
}
+/* system group status */
.group_modules_status_box > tbody > tr > td {
border-bottom: 1px solid #e2e2e2;
border-collapse: collapse;
@@ -4884,6 +4240,7 @@ tr:first-child > td > a.up_arrow {
line-height: 20px;
}
+/* extensions -> module groups */
.tooltip_counters h3 {
font-size: 12pt;
padding-bottom: 10px !important;
@@ -4903,7 +4260,11 @@ tr:first-child > td > a.up_arrow {
margin-right: 5px;
}
-/* Message list popup */
+/*
+ * ---------------------------------------------------------------------
+ * - MESSAGE LIST POPUP -
+ * ---------------------------------------------------------------------
+ */
div#dialog_messages table th {
text-align: left;
}
@@ -4912,249 +4273,8 @@ div#dialog_messages table th:last-child {
text-align: right;
}
-/* --- JQUERY-UI --- */
-.ui-button-text-only .ui-button-text {
- font-family: "nunito", sans-serif;
- font-size: 9pt;
- color: #82b92e;
+/* jQuery dialog */
+.no-close .ui-dialog-titlebar-close {
+ display: none;
}
-.ui-datepicker .ui-datepicker-title *,
-.ui-datepicker th * {
- color: white;
-}
-.ui-datepicker .ui-datepicker-title select,
-.ui-datepicker .ui-datepicker-title option {
- color: #111 !important;
-}
-.ui-dialog .ui-dialog-titlebar {
- display: inherit;
- text-align: center;
- padding: 0.4em 1em;
- height: 30px;
- position: relative;
- background-color: #82b92e !important;
-}
-.ui-dialog .ui-dialog-title {
- font-family: "Nunito", sans-serif;
- margin: 0.1em 0 !important;
- white-space: nowrap !important;
- width: 100% !important;
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- font-size: 11pt;
- position: relative;
- top: 5px;
- float: none !important;
-}
-.ui-dialog .ui-dialog-titlebar-close {
- position: absolute !important;
- right: 1em !important;
- width: 21px !important;
- margin: 0px 0 0 0 !important;
- padding: 1px !important;
- height: 20px !important;
- bottom: 30% !important;
- top: 20% !important;
-}
-.ui-dialog .ui-dialog-content {
- position: relative !important;
- border: 0;
- padding: 0.5em 1em !important;
- background: none !important;
- overflow: auto !important;
- margin-bottom: 1em;
-}
-.ui-dialog .ui-dialog-buttonpane {
- text-align: left;
- border-width: 1px 0 0 0;
- background-image: none;
- margin-top: 0.5em;
- padding: 0.3em 1em 0.5em 0.4em;
-}
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- float: right;
-}
-.ui-dialog .ui-dialog-buttonpane button {
- margin: 0.5em 1em 0.5em 0 !important;
- cursor: pointer !important;
- background: white !important;
- background-color: white !important;
- border: 1px solid #82b92e !important;
- min-height: 35px !important;
- width: 90px !important;
-}
-.ui-widget-content {
- background: #ffffff url(include/styles/images/ui-bg_flat_75_ffffff_40x100.png)
- 50% 50% repeat-x;
-}
-.ui-state-default,
-.ui-widget-content .ui-state-default,
-.ui-widget-header .ui-state-default {
- margin-top: 3px;
- border: 1px solid #d3d3d3 !important;
- border-bottom: 0 !important;
- background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
- repeat-x !important;
- font-weight: normal !important;
- color: #555555 !important;
-}
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-left,
-.ui-corner-tl {
- border-top-left-radius: 0 !important;
-}
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-right,
-.ui-corner-tr {
- border-top-right-radius: 0 !important;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-left,
-.ui-corner-bl {
- border-bottom-left-radius: 0 !important;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-br {
- border-bottom-right-radius: 0 !important;
-}
-#ui-datepicker-div {
- border-color: #b1b1b1;
- background: #ffffff;
-}
-.ui-widget-header {
- background: #b1b1b1 !important;
- color: #ffffff !important;
-}
-.ui-datepicker-calendar th {
- background-color: #3f3f3f;
-}
-.ui-dialog .ui-widget-header {
- background-color: #82b92e;
-}
-.ui_tpicker_hour,
-.ui_tpicker_minute,
-.ui_tpicker_second,
-.ui-slider-handle {
- border: 1px solid #aaaaaa !important;
-}
-.ui-timepicker-div dd {
- margin: 0px 15px 0px 15px;
-}
-.ui-timepicker-div .ui-datepicker-title {
- color: white;
-}
-.ui-datepicker-buttonpane button {
- border-color: #b1b1b1 !important;
-}
-.ui-datepicker-buttonpane .ui-datepicker-current {
- margin-left: 0.2em !important;
-}
-.ui-dialog .ui-widget-content {
- border: 0px !important;
-}
-.ui-dialog {
- box-shadow: 5px 5px 19px #4e4e4e;
- border: 0px !important;
- padding: 0 !important;
-}
-.ui-dialog-titlebar {
- border: 0px !important;
-}
-.ui-dialog-titlebar .ui-icon-closethick,
-.ui-dialog-titlebar .ui-state-default,
-.ui-dialog-titlebar .ui-state-hover,
-.ui-dialog-titlebar button {
- background: transparent;
- border: 0px;
-}
-
-.ui-dialog-title {
- color: #ffffff;
- font-size: 9pt;
-}
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
- font-family: Verdana, Arial, sans-serif !important;
-}
-
-a.ui-button:active,
-.ui-button:active,
-.ui-button.ui-state-active:hover,
-.ui-state-focus .ui-widget-content,
-.ui-state-focus .ui-widget-header,
-.ui-state-focus .ui-button:hover,
-.ui-button:focus {
- background: transparent !important;
- border: none !important;
-}
-
-.ui-state-hover,
-.ui-widget-content .ui-state-hover,
-.ui-widget-header .ui-state-hover {
- border: 1px solid #999999 !important;
- border-bottom: 0 !important;
- background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
- repeat-x !important;
-}
-
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active {
- border: 1px solid #aaaaaa !important;
- border-bottom: 0 !important;
- background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
- repeat-x !important;
- font-weight: normal !important;
- color: #212121 !important;
-}
-.ui-state-active a,
-.ui-state-active a:link,
-.ui-state-active a:visited {
- color: #212121 !important;
-}
-
-ul.ui-front {
- z-index: 1000000 !important;
- padding-right: 0px !important;
-}
-
-ul.ui-front li {
- padding: 3px !important;
-}
-
-ul.ui-front li:hover {
- background-color: #e1e3e1 !important;
-}
-
-ul.ui-front li a.ui-menu-item-wrapper {
- background: transparent !important;
- border: none !important;
-}
-
-ul.ui-front li a.ui-menu-item-wrapper span {
- padding-left: 5px !important;
-}
-
-ul.ui-front li a.ui-menu-item-wrapper:hover {
- text-decoration: none !important;
-}
-
-input[type="submit"].ui-button-dialog {
- margin: 0.5em 1em 0.5em 0 !important;
- cursor: pointer !important;
- background: white !important;
- background-color: white !important;
- color: #82b92e !important;
- text-align: center !important;
- border: 1px solid #82b92e !important;
- height: 30px !important;
- width: 90px !important;
-}
-/* --- END - JQUERY-UI --- */
+/* jQuery dialog */
diff --git a/pandora_console/include/styles/tooltipster-light.css b/pandora_console/include/styles/tooltipster-light.css
deleted file mode 100644
index 945aa699a1..0000000000
--- a/pandora_console/include/styles/tooltipster-light.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.tooltipster-light {
- border-radius: 5px;
- border: 1px solid #cccccc;
- background: #ededed;
- color: #666666;
-}
-.tooltipster-light .tooltipster-content {
- font-family: Arial, sans-serif;
- font-size: 14px;
- line-height: 16px;
- padding: 8px 10px;
-}
\ No newline at end of file
diff --git a/pandora_console/include/styles/tooltipster-noir.css b/pandora_console/include/styles/tooltipster-noir.css
deleted file mode 100644
index fc695f507e..0000000000
--- a/pandora_console/include/styles/tooltipster-noir.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.tooltipster-noir {
- border-radius: 0px;
- border: 3px solid #82B92E;
- background: #fff;
- color: #2c2c2c;
-}
-.tooltipster-noir .tooltipster-content {
- font-family: 'Georgia', serif;
- font-size: 14px;
- line-height: 16px;
- padding: 8px 10px;
-}
diff --git a/pandora_console/include/styles/tooltipster-punk.css b/pandora_console/include/styles/tooltipster-punk.css
deleted file mode 100644
index 3c78973a7d..0000000000
--- a/pandora_console/include/styles/tooltipster-punk.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.tooltipster-punk {
- border-radius: 5px;
- border-bottom: 3px solid #82B92E;
- background: #ccc;
- color: #fff;
-}
-.tooltipster-punk .tooltipster-content {
- font-family: 'Courier', monospace;
- font-size: 14px;
- line-height: 16px;
- padding: 8px 10px;
-}
diff --git a/pandora_console/include/styles/tooltipster-shadow.css b/pandora_console/include/styles/tooltipster-shadow.css
deleted file mode 100644
index e869c5ecfc..0000000000
--- a/pandora_console/include/styles/tooltipster-shadow.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.tooltipster-shadow {
- border-radius: 5px;
- background: #fff;
- box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
- color: #2c2c2c;
-}
-.tooltipster-shadow .tooltipster-content {
- font-family: 'Arial', sans-serif;
- font-size: 14px;
- line-height: 16px;
- padding: 8px 10px;
-}
\ No newline at end of file
diff --git a/pandora_console/include/styles/tooltipster.css b/pandora_console/include/styles/tooltipster.css
deleted file mode 100644
index 66fd282f39..0000000000
--- a/pandora_console/include/styles/tooltipster.css
+++ /dev/null
@@ -1,274 +0,0 @@
-/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
-.tooltipster-default {
- border-radius: 5px;
- border: 2px solid #000;
- background: #4c4c4c;
- color: #fff;
-}
-
-/* Use this next selector to style things like font-size and line-height: */
-.tooltipster-default .tooltipster-content {
- font-family: Arial, sans-serif;
- font-size: 14px;
- line-height: 16px;
- padding: 8px 10px;
- overflow: hidden;
-}
-
-/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
-.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
- /* border-color: ... !important; */
-}
-
-
-/* If you're using the icon option, use this next selector to style them */
-.tooltipster-icon {
- cursor: help;
- margin-left: 4px;
-}
-
-
-
-
-
-
-
-
-/* This is the base styling required to make all Tooltipsters work */
-.tooltipster-base {
- padding: 0;
- font-size: 0;
- line-height: 0;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 9999999;
- pointer-events: none;
- width: auto;
- overflow: visible;
-}
-.tooltipster-base .tooltipster-content {
- overflow: hidden;
-}
-
-
-/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
-.tooltipster-arrow {
- display: block;
- text-align: center;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
-}
-.tooltipster-arrow span, .tooltipster-arrow-border {
- display: block;
- width: 0;
- height: 0;
- position: absolute;
-}
-.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
- border-left: 8px solid transparent !important;
- border-right: 8px solid transparent !important;
- border-top: 8px solid;
- bottom: -7px;
-}
-.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
- border-left: 9px solid transparent !important;
- border-right: 9px solid transparent !important;
- border-top: 9px solid;
- bottom: -7px;
-}
-
-.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
- border-left: 8px solid transparent !important;
- border-right: 8px solid transparent !important;
- border-bottom: 8px solid;
- top: -7px;
-}
-.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
- border-left: 9px solid transparent !important;
- border-right: 9px solid transparent !important;
- border-bottom: 9px solid;
- top: -7px;
-}
-.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
- left: 0;
- right: 0;
- margin: 0 auto;
-}
-.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
- left: 6px;
-}
-.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
- left: 5px;
-}
-.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
- right: 6px;
-}
-.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
- right: 5px;
-}
-.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
- border-top: 8px solid transparent !important;
- border-bottom: 8px solid transparent !important;
- border-left: 8px solid;
- top: 50%;
- margin-top: -7px;
- right: -7px;
-}
-.tooltipster-arrow-left .tooltipster-arrow-border {
- border-top: 9px solid transparent !important;
- border-bottom: 9px solid transparent !important;
- border-left: 9px solid;
- margin-top: -8px;
-}
-.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
- border-top: 8px solid transparent !important;
- border-bottom: 8px solid transparent !important;
- border-right: 8px solid;
- top: 50%;
- margin-top: -7px;
- left: -7px;
-}
-.tooltipster-arrow-right .tooltipster-arrow-border {
- border-top: 9px solid transparent !important;
- border-bottom: 9px solid transparent !important;
- border-right: 9px solid;
- margin-top: -8px;
-}
-
-
-/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
-
-.tooltipster-fade {
- opacity: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -o-transition-property: opacity;
- -ms-transition-property: opacity;
- transition-property: opacity;
-}
-.tooltipster-fade-show {
- opacity: 1;
-}
-
-.tooltipster-grow {
- -webkit-transform: scale(0,0);
- -moz-transform: scale(0,0);
- -o-transform: scale(0,0);
- -ms-transform: scale(0,0);
- transform: scale(0,0);
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- -webkit-backface-visibility: hidden;
-}
-.tooltipster-grow-show {
- -webkit-transform: scale(1,1);
- -moz-transform: scale(1,1);
- -o-transform: scale(1,1);
- -ms-transform: scale(1,1);
- transform: scale(1,1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-}
-
-.tooltipster-swing {
- opacity: 0;
- -webkit-transform: rotateZ(4deg);
- -moz-transform: rotateZ(4deg);
- -o-transform: rotateZ(4deg);
- -ms-transform: rotateZ(4deg);
- transform: rotateZ(4deg);
- -webkit-transition-property: -webkit-transform, opacity;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
-}
-.tooltipster-swing-show {
- opacity: 1;
- -webkit-transform: rotateZ(0deg);
- -moz-transform: rotateZ(0deg);
- -o-transform: rotateZ(0deg);
- -ms-transform: rotateZ(0deg);
- transform: rotateZ(0deg);
- -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
- -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
- -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
- -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
- -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
- transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-}
-
-.tooltipster-fall {
- top: 0;
- -webkit-transition-property: top;
- -moz-transition-property: top;
- -o-transition-property: top;
- -ms-transition-property: top;
- transition-property: top;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-}
-.tooltipster-fall-show {
-}
-.tooltipster-fall.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- top: 0px !important;
- opacity: 0;
-}
-
-.tooltipster-slide {
- left: -40px;
- -webkit-transition-property: left;
- -moz-transition-property: left;
- -o-transition-property: left;
- -ms-transition-property: left;
- transition-property: left;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-}
-.tooltipster-slide.tooltipster-slide-show {
-}
-.tooltipster-slide.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- left: 0px !important;
- opacity: 0;
-}
-
-
-/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
-.tooltipster-content-changing {
- opacity: 0.5;
- -webkit-transform: scale(1.1, 1.1);
- -moz-transform: scale(1.1, 1.1);
- -o-transform: scale(1.1, 1.1);
- -ms-transform: scale(1.1, 1.1);
- transform: scale(1.1, 1.1);
-}
diff --git a/pandora_console/install.php b/pandora_console/install.php
index 0cc1e25cec..68cd6dcbde 100644
--- a/pandora_console/install.php
+++ b/pandora_console/install.php
@@ -113,7 +113,7 @@
';
enterprise_hook('close_meta_frame');
-ui_require_css_file('cluetip');
+ui_require_css_file('cluetip', 'include/styles/js/');
ui_require_jquery_file('cluetip');
?>
diff --git a/pandora_console/operation/agentes/estado_monitores.php b/pandora_console/operation/agentes/estado_monitores.php
index 0e7952ff27..b311885acb 100755
--- a/pandora_console/operation/agentes/estado_monitores.php
+++ b/pandora_console/operation/agentes/estado_monitores.php
@@ -323,7 +323,7 @@ ui_toggle(
}
";
diff --git a/pandora_console/operation/agentes/interface_traffic_graph_win.php b/pandora_console/operation/agentes/interface_traffic_graph_win.php
index 30642c0b72..72e8f8989f 100644
--- a/pandora_console/operation/agentes/interface_traffic_graph_win.php
+++ b/pandora_console/operation/agentes/interface_traffic_graph_win.php
@@ -76,7 +76,7 @@ if ($refresh > 0) {
<?php echo __('%s Interface Graph', get_product_name()).' ('.agents_get_alias($agent_id).' - '.$interface_name; ?>)
-
+
diff --git a/pandora_console/operation/agentes/realtime_win.php b/pandora_console/operation/agentes/realtime_win.php
index 7dc263f10c..5223a4bb2e 100644
--- a/pandora_console/operation/agentes/realtime_win.php
+++ b/pandora_console/operation/agentes/realtime_win.php
@@ -63,7 +63,7 @@ echo '
<?php echo __('%s Realtime Module Graph', get_product_name()); ?>
-
+
diff --git a/pandora_console/operation/agentes/stat_win.php b/pandora_console/operation/agentes/stat_win.php
index c3cf3d9900..78cd56cfcc 100644
--- a/pandora_console/operation/agentes/stat_win.php
+++ b/pandora_console/operation/agentes/stat_win.php
@@ -71,7 +71,7 @@ $alias = db_get_value('alias', 'tagente', 'id_agente', $id_agent);
<?php echo __('%s Graph', get_product_name()).' ('.$alias.' - '.$label; ?>)
-
+
diff --git a/pandora_console/operation/events/events.php b/pandora_console/operation/events/events.php
index 47c83f2dd1..18e1e77ffc 100644
--- a/pandora_console/operation/events/events.php
+++ b/pandora_console/operation/events/events.php
@@ -523,7 +523,6 @@ if ($config['pure'] == 0 || $meta) {
echo '