diff --git a/pandora_console/extensions/agents_modules.php b/pandora_console/extensions/agents_modules.php
index 61675912c3..b7b80713a7 100644
--- a/pandora_console/extensions/agents_modules.php
+++ b/pandora_console/extensions/agents_modules.php
@@ -230,7 +230,6 @@ function mainAgentsModules() {
// Floating menu - End
ui_require_jquery_file('countdown');
- ui_require_css_file('countdown');
}
if($config['pure'] != 1){
diff --git a/pandora_console/extensions/module_groups.php b/pandora_console/extensions/module_groups.php
index 18ba051b60..bb72e17b8d 100644
--- a/pandora_console/extensions/module_groups.php
+++ b/pandora_console/extensions/module_groups.php
@@ -299,7 +299,7 @@ $sql =
ui_print_info_message ( array('no_close'=>true, 'message'=> __('There are no defined groups or module groups') ));
}
- ui_require_css_file('cluetip');
+ ui_require_css_file ('cluetip','include/styles/js/');
ui_require_jquery_file('cluetip');
?>
diff --git a/pandora_console/include/functions_networkmap.php b/pandora_console/include/functions_networkmap.php
index 35c0763c45..a6e2bd8079 100644
--- a/pandora_console/include/functions_networkmap.php
+++ b/pandora_console/include/functions_networkmap.php
@@ -27,7 +27,7 @@
require_once ('functions_agents.php');
require_once($config['homedir'] . "/include/functions_modules.php");
require_once($config['homedir'] . "/include/functions_groups.php");
-ui_require_css_file ('cluetip');
+ui_require_css_file ('cluetip','include/styles/js/');
// Check if a node descends from a given node
diff --git a/pandora_console/include/functions_pandora_networkmap.php b/pandora_console/include/functions_pandora_networkmap.php
index 90d6ef3022..56394792fb 100644
--- a/pandora_console/include/functions_pandora_networkmap.php
+++ b/pandora_console/include/functions_pandora_networkmap.php
@@ -1518,7 +1518,7 @@ function show_networkmap($id = 0, $user_readonly = false, $nodes_and_relations =
$networkmap['filter']['l2_network_interfaces'] = 1;
echo '';
- ui_require_css_file("jquery.contextMenu", 'include/javascript/');
+ ui_require_css_file("jquery.contextMenu", 'include/styles/js/');
echo '';
echo '';
echo '
';
diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php
index 8f6f5a35d8..aabad8f0f8 100755
--- a/pandora_console/include/functions_ui.php
+++ b/pandora_console/include/functions_ui.php
@@ -1458,11 +1458,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 4b835d65fc..e59ae3b151 100755
--- a/pandora_console/include/functions_visual_map_editor.php
+++ b/pandora_console/include/functions_visual_map_editor.php
@@ -988,7 +988,7 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background) {
__('Click end point
of the line') .
'
';
- 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/styles/cluster_view.css b/pandora_console/include/styles/cluster_view.css
new file mode 100644
index 0000000000..fd13cc7d3e
--- /dev/null
+++ b/pandora_console/include/styles/cluster_view.css
@@ -0,0 +1,146 @@
+
+/*
+ * ---------------------------------------------------------------------
+ * - 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;
+}
\ No newline at end of file
diff --git a/pandora_console/include/styles/common.css b/pandora_console/include/styles/common.css
index f9e44e571f..d47513f4da 100644
--- a/pandora_console/include/styles/common.css
+++ b/pandora_console/include/styles/common.css
@@ -1,27 +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 {
font-family: monospace !important;
@@ -51,3 +27,42 @@ 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;
+}
\ No newline at end of file
diff --git a/pandora_console/include/styles/countdown.css b/pandora_console/include/styles/countdown.css
deleted file mode 100644
index 80db0a2cf2..0000000000
--- a/pandora_console/include/styles/countdown.css
+++ /dev/null
@@ -1,42 +0,0 @@
-/* countdown styles */
-#countdown {
- border: 1px dotted #990000;
- width: 200px;
- margin-bottom: 5px;
-}
-.countdown_row {
- clear: both;
- width: 200px;
- text-align: center;
-}
-.countdown_show1 div {
- width: 100%;
-}
-.countdown_show2 div {
- width: 50%;
-}
-.countdown_show3 div {
- width: 33%;
-}
-.countdown_show4 div {
- width: 25%;
-}
-.countdown_show5 div {
- width: 20%;
-}
-.countdown_show6 div {
- width: 16%;
-}
-.countdown_show7 div {
- width: 14%;
-}
-.countdown_section {
- float: left;
- font-size: 75%
-}
-.countdown_amount {
- font-size: 200%;
-}
-.countdown_descr {
- width: 200px;
-}
diff --git a/pandora_console/include/styles/datepicker.css b/pandora_console/include/styles/datepicker.css
deleted file mode 100644
index 0242eef335..0000000000
--- a/pandora_console/include/styles/datepicker.css
+++ /dev/null
@@ -1,206 +0,0 @@
-/* Main Flora Style Sheet for jQuery UI ui-datepicker
-#ui-datepicker-div, .ui-datepicker-inline {
- font-family: Arial,Helvetica,sans-serif;
- font-size: 14px;
- padding: 0;
- margin: 0;
- background: #E0F4D7;
- width: 185px;
-}
-#ui-datepicker-div {
- display: none;
- border: 1px solid #FF9900;
- z-index: 10;
-}
-.ui-datepicker-inline {
- float: left;
- display: block;
- border: 0;
-}
-.ui-datepicker-rtl {
- direction: rtl;
-}
-.ui-datepicker-dialog {
- padding: 5px !important;
- border: 4px ridge #83C948 !important;
-}
-button.ui-datepicker-trigger {
- width: 25px;
-}
-img.ui-datepicker-trigger {
- margin: 2px;
- vertical-align: middle;
-}
-.ui-datepicker-prompt {
- float: left;
- padding: 2px;
- background: #E0F4D7;
- color: #000;
-}
-*html .ui-datepicker-prompt {
- width: 185px;
-}
-.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
- clear: both;
- float: left;
- width: 100%;
- color: #FFF;
-}
-.ui-datepicker-control {
- background: #FF9900;
- padding: 2px 0px;
-}
-.ui-datepicker-links {
- background: #E0F4D7;
- padding: 2px 0px;
-}
-.ui-datepicker-control, .ui-datepicker-links {
- font-weight: bold;
- font-size: 80%;
- letter-spacing: 1px;
-}
-.ui-datepicker-links label {
- padding: 2px 5px;
- color: #888;
-}
-.ui-datepicker-clear, .ui-datepicker-prev {
- float: left;
- width: 34%;
-}
-.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
- float: right;
- text-align: right;
-}
-.ui-datepicker-current {
- float: left;
- width: 30%;
- text-align: center;
-}
-.ui-datepicker-close, .ui-datepicker-next {
- float: right;
- width: 34%;
- text-align: right;
-}
-.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
- float: left;
- text-align: left;
-}
-.ui-datepicker-header {
- padding: 1px 0 3px;
- background: #83C948;
- text-align: center;
- font-weight: bold;
- height: 1.3em;
-}
-.ui-datepicker-header select {
- background: #83C948;
- color: #000;
- border: 0px;
- font-weight: bold;
-}
-.ui-datepicker {
- background: #CCC;
- text-align: center;
- font-size: 100%;
-}
-.ui-datepicker a {
- display: block;
- width: 100%;
-}
-.ui-datepicker .ui-datepicker-title-row {
- background: #B1DB87;
- color: #000;
-}
-.ui-datepicker .ui-datepicker-days-row {
- background: #FFF;
- color: #666;
-}
-.ui-datepicker-week-col {
- background: #B1DB87;
- color: #000;
-}
-.ui-datepicker .ui-datepicker-days-cell {
- color: #000;
- border: 1px solid #DDD;
-}
-#ui-datepicker .ui-datepicker-days-cell a {
- display: block;
-}
-.ui-datepicker .ui-datepicker-week-end-cell {
- background: #E0F4D7;
-}
-.ui-datepicker-title-row .ui-datepicker-week-end-cell {
- background: #B1DB87;
-}
-.ui-datepicker .ui-datepicker-days-cell-over {
- background: #FFF;
- border: 1px solid #777;
-}
-.ui-datepicker .ui-datepicker-unselectable {
- color: #888;
-}
-.ui-datepicker-today {
- background: #B1DB87 !important;
-}
-.ui-datepicker-current-day {
- background: #83C948 !important;
-}
-.ui-datepicker-status {
- background: #E0F4D7;
- width: 100%;
- font-size: 80%;
- text-align: center;
-}
-#ui-datepicker-div a, .ui-datepicker-inline a {
- cursor: pointer;
- margin: 0;
- padding: 0;
- background: none;
- color: #000;
-}
-.ui-datepicker-inline .ui-datepicker-links a {
- padding: 0 5px !important;
-}
-.ui-datepicker-control a, .ui-datepicker-links a {
- padding: 2px 5px !important;
- color: #000 !important;
-}
-.ui-datepicker-title-row a {
- color: #000 !important;
-}
-.ui-datepicker-control a:hover {
- background: #FDD !important;
- color: #333 !important;
-}
-.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
- background: #FFF !important;
- color: #333 !important;
-}
-.ui-datepicker-multi .ui-datepicker {
- border: 1px solid #83C948;
-}
-.ui-datepicker-one-month {
- float: left;
- width: 185px;
-}
-.ui-datepicker-new-row {
- clear: left;
-}
-*/
-/*
-.ui-datepicker-cover {
- display: none;
- display/**/: block;
- position: absolute;
- z-index: -1;
- filter: mask();
- top: -4px;
- left: -4px;
- width: 193px;
- height: 200px;
-}
-
-.ui-datepicker-title * {
- color: white;
-}
-*/
\ No newline at end of file
diff --git a/pandora_console/include/styles/dialog.css b/pandora_console/include/styles/dialog.css
index 220e1a4fb3..ad0bb56652 100644
--- a/pandora_console/include/styles/dialog.css
+++ b/pandora_console/include/styles/dialog.css
@@ -33,7 +33,6 @@
border-left: none !important;
border-right: none !important;
color: #FFFFFF !important;
- #padding: 0.1em 1em !important;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
@@ -85,7 +84,6 @@
.ui-dialog .ui-dialog-content {
margin: 12px !important;
- #padding: 0.5em 1em !important;
overflow: auto !important;
-moz-border-left: 1px solid #A9A9A9 !important;
@@ -150,7 +148,6 @@
.ui-dialog-content {
overflow: auto !important;
width: auto !important;
- #height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane {
@@ -176,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/help.css b/pandora_console/include/styles/help.css
deleted file mode 100644
index 4edfeedbec..0000000000
--- a/pandora_console/include/styles/help.css
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
-// Pandora FMS - the Flexible Monitoring System
-// =============================================
-// Copyright (c) 2004-2009 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
-// as published by the Free Software Foundation; version 2
-
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU General Public License for more details.
-// You should have received a copy of the GNU General Public License
-// along with this program; if not, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
-*/
-
-* {
- font-family: verdana, sans-serif;
- font-size: 8pt;
-}
-h1, h2, h3 {
- font: bold 1em Arial, Sans-serif;
- text-transform: uppercase;
- color: #675;
- padding-bottom: 5px;
- padding-top: 7px;
-}
-h1 {
- font-size: 16px;
-}
-h2 {
- font-size: 15px;
-}
-h3 {
- font-size: 13px;
-}
-a {
- color: #486787;
- text-decoration: none;
-}
-dd.help_t1 {margin-left: 10px; margin-top: 6px; margin-bottom: 5px; font-size: 13px; font-weight: bold}
-dd.help_t2 {margin-left: 28px; margin-top: 3px;}
-dd.help_t3 {margin-left: 55px; margin-top: 4px;}
-dd.help_t4 {margin-left: 92px; margin-top: 3px; margin-bottom: 2px;}
-.ml15 {margin-left: 15px;}
-.ml25 {margin-left: 25px;}
-.ml35 {margin-left: 35px;}
-.ml75 {margin-left: 75px;}
-div.logo {float:left;}
-div.toc {padding-left: 200px;}
-div.rayah {border-top: 1px solid #708090; width: 100%;}
-div.rayah2 {clear:both; border-top: 1px solid #708090; width: 100%; padding-bottom: 35px;}
diff --git a/pandora_console/include/styles/js/calendar.css b/pandora_console/include/styles/js/calendar.css
new file mode 100644
index 0000000000..973e502d8a
--- /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..7908d6a9e3
--- /dev/null
+++ b/pandora_console/include/styles/js/jquery-ui_custom.css
@@ -0,0 +1,254 @@
+
+@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: .4em 1em;
+ height: 30px;
+ position: relative;
+}
+.ui-dialog .ui-dialog-title {
+ font-family: Nunito, sans-serif;
+ margin: .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: .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: .5em;
+ padding: .3em 1em .5em .4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+ float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+ margin: .5em 1em .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: .5em 1em .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/javascript/jquery.contextMenu.css b/pandora_console/include/styles/js/jquery.contextMenu.css
similarity index 100%
rename from pandora_console/include/javascript/jquery.contextMenu.css
rename to pandora_console/include/styles/js/jquery.contextMenu.css
diff --git a/pandora_console/include/styles/login.css b/pandora_console/include/styles/login.css
new file mode 100644
index 0000000000..fc7334ede2
--- /dev/null
+++ b/pandora_console/include/styles/login.css
@@ -0,0 +1,417 @@
+/*
+ * ---------------------------------------------------------------------
+ * - 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.20) !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.00) !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;
+}
\ No newline at end of file
diff --git a/pandora_console/include/styles/menu.css b/pandora_console/include/styles/menu.css
index 763604e51c..e751b3cb55 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;
}
@@ -47,6 +44,7 @@ li:hover ul { display: block; }
padding: 10.5px;
margin-left: 0px;
width: 100%;
+ color: #fff;
}
.menu li.subselected a{
@@ -247,3 +245,136 @@ ul li {
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;
+}
\ No newline at end of file
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index ea6e92a956..d017455110 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;
@@ -31,73 +54,33 @@ Description: The default Pandora FMS theme layout
}
svg * {
font-size: 11pt;
- }
+}
body {
background-color: #FFF;
margin: 0 auto;
}
-
-div#page {
- background: #FFF;
- background-image: none;
-}
-
-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;
}
-
input[type='checkbox'] {
display: inline !important;
}
-
select {
padding: 2px 3px 3px 3px;
vertical-align: middle;
-}
-input.button {
- font-family: Arial,Sans-serif;
- border: 4px solid #ccc;
- background: #fff;
- padding: 2px 3px;
- margin: 10px 15px;
-}
-
-input[type=submit], input[type=button] {
- cursor: pointer;
-}
-
-select {
border: 1px solid #ddd;
}
-checkbox {
- padding: 4px;
- border: 1px solid #eee;
+input[type=submit], input[type=button] {
+ cursor: pointer;
}
h1, h2, h3, h4 {
font-weight: bold;
@@ -131,34 +114,337 @@ 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;
@@ -199,7 +485,7 @@ div#error_buttons a{
float:left;
}
-div#activity{
+/*div#activity{
padding-top: 0px;
padding-bottom: 18px;
}
@@ -221,30 +507,14 @@ div#db_f {
div#db_ftxt {
float: right;
padding-top: 10px;
-}
-div#container {
- margin: 0 auto;
- min-width: 960px;
- text-align: left;
- #border-left: solid 2px #000;
- #border-right: solid 2px #000;
- #border-top: solid 2px #000;
- #margin-top: 5px;
- height: 100%;
- background: #FFF;
-}
-div#page {
- width: 960px;
- clear: both;
-}
-div#main {
- width: auto;
- margin: 0px 0% 0px 0%;
- float: left;
- position: relative;
- min-height: 850px;
- margin-left:60px;
-}
+}*/
+
+
+/*
+ * ---------------------------------------------------------------------
+ * - HELP DIALOG - login_help_dialog.php and pandora_help.php -
+ * ---------------------------------------------------------------------
+ */
div#main_help {
width: 100%;
}
@@ -283,11 +553,6 @@ div#main_help a.footer, 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;
@@ -301,6 +566,33 @@ 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;
@@ -339,255 +631,12 @@ 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');
-}
-
-@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: center;
- margin-top: 5px;
- margin-left: 5px;
- width: 75%;
- float: right;
- text-align: left;
- top: 100px;
-}
-
-div#error_login_icon {
- #margin: 0 auto;
- margin-top: 10px;
- margin-right: 7px;
- text-align: center;
- #margin-left: 20px;
- width: 20%;
- float: right;
-}
-
-div#login_f {
- margin-top: 10px;
- margin-bottom: 25px;
-}
-
-a:focus, input:focus, button:focus {
- utline-width: 0;
- outline: 0;
-}
-/*
-DIV.login_links {
- margin: 10px 0px 0px;
- color: #FFF;
- text-align: center;
-}
-
-DIV.login_links>a {
- color: #FFF;
-}
-
-DIV.login_button{
- text-align:right;
- width: 100%;
- margin-top: 15px;
-}
-
-DIV.login_button>input{
- background-color: #373737 !important;
- border: 0px none;
- background-image: url("../../images/input_go.png") !important;
- padding-right: 25px !important;
-}
-
-.login_page{
- height: 200px;
- padding-top: 10%;
- text-align: center;
- width: 100%;
- position: absolute;
-}
-
-input.next_login {
- padding-right: 12px !important;
- padding-left: 12px !important;
- height: 23px;
- text-align: center;
- font-weight: 600 !important;
- letter-spacing: 0.5pt;
- font-size: 12px !important;
- border-radius: 3px !important;
-}
-
-DIV.login_nick, DIV.login_pass {
- text-align:left;
- padding-left: 15px;
- margin-top: 10px;
-}
-
-DIV.login_nick>input, DIV.login_pass>input {
- height: 20px;
- border-radius:0px;
- margin-left: 10px;
-}
-
-DIV.login_nick>input:focus,DIV.login_pass>input:focus {
- outline-width: 0px;
- border-color: #82B92E;
- background-color: #82B92E;
- font-size: 12px;
- height: 20px;
- box-shadow: 0px 0px 3px 3px #82B92E;
-}
-
-DIV.login_nick>img, DIV.login_pass>img {
- vertical-align: middle;
-}
-
-DIV.login_links a {
- letter-spacing: 0.8pt;
-}
-
-DIV.login_links a:first-child {
- margin-right: 5px;
-}
-
-DIV.login_links a:last-child {
- margin-left: 5px;
-}
-
-DIV.login_nick_text {
- text-align: left;
- margin-bottom: 3px;
- width: 191px;
- margin: 5px 0px;
- font-size: 12px;
- letter-spacing: 0.4pt;
-}
-
-DIV.login_pass_text {
- text-align: left;
- width: 191px;
- margin: 13px 0px 5px 0px;
- font-size: 12px;
- letter-spacing: 0.4pt;
-}
-
-DIV.login_pass {
-}
-
-input.login {
- border: 0px none;
- margin: 0px 0px;
- width: 135px;
- height: 18px;
- font-weight: 100 !important;
-
- letter-spacing: 0.3pt;
-}
-
-input.login_user {
-
- color: #373737 !important;
- padding-left: 8px;
- width: 179px;
- color: #222;
- height: 18px;
-}
-
-input.login_password {
-
- padding-left: 8px;
- width: 179px;
- color: #222;
- height: 20px;
-}
-*/
-.databox_error {
+/*.databox_error {
width: 657px !important;
height: 400px;
border: none !important;
@@ -595,63 +644,24 @@ input.login_password {
background: url(../../images/splash_error.png) no-repeat;
}
-#ver_num {
- margin: 0px auto;
- width: 100%;
- position: absolute;
- bottom: 10px;
- color: #FFF;
- text-align: center;
-}
-
-input:-webkit-autofill {
- #-webkit-box-shadow: 0 0 0px 1000px #DDD inset;
-}
-/***********************/
-/* END OF LOGIN STYLES */
-/***********************/
-
-th > label {
- padding-top: 7px;
-}
input.chk {
margin-right: 0px;
border: 0px none;
height: 14px;
-}
+}*/
input.datos {
background-color: #f5f5f5;
}
-input.datos_readonly {
+/*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;
-}
+/*
+ * ---------------------------------------------------------------------
+ * - VISUAL MAPS -
+ * ---------------------------------------------------------------------
+ */
input.vs_button_ghost{
background-color: transparent !important;
border: 1px solid #82b92e;
@@ -667,17 +677,6 @@ input.percentile, input.binary, input.camera, input.config,
input.cancel, input.default, input.filter, input.pdf,input.spinn {
padding-right: 30px;
height: 23px;
-
-}
-
-input:disabled {
- background-color: #DDD !important;
-}
-textarea:disabled {
- background-color: #DDD !important;
-}
-select:disabled {
- background-color: #DDD !important;
}
input.next {
@@ -900,28 +899,12 @@ div#cont {
overflow-x: hidden;
}
-.termframe{
+/*.termframe{
background-color: #80BA27 !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;
-}
-tr.datos, tr.datost, tr.datosb , tr.datos_id,
+/*tr.datos, tr.datost, tr.datosb , tr.datos_id,
tr.datosf9 {
#background-color: #eaeaea;
}
@@ -935,19 +918,20 @@ 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;
}
-/* 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, td.datos3 * {
@@ -962,14 +946,16 @@ td.datos4, td.datos4 * {
color: white !important;
}
-td.datos_id {
+/*td.datos_id {
color: #1a313a;
-}
+}*/
+/* user list php */
tr.disabled_row_user * {
color: grey;
}
+/* global syles */
.bg { /* op menu */
background: #82b92e;
}
@@ -1062,7 +1048,7 @@ tr.disabled_row_user * {
color: #5AB7E5;
font-weight: bold;
}
-.redb, .greenb, td.datos_id, td.datos2_id, f9b {
+.redb, .greenb, td.datos_id, td.datos2_id {
font-weight: bold;
}
.p10 {
@@ -1130,15 +1116,21 @@ div.title_line {
}
+/*
+ * ---------------------------------------------------------------------
+ * - RIGHT MENU SECTION -
+ * ---------------------------------------------------------------------
+ */
#menu_tab_frame, #menu_tab_frame_view {
display: block !important;
border-bottom: 1px solid #80BA27;
-/* float:left; */
- margin-left: 0px !important;
max-height: 31px;
min-height: 31px;
- padding-right: 28px;
width: 100%;
+ padding-right: 0px;
+ margin-left: 0px !important;
+ margin-bottom: 20px;
+ height: 31px;
}
#menu_tab {
@@ -1155,28 +1147,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;
@@ -1187,7 +1157,6 @@ div.title_line {
}
#menu_tab li.nomn_high a {
- /*background: #82b92e;*/
color: #fff;
}
#menu_tab .mn li a {
@@ -1197,12 +1166,8 @@ div.title_line {
margin: 0px;
}
#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;
@@ -1212,6 +1177,64 @@ 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;
@@ -1265,11 +1288,6 @@ div.title_line {
height: 24px;
}
-#menu_tab_frame *, #menu_tab_frame_view *{
- #margin: 0px 0px 0px 0px !important;
-}
-
-
#menu_tab_left li a, #menu_tab_left li span {
text-transform: uppercase;
color: #fff;
@@ -1280,6 +1298,8 @@ div.title_line {
font-weight: bold;
}
+
+/*
span.users {
background: url(../../images/group.png) no-repeat;
}
@@ -1343,10 +1363,12 @@ 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.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 {
@@ -1359,8 +1381,14 @@ 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 {
margin-bottom: 5px;
margin-top: 0px;
@@ -1373,6 +1401,7 @@ span.rmess, span.nrmess {
}
.databox_color{
padding-top: 5px;
+ background-color: #fafafa;
}
table.databox {
@@ -1395,9 +1424,6 @@ table.databox {
font-weight: normal;
color: #fff;
}
-.databox>td {
- #border-bottom: 1px solid #E2E2E2;
-}
.databox>th * {
color: #fff;
@@ -1442,21 +1468,9 @@ 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;
}
@@ -1471,8 +1485,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;
}
@@ -1487,10 +1502,7 @@ table.rounded_cells td {
border-radius: 6px !important;
}
-.databox_color {
- background-color: #fafafa;
-}
-#head_l {
+/*#head_l {
float: left;
margin: 0;
padding: 0;
@@ -1505,8 +1517,8 @@ table.rounded_cells td {
position: absolute;
padding-top: 6px;
padding-left: 12em;
-}
-span#logo_text1 {
+}*/
+/*span#logo_text1 {
font: bolder 3em Arial, Sans-serif;
letter-spacing: -2px;
color: #eee;
@@ -1533,13 +1545,13 @@ div#logo_text3 {
}
.bt0 {
border-top: 0px;
-}
+}*/
.action-buttons {
text-align: right;
}
-#table-add-item select, #table-add-sla select {
+/*#table-add-item select, #table-add-sla select {
width: 180px;
-}
+}*/
/* end of classes for event priorities */
div#main_pure {
@@ -1553,13 +1565,13 @@ div#main_pure {
width: 98%;
position: static;
}
-#table-agent-configuration radio {
+/*#table-agent-configuration radio {
margin-right: 40px;
-}
+}*/
.ui-draggable {
cursor:move;
}
-#layout_trash_drop {
+/*#layout_trash_drop {
float: right;
width: 300px;
height: 180px;
@@ -1571,26 +1583,10 @@ div#main_pure {
#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;
-}
+}*/
+
+
+
/* IE 7 Hack */
#editor {
*margin-top: 10px !important;
@@ -1625,33 +1621,23 @@ 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;
-}
+}*/
+
+/* Modules */
table#simple{
padding: 30px;
}
@@ -1779,22 +1765,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;
- #color:#3f4e2f;
- line-height: 20px;
- color: #3F3F3F;
- #top:-2em;
-}
-
fieldset .databox {
border: 0px solid;
}
@@ -1962,19 +1932,6 @@ div.warn {
min-height: 35px !important;
}
-/* Pandora width style theme */
-
-div#container {
- width: 100%;
-}
-div#page {
- width: auto;
-}
-div#main {
- max-width: 93%;
- min-width: 93%;
-}
-
ol.steps {
margin-bottom: 70px;
}
@@ -1982,18 +1939,11 @@ div#steps_clean {
display:none;
}
-#menu_tab_frame, #menu_tab_frame_view {
- width: 100%;
- padding-right: 0px;
- margin-left: 0px !important;
- margin-bottom: 20px;
- height: 31px;
-}
div#events_list {
float: left;
width: 100%;
}
-span#logo_text1 {
+/*span#logo_text1 {
font: bolder 3em Arial, Sans-serif;
letter-spacing: -2px;
color: #eee;
@@ -2012,7 +1962,7 @@ div#logo_text3 {
margin-top: 0px;
margin-left: 4px;
padding-top: 0px;
-}
+}*/
.pagination {
margin-top: 15px;
margin-bottom: 5px;
@@ -2023,77 +1973,9 @@ div#logo_text3 {
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;
-}
-
- Today selector
-td.scwFoot {
- background-color: #daedae;
- color: #111;
-}
-
-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%;
@@ -2201,13 +2083,12 @@ 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;
}
-
tr.group_view_data, .group_view_data {
color: #3F3F3F;
}
@@ -2217,9 +2098,6 @@ tr.group_view_crit, .group_view_crit {
color: #fff;
}
-tr.group_view_norm, .group_view_norm, tr.group_view_normal, .group_view_normal {
- #background-color: #ffffff;
-}
tr.group_view_ok, .group_view_ok {
background-color: #80BA27;
color: #fff;
@@ -2294,137 +2172,8 @@ td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yel
padding: 5px 5px 5px 5px;
}
-.menu li.selected {
- font-weight: bold;
-}
-
-ul.operation li a:hover {
- #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;
-}
-
-.submenu_text {
- color: #fff;
-}
-
-.menu li.selected {
- box-shadow: inset 4px 0 #80BA27;
-}
-
-li.links a:hover {
- #font-weight: bold;
-}
-
-.is_submenu2 li {
- background-color: #ff0000;
-}
-
-.is_submenu2 {
- background-color: #222222 !important;
-}
-
-.operation {
- background-color: #333 !important;
-}
-
-.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;
-}
-
-#menu_tab li.separator {
- /* Empty */
-}
-
-.operation{
- border-top-right-radius: 5px;
- border-right-style: solid;
- border-right-width: 0px;
-
-}
+/* global */
input#text-id_parent.ac_input, input, textarea, select {
background-color: #ffffff !important;
border: 1px solid #cbcbcb;
@@ -2433,13 +2182,20 @@ input#text-id_parent.ac_input, input, textarea, 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, .visual_font_size_4pt > strong > span, .visual_font_size_4pt > span, .visual_font_size_4pt > strong > em, .visual_font_size_4pt > em > strong, .visual_font_size_4pt em span, .visual_font_size_4pt span em {
font-size: 4pt !important;
@@ -2554,7 +2310,12 @@ span#plugin_description {
line-height: 36pt;
}
-/*SIDEBAR*/
+
+/*
+ * ---------------------------------------------------------------------
+ * - LEFT SIDEBAR IN GRAPHS POPUP - stat_win.php -
+ * ---------------------------------------------------------------------
+ */
.menu_sidebar {
color:#111;
background: #3f3f3f;
@@ -2614,7 +2375,7 @@ span#plugin_description {
}
/*Groupsview*/
-
+/*
.groupsview {
border-spacing: 0px 4px;
}
@@ -2646,7 +2407,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;
@@ -2657,6 +2424,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;
@@ -2670,23 +2442,17 @@ input.search_input {
color: #999;
}
-.vertical_fields td input, .vertical_fields td select {
+/*.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 {
+div.forced_title_layer {
display: block;
text-decoration: none;
position: absolute;
@@ -2744,9 +2510,6 @@ div.nodata_container {
position: absolute;
top:0;
right:20px;
-
- #background-color: #fff;
- #padding: 10px;
}
#rmf_data {
@@ -2756,50 +2519,10 @@ div.nodata_container {
top:0;
right:20px;
overflow: auto;
-
- #background-color: #fff;
- #padding: 10px;
}
-/* 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;
@@ -2820,6 +2543,7 @@ div#agent_wizard_subtabs {
display: none;
}
+/* agent modules*/
.legend_square {
width: 20px;
padding-left: 20px;
@@ -2940,7 +2664,6 @@ table.alert_escalation th img {
td.used_field {
- #border: solid #6EB432;
background: #6EB432 !important;
color: #FFFFFF;
font-weight: bold;
@@ -3010,24 +2733,18 @@ table#policy_modules td * {
vertical-align: middle;
}
-.center_align {
- text-align: center;
-}
-.left_align {
- text-align: left;
-}
-
-.right_align {
- text-align: right;
-}
-
-.saml_button {
+/*.saml_button {
float: left;
position: fixed;
vertical-align: middle;
-}
+}*/
+/*
+ * ---------------------------------------------------------------------
+ * - TACTICAL VIEW y TABLAS -
+ * ---------------------------------------------------------------------
+ */
.status_tactical{
width: 100%;
margin-left: auto;
@@ -3146,18 +2863,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;
@@ -3220,20 +2925,7 @@ 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;
@@ -3311,7 +3003,7 @@ div.div_groups_status{
/*
* ---------------------------------------------------------------------
- * - Styles for the new networkmap -
+ * - Styles for the new networkmap -
* ---------------------------------------------------------------------
*/
.zoom_controller {
@@ -3325,8 +3017,6 @@ div.div_groups_status{
position: absolute;
}
-
-
.vertical_range {
padding: 0;
-webkit-transform: rotate(270deg);
@@ -3337,9 +3027,7 @@ div.div_groups_status{
position: relative;
background: transparent !important;
border: 0px !important;
-}
-.vertical_range {
left: -92px;
top: 93px;
}
@@ -3354,7 +3042,7 @@ div.div_groups_status{
}
}
-.home_zoom {
+/*.home_zoom {
top: 310px;
left: 10px;
@@ -3444,8 +3132,13 @@ div.div_groups_status{
vertical-align: middle;
margin: 1px;
}
+*/
-/* Visual map */
+/*
+ * ---------------------------------------------------------------------
+ * - VISUAL MAPS -
+ * ---------------------------------------------------------------------
+ */
div#vc-controls {
position: fixed;
top: 30px;
@@ -3474,164 +3167,22 @@ 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;
-}
-
-@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;
-}
-
+/*
+ * ---------------------------------------------------------------------
+ * - modal window and edit user -
+ * ---------------------------------------------------------------------
+ */
#alert_messages{
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
@@ -3710,11 +3261,11 @@ div.simple_value > a > span.text p
.modalokbutton{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
cursor:pointer;
text-align:center;
margin-right:45px;
@@ -3722,49 +3273,57 @@ div.simple_value > a > span.text p
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-bottom:30px;
- border-radius: 3px;width:90px;height:30px;background-color:white;border: 1px solid #82b92e;
+ border-radius: 3px;
+ width:90px;
+ height:30px;
+ background-color:white;
+ border: 1px solid #82b92e;
}
.modalokbuttontext{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:#82b92e;
+ font-family:Nunito;
+ font-size:10pt;
+ position:relative;
+ top:6px;
}
.modalokbutton:hover {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- background-color:#82b92e;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ background-color:#82b92e;
}
.modalokbutton:hover .modalokbuttontext {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- color:white;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:white;
}
.modaldeletebutton{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
cursor:pointer;
text-align:center;
margin-left:45px;
@@ -3772,87 +3331,108 @@ div.simple_value > a > span.text p
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-bottom:30px;
- border-radius: 3px;width:90px;height:30px;background-color:white;border: 1px solid #FA5858;
+ border-radius: 3px;
+ width:90px;
+ height:30px;
+ background-color:white;
+ border: 1px solid #FA5858;
}
.modaldeletebuttontext{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- color:#FA5858;font-family:Nunito;font-size:10pt;position:relative;top:6px;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:#FA5858;
+ font-family:Nunito;
+ font-size:10pt;
+ position:relative;top:6px;
}
.modaldeletebutton:hover .modaldeletebuttontext {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- color:white;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:white;
}
.modaldeletebutton:hover {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- background-color:#FA5858;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ background-color:#FA5858;
}
.modalgobutton{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- cursor:pointer;text-align:center;margin-right:15px;margin-bottom:30px;float:right;-moz-border-radius: 3px;
- -webkit-border-radius: 3px;border-radius: 3px;width:240px;height:30px;background-color:white;border: 1px solid #82b92e;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ cursor:pointer;
+ text-align:center;
+ margin-right:15px;
+ margin-bottom:30px;
+ float:right;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ width:240px;
+ height:30px;
+ background-color:white;
+ border: 1px solid #82b92e;
}
.modalgobuttontext{
transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
-color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:#82b92e;
+ font-family:Nunito;
+ font-size:10pt;
+ position:relative;
+ top:6px;
}
.modalgobutton:hover {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- background-color:#82b92e;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ background-color:#82b92e;
}
.modalgobutton:hover .modalgobuttontext {
- transition-property: background-color, color;
+ transition-property: background-color, color;
transition-duration: 1s;
- transition-timing-function: ease-out;
- -webkit-transition-property: background-color, color;
- -webkit-transition-duration: 1s;
- -o-transition-property: background-color, color;
- -o-transition-duration: 1s;
- color:white;
+ transition-timing-function: ease-out;
+ -webkit-transition-property: background-color, color;
+ -webkit-transition-duration: 1s;
+ -o-transition-property: background-color, color;
+ -o-transition-duration: 1s;
+ color:white;
}
-
+/* update manager online */
#opacidad{
opacity:0;
transition: opacity 3s;
@@ -3887,6 +3467,8 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
font-size:18pt;
}
+
+/* global */
.readonly{
background-color: #dedede !important;
}
@@ -3908,10 +3490,6 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
border-width:0px 0px 0px 0px;
}
-#tinymce{
- padding-top:20px;
-}
-
#filter_event_status,
#filter_event_severity,
#filter_event_type {
@@ -3965,321 +3543,12 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
border-bottom-style: solid;
}
-/*
- 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.20) !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.00) !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;
- }
-}
-
-
-/*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;
-}
-
-.ui-dialog .ui-dialog-titlebar {
- background-color: #82b92e !important;
-}
-
-/*
- styles help pandora
-*/
+ * ---------------------------------------------------------------------
+ * - HELP MODAL WINDOWS - pandora_help.php -
+ * ---------------------------------------------------------------------
+ */
div#main_help_new {
text-align: center;
@@ -4323,17 +3592,18 @@ div#footer_help{
padding: 10px;
}
-/*center ui dialog center*/
-.ui-dialog-titlebar .ui-icon-closethick {
- 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;
}
@@ -4354,15 +3624,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;
@@ -4574,150 +3845,8 @@ form ul.form_flex li ul li{
}
-#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;
-}
+/* snmp */
#snmp_data {
background: #f9faf9;
}
@@ -4725,12 +3854,15 @@ form ul.form_flex li ul li{
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%;
@@ -4760,6 +3892,7 @@ form ul.form_flex li ul li{
background: #373737 !important;
}
+/* GIS MAP */
a.down_arrow {
content: url("../../images/down.png");
max-width: 21px;
@@ -4777,6 +3910,7 @@ tr:last-child > td > a.down_arrow, 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;
@@ -4795,6 +3929,7 @@ tr:last-child > td > a.down_arrow, tr:first-child > td > a.up_arrow {
line-height: 20px;
}
+/* extensions -> module groups */
.tooltip_counters h3{
font-size: 12pt;
padding-bottom: 10px !important;
@@ -4815,7 +3950,11 @@ tr:last-child > td > a.down_arrow, tr:first-child > td > a.up_arrow {
margin-right: 5px;
}
-/* Message list popup */
+/*
+ * ---------------------------------------------------------------------
+ * - MESSAGE LIST POPUP -
+ * ---------------------------------------------------------------------
+ */
div#dialog_messages table th {
text-align: left;
}
@@ -4824,236 +3963,10 @@ div#dialog_messages table th:last-child {
text-align: right;
}
-/* --- JQUERY-UI --- */
-.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: .4em 1em;
- height: 30px;
- position: relative;
-}
-.ui-dialog .ui-dialog-title {
- font-family: Nunito, sans-serif;
- margin: .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: .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: .5em;
- padding: .3em 1em .5em .4em;
-}
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- float: right;
-}
-.ui-dialog .ui-dialog-buttonpane button {
- margin: .5em 1em .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-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-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;
+/* jQuery dialog */
+.no-close .ui-dialog-titlebar-close {
+ display: none;
}
+/* jQuery dialog */
-.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: .5em 1em .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 --- */
diff --git a/pandora_console/include/styles/pandora_forms.css b/pandora_console/include/styles/pandora_forms.css
deleted file mode 100644
index 16e25e1396..0000000000
--- a/pandora_console/include/styles/pandora_forms.css
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
-
-Author: The Pandora FMS team
-Exclude css from visual styles
-Description: Forms based on fieldset and labels to improve accesibility
-
-// Pandora FMS - the Flexible Monitoring System
-// Copyright (c) 2004-2010 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
-// as published by the Free Software Foundation; version 2
-
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU General Public License for more details.
-// You should have received a copy of the GNU General Public License
-// along with this program; if not, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
-*/
-
-fieldset {
- background-color:#fafafa;
- border: 1px solid #f2f2f2;
- padding:0.5em;
- margin-top:0.5em;
- margin-bottom:1em;
- position:relative;
-}
-fieldset legend {
- font-size:1.3em;
- font-weight:bold;
- color:#3f4e2f;
- top:-2em;
-}
-fieldset label {
- font-weight: bold;
- display:block;
- margin-right:1em;
- margin-left:1em;
- margin-bottom:1em;
- width:25%;
- float:left;
-}
-fieldset select, fieldset input {
- position:relative;
- right:1em;
- margin-bottom:0.5em;
-}
-fieldset br {
- clear:left;
-}
-
-/*.pandora_form input.sub {
- position:relative;
- left:80%;
-}*/
-
-/*CALENDAR TOOLTIP STYLE*/
-
-/* Calendar background */
-table.scw {
- background-color: #daedae;
-}
-
-/* Week number heading */
-td.scwWeekNumberHead {
- color: #000;
-}
-
-td.scwWeek {
- color: #000 !important;
-}
-
-/* Today selector */
-td.scwFoot {
- background-color: #daedae;
- color: #000;
-}
-
-td.scwFootDisabled {
- background-color: #000;
- color: #FFFFFF;
-}
-
-tfoot.scwFoot {
- color: #000;
-}
-
-.scwFoot :hover{
- color: #FFA500 !important;
-}
-
-
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/operation/agentes/alerts_status.php b/pandora_console/operation/agentes/alerts_status.php
index 47b1a97318..7972eb568f 100755
--- a/pandora_console/operation/agentes/alerts_status.php
+++ b/pandora_console/operation/agentes/alerts_status.php
@@ -606,7 +606,7 @@ echo '';
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 d3baf170e5..2e86317c30 100755
--- a/pandora_console/operation/agentes/estado_monitores.php
+++ b/pandora_console/operation/agentes/estado_monitores.php
@@ -317,7 +317,7 @@ ui_toggle($html_toggle,
";
diff --git a/pandora_console/operation/agentes/interface_traffic_graph_win.php b/pandora_console/operation/agentes/interface_traffic_graph_win.php
index 7346e90805..07bf136fd9 100644
--- a/pandora_console/operation/agentes/interface_traffic_graph_win.php
+++ b/pandora_console/operation/agentes/interface_traffic_graph_win.php
@@ -78,7 +78,7 @@ $interface_traffic_modules = array(
)
-
+
diff --git a/pandora_console/operation/agentes/realtime_win.php b/pandora_console/operation/agentes/realtime_win.php
index 55a27c7c34..705eb03836 100644
--- a/pandora_console/operation/agentes/realtime_win.php
+++ b/pandora_console/operation/agentes/realtime_win.php
@@ -65,7 +65,7 @@ echo '
-
+
diff --git a/pandora_console/operation/agentes/stat_win.php b/pandora_console/operation/agentes/stat_win.php
index adb210dd70..520622a6f5 100644
--- a/pandora_console/operation/agentes/stat_win.php
+++ b/pandora_console/operation/agentes/stat_win.php
@@ -73,7 +73,7 @@ $alias = db_get_value ("alias","tagente","id_agente",$id_agent);
)
-
+
diff --git a/pandora_console/operation/events/events.php b/pandora_console/operation/events/events.php
index 5f76201864..40048ebf53 100644
--- a/pandora_console/operation/events/events.php
+++ b/pandora_console/operation/events/events.php
@@ -508,7 +508,6 @@ else {
// Floating menu - End
ui_require_jquery_file('countdown');
- ui_require_css_file('countdown');
}
// Error div for ajax messages
diff --git a/pandora_console/operation/snmpconsole/snmp_view.php b/pandora_console/operation/snmpconsole/snmp_view.php
index 8712406ed9..83b47a07ae 100755
--- a/pandora_console/operation/snmpconsole/snmp_view.php
+++ b/pandora_console/operation/snmpconsole/snmp_view.php
@@ -649,7 +649,7 @@ if (empty ($traps)) {
ui_require_css_file('pandora_enterprise', ENTERPRISE_DIR . '/include/styles/');
ui_require_css_file('pandora_dashboard', ENTERPRISE_DIR . '/include/styles/');
- ui_require_css_file('cluetip');
+ ui_require_css_file ('cluetip','include/styles/js/');
ui_require_jquery_file('countdown');
ui_require_javascript_file('pandora_dashboard', ENTERPRISE_DIR.'/include/javascript/');
diff --git a/pandora_console/operation/tree.php b/pandora_console/operation/tree.php
index 6d6d1ace9e..768adccf6b 100755
--- a/pandora_console/operation/tree.php
+++ b/pandora_console/operation/tree.php
@@ -14,6 +14,9 @@
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
+ui_require_css_file ('tree');
+ui_require_css_file ('fixed-bottom-box');
+
global $config;
$pure = get_parameter('pure', 0);
diff --git a/pandora_console/operation/visual_console/render_view.php b/pandora_console/operation/visual_console/render_view.php
index 88aa649ecf..748d78f1a3 100755
--- a/pandora_console/operation/visual_console/render_view.php
+++ b/pandora_console/operation/visual_console/render_view.php
@@ -191,7 +191,6 @@ if ($config['pure']) {
// Floating menu - End
ui_require_jquery_file('countdown');
- ui_require_css_file('countdown');
?>