diff --git a/pandora_console/include/styles/pandora_green_old.css b/pandora_console/include/styles/pandora_green_old.css new file mode 100644 index 0000000000..16d214d9e8 --- /dev/null +++ b/pandora_console/include/styles/pandora_green_old.css @@ -0,0 +1,3137 @@ +/* + +Author: The Pandora FMS team +Name: Green old theme +Description: The default Pandora FMS theme layout + +// Pandora FMS - http://pandorafms.com +// ========================================================== +// Copyright (c) 2004-2011 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. +*/ + +/* Tree view styles */ +@import url(tree.css); + +* { + font-family: verdana, sans-serif; + letter-spacing: 0.03pt; + font-size: 8pt; + color: #3F3F3F; +} +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; +} + +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; +} +h1, h2, h3, h4 { + font-weight: bold; + font-size: 1em; + font-family: Arial, Sans-serif; + text-transform: uppercase; + color: #3F3F3F; + padding-bottom: 4px; + padding-top: 7px; +} +h1 { + font-size: 16px; +} +h2 { + font-size: 15px; +} +h3 { + font-size: 14px; +} +h4 { + margin-bottom: 10px; + font-size: 13px; + color: #3F3F3F; + text-transform: none; +} +a { + color: #3F3F3F; + text-decoration: none; +} +a:hover { + color: #373737; + text-decoration: underline; +} +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:54% +} +div#log_msg { + display: none; +} +div#error_buttons { + margin-top: 20px; +} +div#error_buttons a{ + margin: 14px; +} + +#noaccess { + position: relative; + margin-top:25px; + left: 15px; + padding-top: 5px; + background-color: #FFFFFF; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#noaccess-title { + color: #FFF; + font-weight: bold; + padding-top: 5px; + margin-left: 5px; + background: none repeat scroll 0% 0% #80ab51; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + text-align: center; +} + +#noaccess-text { + font-size: 12px; + text-align: justify; + padding-top: 25px; + padding-right: 50px; + float:right; +} + +#noaccess-image { + position: relative; + left: 10px; + top: 10px; + float:left; +} + +div#activity{ + padding-top: 0px; + padding-bottom: 18px; +} +div#noa { + float: right; + padding-right: 50px; + margin-top: 25px; +} +div#db_f { + text-align: justify; + margin: auto; + padding: 0.5em; + width: 55em; + margin-top: 3em; +} +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 2% 0px 0%; + float: right; + position: relative; + min-height: 850px; +} +div#main_help { + width: 100%; + padding-left: 0px; + padding-top: 0px; + background-color: #ffffff; + margin-top: 0px; + margin-left: 0px; + margin-right: 0px; + border-radius: 10px; +} +div#main_help div.databox, .license_databox { + background: F3F3F3; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + border: 0px; + padding-left: 25px; + padding-right: 25px; + margin-top: 10px; + -moz-box-shadow: -1px 1px 6px #aaa; + -webkit-box-shadow: -1px 1px 6px #aaa; + box-shadow: -1px 1px 6px #aaa; + +} + +div#main_help div.databox h1{ + padding-bottom: 0px; + margin-bottom: 0px; + font-weight: bold; + font-family: sans-serif, verdana; +} + +div#main_help div.databox h3, div#main_help div.databox h2 { + color: #6EB432; + font-family: sans-serif, verdana; +} + +div#main_help div.databox h3 { + font-size: 12px; +} + +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; + height: 1px; + background-color: #222; + margin: 0px; +} + +div#main_help div.databox p{ + line-height: 15px; + text-align: justify; +} + +div#menu_container { + -moz-border-top-right-radius: 6px; + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + z-index: 1010; + width: 40px; + height: 100%; +} + +div#menu { + width: 45px; + float: left; + z-index: 2000; + position: absolute; +} + +div#head { + font-size: 8pt; + width: 100%; + height: 60px; + padding-top: 0px; + margin-bottom: 20px; + border-bottom-style: solid; + border-bottom-width: 3px; + border-color: #80ab51; + min-width: 882px; + background-color: #333; + color: white; + background-image: url("../../images/header.jpg"); +} + +.fixed_header { + z-index: 9999; + position: fixed; + left: 0; + top: 0; + 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'); +} + +#login_body { + /* Set rules to fill background */ + min-height: 100%; + min-width: 1024px; + 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/fondo_madera_bn_1100.jpg"); + background-repeat: repeat; + background-position: center center; + } +} +@media screen and (max-width: 1400px) { /* Specific to this particular image */ + #login_body { + background-image: url("../../images/backgrounds/fondo_madera_bn_1400.jpg"); + background-repeat: repeat; + background-position: center center; + } +} +@media screen and (max-width: 2000px) { /* Specific to this particular image */ + #login_body { + background-image: url("../../images/backgrounds/fondo_madera_bn_2000.jpg"); + background-repeat: repeat; + background-position: center center; + } +} +@media screen and (min-width: 2000px) { /* Specific to this particular image */ + #login_body { + background-image: url("../../images/backgrounds/fondo_madera_bn_2500.jpg"); + background-repeat: repeat; + background-position: center center; + } +} + +p.log_in { + color: #FFF !important; + padding: 0px 10px; + width:57%; +} +h1#log_f { + color: #c00; + border-bottom: 1px solid #c00; + padding-bottom: 3px; +} +div#login { + border-width: 2px 2px 2px 2px; + border-style: solid; + border-color: #000; + font-size: 12px !important; +} +div#login_in, #login_f { + /*margin: 0 auto 0 140px; + width: 400px;*/ +} + +.databox_login, .databox_logout { + border-radius: 5px; + height: 200px; +} + +#login_inner { + width: 100%; + height: 100%; + border-radius: 5px; + /* Browser without multibackground support */ + background-color: #373737 !important; + +} +#login_outer { + border-radius: 11px; + background-color: #000; + width: 500px !important; + color: #FFF !important; + margin: 0px auto; +} + +.version_login{ + transform: rotate(36deg); + /* Old browser support */ + -ms-transform: rotate(36deg); /* IE */ + -moz-transform: rotate(36deg); /* FF */ + -o-transform: rotate(36deg); /* Opera */ + -webkit-transform: rotate(36deg); /* Safari and Chrome */ + + float: right; + margin-top: 18px; + width: 80px; + height: 0px; + border-right: 13px solid transparent; + border-left: 25px solid transparent; + border-bottom: 18px solid #80ab51; + left: 16px; + position: relative; +} + + +#login_outer * { + font-family: Nunito, "Arial Rounded MT", Arial, Helvetica, sans-serif; + font-weight: bold; +} +.login_border{ + border-right: 1px solid #FFF; + text-align: center; +} +table#login_layout { + width: 100%; + height: 160px; + position:fixed; +} + +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: #80ab51; + background-color: #80ab51; + font-size: 12px; + height: 20px; + box-shadow: 0px 0px 3px 3px #80ab51; +} + +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 { + /* Browser without multibackground support */ + color: #373737 !important; + padding-left: 8px; + width: 179px; + color: #222; + height: 18px; +} + +input.login_password { + /* Browser without multibackground support */ + padding-left: 8px; + width: 179px; + color: #222; + height: 20px; +} +.databox_error { + width: 657px !important; + height: 400px; + border: none !important; + background-color: #fafafa; + 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 { + background-color: #050505; +} + +input.sub { + font-weight: normal; + + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + + font-size: 8pt; + + background-color: #333 !important; + background-repeat: no-repeat !important; + background-position: 92% 3px !important; + + color: white !important; + padding: 3px 3px 5px 12px; + + border-color: #333; +} + +input.sub[disabled] { + color: #B4B4B4 !important; + background-color: #F3F3F3 !important; + border-color: #B6B6B6; + cursor: default; +} + +input.next, input.upd, input.ok, input.wand, input.delete, input.cog, +input.target, input.search, input.copy, input.add, input.graph, +input.percentile, input.binary, input.camera, input.config, +input.cancel, input.default, input.filter, input.pdf { + padding-right: 30px; + height: 23px; + +} + +input.next { + background-image: url(../../images/input_go.png) !important; +} +input.upd { + background-image: url(../../images/input_update.png) !important; +} +input.wand { + background-image: url(../../images/input_wand.png) !important; +} +input.wand:disabled { + background-image: url(../../images/input_wand.disabled.png) !important; +} +input.search { + background-image: url(../../images/input_zoom.png) !important; +} +input.search:disabled { + background-image: url(../../images/input_zoom.disabled.png) !important; +} +input.ok { + background-image: url(../../images/input_tick.png) !important; +} +input.ok:disabled { + background-image: url(../../images/input_tick.disabled.png) !important; +} +input.add { + background-image: url(../../images/input_add.png) !important; +} +input.add:disabled { + background-image: url(../../images/input_add.disabled.png) !important; +} +input.cancel { + background-image: url(../../images/input_cross.png) !important; +} +input.cancel:disabled { + background-image: url(../../images/input_cross.disabled.png) !important; +} +input.delete { + background-image: url(../../images/input_delete.png) !important; +} +input.delete:disabled { + background-image: url(../../images/input_delete.disabled.png) !important; +} +input.cog { + background-image: url(../../images/input_cog.png) !important; +} +input.cog:disabled { + background-image: url(../../images/input_cog.disabled.png) !important; +} +input.config { + background-image: url(../../images/input_config.png) !important; +} +input.config:disabled { + background-image: url(../../images/input_config.disabled.png) !important; +} +input.filter { + background-image: url(../../images/input_filter.png) !important; +} +input.filter:disabled { + background-image: url(../../images/input_filter.disabled.png) !important; +} +input.pdf { + background-image: url(../../images/input_pdf.png) !important; +} +input.pdf:disabled { + background-image: url(../../images/input_pdf.disabled.png) !important; +} +input.camera { + background-image: url(../../images/input_camera.png) !important; +} + +#toolbox #auto_save { + padding-top: 5px; +} + +#toolbox { + margin-top: 13px; +} +input.visual_editor_button_toolbox { + padding-right: 15px; + padding-top: 10px; + margin-top:5px; +} +input.delete_min { + background: #fefefe url(../../images/cross.png) no-repeat center !important; +} +input.delete_min[disabled] { + background: #fefefe url(../../images/cross.disabled.png) no-repeat center !important; +} +input.graph_min { + background: #fefefe url(../../images/chart_curve.png) no-repeat center !important; +} +input.graph_min[disabled] { + background: #fefefe url(../../images/chart_curve.disabled.png) no-repeat center !important; +} +input.percentile_min { + background: #fefefe url(../../images/chart_bar.png) no-repeat center !important; +} +input.percentile_min[disabled] { + background: #fefefe url(../../images/chart_bar.disabled.png) no-repeat center !important; +} +input.percentile_item_min { + background: #fefefe url(../../images/percentile_item.png) no-repeat center !important; +} +input.percentile_item_min[disabled] { + background: #fefefe url(../../images/percentile_item.disabled.png) no-repeat center !important; +} +input.binary_min { + background: #fefefe url(../../images/binary.png) no-repeat center !important; +} +input.binary_min[disabled] { + background: #fefefe url(../../images/binary.disabled.png) no-repeat center !important; +} +input.camera_min { + background: #fefefe url(../../images/camera.png) no-repeat center !important; +} +input.camera_min[disabled] { + background: #fefefe url(../../images/camera.disabled.png) no-repeat center !important; +} +input.config_min { + background: #fefefe url(../../images/config.png) no-repeat center !important; +} +input.config_min[disabled] { + background: #fefefe url(../../images/config.disabled.png) no-repeat center !important; +} +input.label_min { + background: #fefefe url(../../images/tag_red.png) no-repeat center !important; +} +input.label_min[disabled] { + background: #fefefe url(../../images/tag_red.disabled.png) no-repeat center !important; +} +input.icon_min { + background: #fefefe url(../../images/photo.png) no-repeat center !important; +} +input.icon_min[disabled] { + background: #fefefe url(../../images/photo.disabled.png) no-repeat center !important; +} +input.box_item { + background: #fefefe url(../../images/box_item.png) no-repeat center !important; +} +input.box_item[disabled] { + background: #fefefe url(../../images/box_item.disabled.png) no-repeat center !important; +} +input.line_item { + background: #fefefe url(../../images/line_item.png) no-repeat center !important; +} +input.line_item[disabled] { + background: #fefefe url(../../images/line_item.disabled.png) no-repeat center !important; +} +input.copy_item { + background: #fefefe url(../../images/copy_visualmap.png) no-repeat center !important; +} +input.copy_item[disabled] { + background: #fefefe url(../../images/copy_visualmap.disabled.png) no-repeat center !important; +} +input.grid_min { + background: #fefefe url(../../images/grid.png) no-repeat center !important; +} +input.grid_min[disabled] { + background: #fefefe url(../../images/grid.disabled.png) no-repeat center !important; +} +input.save_min { + background: #fefefe url(../../images/file.png) no-repeat center !important; +} +input.save_min[disabled] { + background: #fefefe url(../../images/file.disabled.png) no-repeat center !important; +} +input.service_min { + background: #fefefe url(../../images/box.png) no-repeat center !important; +} +input.service_min[disabled] { + background: #fefefe url(../../images/box.disabled.png) no-repeat center !important; +} + +input.group_item_min { + background: #fefefe url(../../images/group_green.png) no-repeat center !important; +} +input.group_item_min[disabled] { + background: #fefefe url(../../images/group_green.disabled.png) no-repeat center !important; +} + +div#cont { + position: fixed; + max-height: 320px; + overflow-y: auto; + overflow-x: hidden; +} + +.termframe{ + background-color: #80BA27 !important; +} + +table, img { + border: 0px; +} + +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.datosf9 { + #background-color: #eaeaea; +} + +tr.datos2, tr.datos2t, +tr.datos2b, tr.datos2_id , tr.datos2f9 { + #background-color: #f2f2f2; +} + +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; +} + +/* 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; +} + +td.datos3, td.datos3 * { + background-color: #666; + color: white !important; +} + +td.datos4, td.datos4 * { + /*Add !important because in php the function html_print_table write style in cell and this is style head.*/ + text-align: center !important; + background-color: #666; + color: white !important; +} + +td.datos_id { + color: #1a313a; +} + +tr.disabled_row_user * { + color: grey; +} + +.bg { /* op menu */ + background: #80ab51; +} + +.bg2 { /* main page */ + background-color: #0A160C; +} +.bg3 { /* godmode */ + background: #666666; +} +.bg4 { /* links */ + background-color: #989898; +} +.bg, .bg2, .bg3, .bg4 { + position: relative; + width: 100%; +} +.bg { + height: 20px; +} +.bg2, .bg3, .bg4 { + height: 18px; +} +.f10, #ip { + font-size: 7pt; + text-align: center; +} +.f9, .f9i, .f9b, .datos_greyf9, .datos_bluef9, .datos_greenf9, +.datos_redf9, .datos_yellowf9, td.f9, td.f9i, td.datosf9, td.datos2f9 { + font-size: 6.5pt; +} +.f9i, .redi { + font-style: italic; +} +.tit { + padding: 6px 0px; + height: 14px; +} +.tit, .titb { + font-weight: bold; + color: #fff; + text-align: center; +} + +.suc * { + color: #5a8629; +} + +.info *{ + color: #006F9D; +} + +.error *{ + color: #f85858; +} + +.warning *{ + color: #FAD403; +} + +.help { + background: url(../../images/help.png) no-repeat; +} +.red, .redb, .redi, .error { + color: #c00; +} + +.sep { + margin-left: 30px; + border-bottom: 1px solid #708090; + width: 100%; +} +.orange { + color: #fd7304; +} +.green { + color: #5a8629; +} +.yellow { + color: #F3C500; +} +.greenb { + color: #00aa00; +} +.grey { + color: #808080; + font-weight: bold; +} +.blue { + color: #5AB7E5; + font-weight: bold; +} +.redb, .greenb, td.datos_id, td.datos2_id, f9b { + font-weight: bold; +} +.p10 { + padding-top: 1px; + padding-bottom: 0px; +} +.p21 { + padding-top: 2px; + padding-bottom: 1px; +} +.w120 { + width: 120px; +} +.w130, #table-agent-configuration select { + width: 130px; +} +.w135 { + width: 135px; +} +.w155, #table_layout_data select { + width: 155px; +} +.top, .top_red, .bgt, td.datost, td.datos2t { + vertical-align: top; +} +.top_red { + background: #ff0000; +} +.bot, .titb, td.datosb { + vertical-align: bottom; +} +.msg { + margin-top: 15px; + text-align: justify; +} +ul.mn { + list-style: none; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; + line-height: 15px; +} +.gr { + font-size: 10pt; + font-weight: bold; +} +a.mn, .gr { + font-family: Arial, Verdana, sans-serif, Helvetica; +} +div.nf { + background: url(../../images/info.png) no-repeat scroll 0 50% transparent; + margin-left: 7px; + padding: 8px 1px 6px 25px; +} +div.title_line { + background-color: #4e682c; + height: 5px; + width: 762px; +} + +.alpha50 { + filter:alpha(opacity=50); + -moz-opacity: 0.5; + opacity: 0.5; + -khtml-opacity: 0.5; +} + + +#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%; +} + +#menu_tab { + margin: 0px 0px 0px 0px !important; +} + +#menu_tab .mn, #menu_tab ul, #menu_tab .mn ul { + padding: 0px; + list-style: none; + margin: 0px 0px 0px 0px; +} +#menu_tab .mn li { + float: right; + 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; +} + +#menu_tab li.separator { + padding: 4px; +} + +#menu_tab li.nomn_high a { + /*background: #80ab51;*/ + color: #fff; +} +#menu_tab .mn li a { + display: block; + text-decoration: none; + padding: 0px; + margin: 0px; + height: 21px; + width: 21px; +} +#menu_tab li.nomn:hover a, #menu_tab li:hover ul a:hover { + /*background: #80ab51;*/ + color: #fff; +} +#menu_tab li:hover a { + /*background: #b2b08a url("../../images/arrow.png") no-repeat right 3px;*/ +} + +#menu_tab li.nomn { + min-width: 30px; + height: 28px; +} +#menu_tab li.nomn_high { + min-width: 30px; + height: 28px; +} +/* TAB TITLE */ +#menu_tab_left { + margin-left: 0px !important; +} + +#menu_tab_left .mn, #menu_tab_left ul, #menu_tab_left .mn ul { + background-color: #000; + color: #fff; + font-weight: bold; + padding: 0px 0px 0px 0px; + list-style: none; + margin: 0px 0px 0px 0px; +} +#menu_tab_left .mn li { + float: left; + position: relative; + height: 26px; + max-height: 26px; +} +#menu_tab_left li a, #menu_tab_left li span { +/* text-transform: uppercase; */ + padding: 0px 0px 0px 0px; + color: #fff; + font-size: 8.5pt; + font-weight: bold; + line-height: 20px; +} +#menu_tab_left .mn li a { + display: block; + text-decoration: none; +} +#menu_tab_left li.view a { + padding: 2px 10px 2px 10px; + color: #fff; + font-weight: bold; + line-height: 18px; + display: none; +} + +#menu_tab_left li.view { + background: #80ab51; + max-width: 40%; + min-width: 20%; + padding: 5px 5px 0px; + text-align: center; + -moz-border-top-right-radius: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + + -moz-border-top-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + margin-left:0px !important; + overflow-y: hidden; +} + +#menu_tab_left li.view img.bottom { + width: 24px; + height: 24px; +} + +#menu_tab_frame *, #menu_tab_frame_view *{ + #margin: 0px 0px 0px 0px !important; +} + +span.users { + background: url(../../images/group.png) no-repeat; +} +span.agents { + background: url(../../images/bricks.png) no-repeat; +} +span.data { + background: url(../../images/data.png) no-repeat; +} +span.alerts { + background: url(../../images/bell.png) no-repeat; +} +span.time { + background: url(../../images/hourglass.png) no-repeat; +} +span.net { + background: url(../../images/network.png) no-repeat; +} +span.master { + background: url(../../images/master.png) no-repeat; +} +span.wmi { + background: url(../../images/wmi.png) no-repeat; +} +span.prediction { + background: url(../../images/chart_bar.png) no-repeat; +} +span.plugin { + background: url(../../images/plugin.png) no-repeat; +} +span.export { + background: url(../../images/database_refresh.png) no-repeat; +} +span.snmp { + background: url(../../images/snmp.png) no-repeat; +} +span.binary { + background: url(../../images/binary.png) no-repeat; +} +span.recon { + background: url(../../images/recon.png) no-repeat; +} +span.rmess { + background: url(../../images/email_open.png) no-repeat; +} +span.nrmess { + background: url(../../images/email.png) no-repeat; +} +span.recon_server { + background: url(../../images/recon.png) no-repeat; +} +span.wmi_server { + background: url(../../images/wmi.png) no-repeat; +} +span.export_server { + background: url(../../images/server_export.png) no-repeat; +} +span.inventory_server { + background: url(../../images/page_white_text.png) no-repeat; +} +span.web_server { + background: url(../../images/world.png) no-repeat; +} +/* This kind of span do not have any sense, should be replaced on PHP code +by a real img in code. They are not useful because insert too much margin around +(for example, not valid to use in the table of server view */ +span.users, span.agents, span.data, span.alerts, span.time, span.net, +span.master, span.snmp, span.binary, span.recon, span.wmi, span.prediction, +span.plugin, span.plugin, span.export, span.recon_server, span.wmi_server, +span.export_server, span.inventory_server, span.web_server { + margin-left: 4px; + margin-top: 10px; + padding: 4px 8px 12px 30px; + display: block; +} +span.rmess, span.nrmess { + margin-left: 14px; + padding: 1px 0px 10px 30px; + display: block; +} +/* New styles for data box */ +.databox, .databox_color, .databox_frame { + margin-bottom: 5px; + margin-top: 0px; + margin-left: 0px; + border: 1px solid #e2e2e2; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + +} +.databox_color{ + padding-top: 5px; +} + +table.databox { + background-color: #f9faf9; + border-spacing: 0px; + -moz-box-shadow: 0px 0px 0px #DDD !important; + -webkit-box-shadow: 0px 0px 0px #DDD !important; + box-shadow: 0px 0px 0px #DDD !important; +} + +.databox td { + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + border: 0px none #E2E2E2; +} + +.databox th { + padding: 9px 7px; + font-weight: normal; + color: #fff; +} +.databox td { + #border-bottom: 1px solid #E2E2E2; +} + +.databox th * { + color: #fff; +} + +.databox th input, .databox th textarea, .databox th select, .databox th select option { + color: #222 !important; +} + +.tabletitle { + 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; +} + +table.databox_grid th { + font-size: 12px; +} + +table.databox_grid td { + padding: 6px; + margin: 4px; + border-bottom: 1px solid #acacac; + border-right: 1px solid #acacac; +} + + +table.alternate tr:nth-child(odd) td{ + background-color: #ffffff; +} +table.alternate tr:nth-child(even) td{ + background-color: #e4e5e4; +} + +table.rounded_cells td { + padding: 4px 4px 4px 10px; + -moz-border-radius: 6px !important; + -webkit-border-radius: 6px !important; + border-radius: 6px !important; +} + +.databox_color { + background-color: #fafafa; +} +#head_l { + float: left; + margin: 0; + padding: 0; +} +#head_r { + float: right; + text-align: right; + margin-right: 10px; + padding-top: 0px; +} +#head_m { + position: absolute; + padding-top: 6px; + padding-left: 12em; +} +span#logo_text1 { + font: bolder 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #eee; +} +span#logo_text2 { + font: 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #aaa; +} + +div#logo_text3 { + text-align: right; + font: 2em Arial, Sans-serif; + letter-spacing: 6px; + color: #aaa; + font-weight: bold; + margin-top: 0px; + margin-left: 4px; + padding-top: 0px; +} + +.bb0 { + border-bottom: 0px; +} +.bt0 { + border-top: 0px; +} +.action-buttons { + text-align: right; +} +#table-add-item select, #table-add-sla select { + width: 180px; +} + +/* end of classes for event priorities */ +div#main_pure { + background-color: #fefefe; + text-align: left; + margin-bottom: 25px; + margin-top: 30px; + margin-left: 10px; + margin-right: 10px; + height: 1000px; + width: 98%; + position: static; +} +#table-agent-configuration radio { + margin-right: 40px; +} +.ui-draggable { + cursor:move; +} +#layout_trash_drop { + float: right; + width: 300px; + height: 180px; + background: #fff url("../../images/trash.png") no-repeat bottom left; +} +#layout_trash_drop div { + display: block; +} +#layout_editor_drop { + float: left; + width: 300px; +} +.agent_reporting { + margin: 5px; + padding: 5px; +} +.report_table, .agent_reporting { + border: #CCC outset 3px; +} +.img_help { + cursor: help; +} +#loading { + position:fixed; + width: 200px; + margin-left: 30%; + text-align:center; + top: 50%; + background-color: #999999; + padding: 20px; +} +/* IE 7 Hack */ +#editor { + *margin-top: 10px !important; +} +/* big_data is used in tactical and logon_ok */ +.big_data { + text-decoration: none; font: bold 2em Arial, Sans-serif; +} + +.med_data { + text-decoration: none; font: bold 1.5em Arial, Sans-serif; +} + +.notify { + background-color: #f7ffa5; + text-align: center; + font-weight: bold; + padding: 8px; + margin: 0px 0px 0px 0px !important; + z-index: -1; +} + +.notify a { + color: #003a3a; + text-decoration: underline; +} + +.listing { + border-collapse: collapse; +} +.listing td { + 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-copy_modules, +#label-checkbox-copy_alerts { + display: inline; + font-weight: normal; +} +input[type=image] { + border:0px; + background-color: transparent !important; +} +table#simple select#id_module_type, +table#alert_search select#id_agent, +table#alert_search select#id_group, +table#network_component select#type { + width: 200px; +} +table#simple select#select_snmp_oid, +table#simple select#id_plugin, +table#network_component select#id_plugin { + width: 270px; +} +table#simple select#prediction_id_group, +table#simple select#prediction_id_agent, +table#simple select#prediction_module { + width: 50%; + display: block; +} +table#simple input#text-plugin_parameter, +table#simple input#text-snmp_oid, +table#source_table select, +table#destiny_table select, +table#target_table select, +table#filter_compound_table select, +table#filter_compound_table #text-search, +table#delete_table select { + width: 100%; +} +table#simple select#network_component_group, +table#simple select#network_component { + width: 90%; +} +table#simple span#component_group, +table#simple span#component { + width: 45%; + font-style: italic; +} +table#simple label { + display: inline; + font-weight: normal; + font-style: italic; +} +.clickable { + cursor: pointer; +} +table#agent_list tr, table.alert_list tr { + vertical-align: top; +} +.toggle { border-collapse: collapse;} +.toggle td { border-left: 1px solid #D3D3D3;} + +ul.actions_list { + list-style-image: url(../../images/arrow.png); + list-style-position: inside; + margin-top: 0; +} +div.loading { + background-color: #FFF1A8; + margin-left: auto; + margin-right: auto; + padding: 5px; + text-align: center; + font-style: italic; + width: 95%; +} +div.loading img { + float: right; +} +/* Tablesorter jQuery pager */ +div.pager { + margin-left: 10px; + margin-top: 5px; +} +div.pager img{ + position: relative; + top: 4px; + padding-left: 5px; +} +div.pager input { + padding-left: 5px; +} +.pagedisplay { + border: 0; + width: 35px; +} +/* Steps style */ +ol.steps { + margin-bottom: 15px; + padding: 0; + list-style-type: none; + list-style-position: outside; +} +ol.steps li { + float: left; + background-color: #efefef; + padding: 5px; + margin-left: 5px; + width: 150px; +} +ol.steps li a { + color: #111; +} +ol.steps li.visited a { + color: #999; +} +ol.steps li span { + font-weight: normal; + display: block; +} +ol.steps li span { + color: #777; +} +ol.steps li.visited span { + color: #999; +} +ol.steps li.current { + border-left: 5px solid #778866; + margin-left: 0; + font-weight: bold; + background-color: #E9F3D2; +} +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; +} + +fieldset.databox { + padding: 14px !important; +} + +fieldset legend span, +span#latest_value { + font-style:italic; +} +span#latest_value span#value { + font-style:normal; +} +form#filter_form { + margin-bottom: 15px; +} +ul.action_list { + margin: 0; + list-style: none inside circle; +} +ul.action_list li div { + margin-left: 15px; +} +span.action_name { + float: none; +} +div.actions_container { + overflow:auto; + width: 100%; + max-height: 200px; +} +div.actions_container label { + display: inline; + font-weight: normal; + font-style: italic; +} +a.add_action { + clear: both; + display: block; +} + +/* timeEntry styles */ +.timeEntry_control { + vertical-align: middle; + margin-left: 2px; +} +div#steps_clean { + clear:both; +} +div#event_control { + clear:right; +} + +/* Autocomplete styles */ +.ac_results { + padding: 0px; + border: 1px solid black; + background-color: white; + overflow: hidden; + z-index: 99999; +} + +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; + text-align: left; +} + +.ac_results li { + margin: 0px; + padding: 2px 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font: menu; + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; +} + +.ac_loading { + background: white url('../images/loading.gif') right center no-repeat; +} + +.ac_over { + background-color: #efefef; +} +span.ac_extra_field, +span.ac_extra_field strong { + font-style: italic; + font-size: 9px; +} + + +div#pandora_logo_header { +/* Put here your company logo (139x60 pixels) like this: */ +/* background: url(../../images/MiniLogoArtica.jpg); */ + background: url(../../images/pandora_logo_head.png); + background-position: 0% 0%; + width: 139px; + height: 60px; + float: left; +} + +#header_table img { + margin-top: 0px; +} + +.autorefresh_disabled { + cursor: not-allowed !important; +} + +a.autorefresh { + padding-right: 8px; +} + +#refrcounter { + color: white; +} + +#combo_refr select { + margin-right: 8px; +} + +.disabled_module { + color: #aaa; +} +div.warn { + background: url(../../images/info.png) no-repeat; + margin-top: 7px; + padding: 2px 1px 6px 25px; +} + +.submenu_not_selected { + font-weight: normal !important; +} + +/* Submenus havent borders */ +.submenu_not_selected, .submenu_selected, .submenu2 { + border: 0px !important; + min-height: 0px !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; +} +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 { + font: bolder 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #eee; +} +span#logo_text2 { + font: 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #aaa; +} +div#logo_text3 { + text-align: right; + font: 2em Arial, Sans-serif; + letter-spacing: 6px; + color: #aaa; + font-weight: bold; + margin-top: 0px; + margin-left: 4px; + padding-top: 0px; +} +.pagination { + margin-top: 15px; + margin-bottom: 5px; +} +.pagination * { + margin-left: 0px !important; + margin-right: 0px !important; + vertical-align: middle; +} + +/*CALENDAR TOOLTIP STYLE*/ + +/* Calendar background */ +table.scw { + background-color: #80ab51; + 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; +} + + + +/* Cells divs to set individual styles with the table objects */ +div.cellBold { + width: 100%; + height: 100%; + font-weight: bold; +} + +div.cellRight { + width: 100%; + height: 100%; + text-align: right; +} + +div.cellCenter { + width:100%; + height:100%; + text-align:center; +} + +div.cellWhite { + width: 100%; + height: 100%; + background: #fff; + color: #111; +} + +div.cellNormal { + width: 100%; + height: 100%; + background: #6EB432; + color: #fff; +} + +div.cellCritical { + width: 100%; + height: 100%; + background: #f85858; + color: #fff; +} + +div.cellWarning { + width: 100%; + height: 100%; + background: #ffea59; + color: #111; +} + +div.cellUnknown { + width: 100%; + height: 100%; + background: #AAAAAA; + color: #FFFFFF; +} + +div.cellNotInit { + width: 100%; + height: 100%; + background: #3BA0FF; + color: #FFFFFF; +} + +div.cellAlert { + width: 100%; + height: 100%; + background: #FF8800; + color: #111; +} + +div.cellBorder1 { + width: 100%; + height: 100%; + border: 1px solid #666; +} + +div.cellBig { + width: 100%; + height: 100%; + font-size: 18px; +} + +.info_box { + background: #F9FAF9; + margin-top: 10px !important; + margin-bottom: 10px !important; + padding: 0px 5px 5px 10px; + border-color: #E2E2E2; + border-style: solid; + border-width: 1px; + width: 100% !important; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.info_box .title * { + font-size: 10pt !important; + font-weight: bolder; +} + +.info_box .icon { + width: 30px !important; + text-align: center; +} + +/* Standard styles for status colos (groups, events, backgrounds...) */ + +.opacity_cell { + filter:alpha(opacity=80); + -moz-opacity: 0.8; + opacity: 0.8; + -khtml-opacity: 0.8; +} + + +tr.group_view_data, .group_view_data { + color: #3F3F3F; +} + +tr.group_view_crit, .group_view_crit { + background-color: #FC4444; + 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; +} + +tr.group_view_not_init, .group_view_not_init, tr.group_view_not_init, .group_view_not_init { + background-color: #5BB6E5; + color: #fff !important; +} + +tr.group_view_warn, .group_view_warn, tr.group_view_warn.a, a.group_view_warn, tr.a.group_view_warn { + background-color: #FAD403; + color: #3F3F3F !important; +} + +a.group_view_warn { + color: #FAD403 !important; +} + +tr.group_view_alrm, .group_view_alrm { + background-color: #FFA631; + color: #FFF; +} + +tr.group_view_unk, .group_view_unk { + background-color: #B2B2B2 ; + color: #fff; +} + +/* classes for event priorities. Sits now in functions.php */ +.datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a, .datos_green * { + background-color: #80BA27; + color: #fff; +} +.datos_red, .datos_redf9, .datos_red a, .datos_redf9 a, .datos_red *{ + background-color: #FC4444; + color: #fff !important; +} + +.datos_yellow, .datos_yellowf9, .datos_yellow * { + background-color: #FAD403; + color: #111; +} + +a.datos_blue, .datos_bluef9, .datos_blue, .datos_blue * { + background-color: #4CA8E0; + color: #fff !important; +} + +.datos_grey, .datos_greyf9, .datos_grey * { + background-color: #999999; + color: #fff; +} + +.datos_pink, .datos_pinkf9, .datos_pink * { + background-color: #fdc4ca; + color: #111; +} + +.datos_brown, .datos_brownf9, .datos_brown * { + background-color: #A67C52; + color: #fff; +} + +.datos_orange, .datos_orangef9, .datos_orange * { + background-color: #F7931E; + color: #111; +} + +td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yellowf9, td.datos_pinkf9, td.datos_brownf9 ,td.datos_orangef9 { + padding: 5px 5px 5px 5px; +} + +.menu li.selected { + font-weight: bold; +} + +ul.operation li a:hover { + #font-weight: bold; +} + + +.operation .menu_icon:hover { + background-color: #d9fb86 !important; +} +.operation .submenu_text:hover { + color: #585858 !important; +} +.operation .submenu_not_selected:hover { + background-color: #d9fb86 !important; + color: #585858 !important; +} +.operation .submenu_selected:hover { + background-color: #d9fb86 !important; + color: #585858 !important; +} +.operation .sub_subMenu:hover { + background-color: #d9fb86 !important; + color: #585858 !important; +} + +.submenu_text { + color: #fff; +} + +.submenu_not_selected { + color: #fff !important; +} + +.operation .selected .submenu_not_selected * { + color: #fff !important; +} + +.operation .selected .submenu_not_selected *:hover { + color: #585858 !important; +} + + +li.links a:hover { + #font-weight: bold; +} + +.is_submenu2 li { + background-color: #ff0000; +} + +.is_submenu2 { + background-color: #222222 !important; +} + +.operation { + background-color: #80ab51 !important; +} + +.operation .selected { + background-color: #d9fb86 !important; +} +.operation .selected .submenu_text_middle { + color: #585858; +} +.operation .submenu_selected .selected .submenu_text { + color: #585858; +} +.operation .submenu_selected .selected { + color: #585858; +} + +.godmode { + background-color: #e79b5d !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; + +} + +input#text-id_parent.ac_input, input, textarea, select { + background-color: #ffffff !important; + border: 1px solid #cbcbcb; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +span#plugin_description { + font-size: 9px; +} + +/*FOR TINYMCE*/ +#tinymce { + text-align: left; +} +.visual_font_size_4pt, .visual_font_size_4pt > em, .visual_font_size_4pt > strong { + font-size: 4pt; +} +.visual_font_size_6pt, .visual_font_size_6pt > em, .visual_font_size_6pt > strong { + font-size: 6pt; +} +.visual_font_size_8pt, .visual_font_size_8pt > em, .visual_font_size_8pt > strong { + font-size: 8pt; +} +.visual_font_size_14pt, .visual_font_size_14pt > em , .visual_font_size_14pt > strong { + font-size: 14pt; +} +.visual_font_size_24pt, .visual_font_size_24pt > em, .visual_font_size_24pt > strong { + font-size: 24pt; +} +.visual_font_size_36pt, .visual_font_size_36pt > em, .visual_font_size_36pt > strong { + font-size: 36pt; +} +.visual_font_size_72pt, .visual_font_size_72pt > em, .visual_font_size_72pt > strong { + font-size: 72pt; +} +.resize_visual_font_size_8pt, .resize_visual_font_size_8pt > em, .resize_visual_font_size_8pt > strong { + font-size: 4pt; +} +.resize_visual_font_size_14pt, .resize_visual_font_size_14pt > em , .resize_visual_font_size_14pt > strong { + font-size: 7pt; +} +.resize_visual_font_size_24pt, .resize_visual_font_size_24pt > em, .resize_visual_font_size_24pt > strong { + font-size: 12pt; +} +.resize_visual_font_size_36pt, .resize_visual_font_size_36pt > em, .resize_visual_font_size_36pt > strong { + font-size: 18pt; +} +.resize_visual_font_size_72pt, .resize_visual_font_size_72pt > em, .resize_visual_font_size_72pt > strong { + font-size: 36pt; +} + +/*SIDEBAR*/ +.menu_sidebar { + color:#111; + background: #3f3f3f; + + margin-left: 10px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + text-align: left; + font-family:arial,sans-serif,verdana; + font-size:10px; + border:1px solid #000; + position:absolute; + margin:0; + width:400px; + height:260px; + + -moz-box-shadow: 0px 4px 4px #010E1B !important; + -webkit-box-shadow: 0px 4px 4px #010E1B !important; + box-shadow: 0px 4px 4px #010E1B !important; + + filter:alpha(opacity=97); + -moz-opacity: 0.97; + opacity: 0.97; +} + +.menu_sidebar_radius_left { + -moz-border-top-left-radius: 8px; + -webkit-border-top-left-radius: 8px; + border-top-left-radius: 8px; + + -moz-border-bottom-left-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + border-bottom-left-radius: 8px; + + border-right:0px solid #000; +} + +.menu_sidebar_radius_right { + -moz-border-top-right-radius: 8px; + -webkit-border-top-right-radius: 8px; + border-top-right-radius: 8px; + -moz-border-bottom-right-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-bottom-right-radius: 8px; +} + +.menu_sidebar_outer { + margin-left: 3px; + background: #ECECEC; + width: 100%; + text-align: center; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + padding: 8px; +} + +/*Groupsview*/ + +.groupsview { + border-spacing: 0px 4px; +} + +.groupsview tr { + background-color: #666; +} + +.groupsview th { + font-size: 12px; + padding: 5px; +} + +.groupsview td.first, .groupsview th.first { + -moz-border-top-left-radius: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + + -moz-border-bottom-left-radius: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} + +.groupsview td.last, .groupsview th.last { + -moz-border-top-right-radius: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-bottom-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +a.tip { + display: inline !important; + cursor: help; +} + +a.tip>img { + margin-left: 2px; + margin-right: 2px; +} + +input.search_input { + background: white url('../../images/input_zoom.png') no-repeat right; + padding: 0px; + padding-left:5px; + margin: 0; + width: 80%; + height: 19px; + margin-bottom: 5px; + margin-left: 2px; + padding-right: 25px; + color: #999; +} + +.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 { + display: block; + text-decoration: none; + position: absolute; + z-index: 100000; + border: 1px solid #708090; + background-color: #666; + color: #FFF; + padding: 4px 5px; + font-weight: bold; + font-size: small; + font-size: 11px; + /* IE 8 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)"; + /* Netscape */ + -moz-opacity: 0.9; + opacity: 0.9; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* Graphs styles */ + +div.legend>div { + pointer-events: none; /* Allow to click the graphs below */ + opacity: 0.65 !important; +} + +div.nodata_text { + padding: 5px 12px 0px 68px; + font-weight: bold; + color: #C1C1C1; + text-transform: uppercase; + display: table-cell; + vertical-align: middle; + text-align: left; +} + +div.nodata_container { + width:150px; + height:100px; + background-repeat:no-repeat; + background-position: center; + margin: auto auto; + display: table; +} + +#snmp_data { + width: 40%; + position: absolute; + top:0; + right:20px; + + #background-color: #fff; + #padding: 10px; +} + +#rmf_data { + width: 40%; + height: 80%; + position: absolute; + 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; +} + +#container_servicemap_legend { + position: absolute; + width: 200px; + background: #FFF; + margin-top: 10px; + right: 2px; + border: 1px solid #E2E2E2; + border-radius: 5px; + padding: 10px; + opacity: .90; +} + +#container_servicemap_legend table { + text-align: left; +} + +.legend_square { + width: 20px; + padding-left: 20px; + padding-right: 10px; +} + +.legend_square_simple { + padding-left:0px; + padding-right: 10px; + padding-bottom: 3px; +} +.legend_square div, .legend_square_simple div { + width: 20px; + height: 20px; + border-radius: 3px; +} + +.legend_basic { + background: #F4F4F4; + margin-top: 10px; + border-radius: 5px; + padding: 10px; +} + +.agents_modules_table th { + background: #3F3F3F; +} + +.agents_modules_table th * { + color: #FFFFFF; +} + +/* + * LOAD_ENTERPRISE.PHP + */ +#code_license_dialog { + padding: 50px; + padding-top: 10px; +} +#code_license_dialog #logo { + margin-bottom: 20px; + text-align: center; +} +#code_license_dialog, #code_license_dialog * { + font-size: 14px; +} +#code_license_dialog ul { + padding-left: 30px; + list-style-image: url("../../images/input_tick.png"); +} +#code_license_dialog li { + margin-bottom: 12px; +} + +#code_license_dialog #code { + font-weight: bolder; + font-size: 20px; + border: 1px solid #dddddd; + padding: 5px; + text-align: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} + +#code_license_dialog a { + text-decoration: underline; +} + +/* GRAPHS CSS */ + +.parent_graph { + position: relative; +} + +.menu_graph, .timestamp_graph { + position: absolute !important; +} + +.menu_graph { + -moz-border-top-right-radius: 6px; + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -moz-border-top-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; +} + +.legend_graph { + margin: 0px; + padding: 0px; + text-align: left; +} + +.legendColorBox * { + font-size: 0px; + padding: 0px 4px; + overflow: visible !important; +} + +/* GIS CSS */ + +.olLayerDiv { + z-index: 102 !important; +} + +/* Alert view */ + +table.alert_days th, table.alert_time th{ + height: 30px; + vertical-align: middle; +} + +table.alert_escalation th img { + width: 18px; +} + + +td.used_field { + #border: solid #6EB432; + background: #6EB432 !important; + color: #FFFFFF; + font-weight: bold; +} + +td.overrided_field { + color: #666; +} + +td.unused_field { + color: #888; +} + +td.empty_field { + background: url('../../images/long_arrow.png') no-repeat 100% center; +} + +#table_macros textarea { + width: 96%; +} + +/* Shortcut bar */ + +#shortcut_container { + position: fixed; + margin: 0px !important; + bottom: 0px; + left: 0px; + z-index: 9001; +} + +#shortcut_bar { + background-color: #333; + border-top: 1px solid #808080; + border-right: 1px solid #808080; + border-top-right-radius: 5px; +} + +#shortcut_button { + display: inline-block; + background-color: #333; + border: 1px solid #808080; + border-bottom: none; + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +.shortcut_item { + padding: 2px 10px; + text-decoration: none; +} + +.shortcut_item>span { + color: #eee; + font-weight: bold; + font-size: 9pt; +} + +/* Policies styles */ + +table#policy_modules td * { + display: inline; +} + +.context_help_title { + font-weight: bolder; + text-align: left; +} +.context_help_body { + text-align: left; +} + +#left_column_logon_ok { + width: 750px; + float:left; +} + +#news_board { + min-width: 530px; +} + +#right_column_logon_ok { + width: 350px; + float: right; + margin-right: 20px; +} + +#clippy_head_title { + font-weight: bold; + background: #80ab51; + color: #ffffff; + margin-top: -15px; + margin-left: -15px; + margin-right: -15px; + padding: 5px; + margin-bottom: 10px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#dialog-double_auth-container { + width: 100%; + text-align: center; + vertical-align: middle; +} + +.center_align { + text-align: center; +} + +.left_align { + text-align: left; +} + +.status_tactical{ + width: 100%; + margin-left: auto; + margin-right: auto; + background-color: #FFF !important; + padding: 10px; + border: 1px solid #E2E2E2; + margin-top: 5%; + text-align: left; +} + +.status_tactical img { + border: 3px solid #000; + border-radius: 100px; +} + +#sumary{ + color: #FFF; + margin: 15px; + padding: 10px 30px; + font-size: 20px; + font-weight: bold; + height: 66px; + width: 191px; + border-radius: 2px; +} + +.databox.data td{ + border-bottom: 1px solid #E2E2E2; +} + +.databox .search{ + margin-top: 0px; +} + +.databox.data td.progress_bar img{ + border: 3px solid #000; + border-radius: 100px; +} + +.databox td{ + padding-left: 9px; + padding-right: 9px; + padding-top: 7px; + padding-bottom: 7px; +} +.databox.pies fieldset.tactical_set{ + width:70% !important; + height: 285px; +} + +.difference{ + border-left-width: 2px; + border-left-style: solid; + border-right-width: 2px; + border-right-style: solid; + border-color: #E2E2E2; +} + +#title_menu { + color: #FFF; + float: right; + width: 70%; + letter-spacing: 0pt; + font-size: 8pt; + white-space: pre-wrap; +} + +.no_hidden_menu{ + background-position: 11% 50% !important; +} + +#menu_tab li.nomn, #menu_tab li.nomn_high { + background-color: #ECECEC; + padding-right: 3px; + padding-left: 3px; + font-weight: bold; + text-decoration: none; + font-size: 14px; + border-color: #E2E2E2; + border-style: solid; + border-width: 1px; + margin-top: -10px; +} + +#menu_tab li.nomn_high, #menu_tab li.nomn_high span { + color: #FFF; + background-color: #FFF; +} + +#menu_tab li.nomn img, #menu_tab li img { + margin-top: 3px; + margin-left: 3px; +} + +#menu_tab li.tab_operation a, #menu_tab a.tab_operation{ + background: none !important ; +} + +.subsubmenu{ + position: absolute; + float: right; + z-index: 9999; + display: none; + margin-top: 6px !important ; + left: 0px !important; +} +.subsubmenu li{ + margin-top: 0px !important ; +} + +.agents_modules_table{ + border: 1px solid #E2E2E2; + border-spacing: 0px; +} +.agents_modules_table td{ + border: 1px solid #E2E2E2; +} +.agents_modules_table th{ + border: 1px solid #E2E2E2; +} + +.databox.filters, .databox.data, .databox.profile_list{ + margin-bottom: 20px; +} + +.databox.filters td{ + padding: 10px; + padding-left:20px; +} +.databox.profile_list td{ + padding: 4px 1px; + padding-left: 5px; + border-bottom: 1px solid #E2E2E2; +} +.databox.profile_list a.tip > img{ + margin: 0px; +} + +.databox.filters td>img, .databox.filters td>div>a>img, +.databox.filters td>span>img, .databox.filters td>span>a>img, +.databox.filters td>a>img{ + vertical-align: middle; + margin-left: 5px; +} +.databox.data td>img,.databox.data th>img, .databox.data td>div>a>img, +.databox.data td>span>img, .databox.data td>span>a>img, +.databox.data td>a>img, .databox.data td>form>a>img { + vertical-align: middle; + +} + +.databox.filters td>a>img { + vertical-align: middle; +} + +.databox.data td>input[type="checkbox"] { + margin: 0px; +} + +.databox_color td{ + padding-left: 10px; +} + +.databox.agente td>div>canvas{ + width: 100% !important; + text-align: left !important; +} +.databox.agente td>div.graph{ + width: 100% !important; + 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 !important; + padding-bottom: 4px !important; + border-bottom-right-radius: 5px; + border-right-style: solid; + border-right-width: 0px; +} + +.green_title{ + background-color: #80ab51; + font-weight:normal; + text-align: center; +} + +.dashboard{ + top: 23px; +} + +.dashboard li a{ + width: 158px !important; +} + +.text_subDashboard{ + float: left; + margin-top: 5%; + margin-left: 3%; +} + +/* The items with the class 'spinner' will rotate */ +/* Not supported on IE9 and below */ +.spinner { + -webkit-animation: spinner 2s infinite linear; + animation: spinner 2s infinite linear; +} + +@-webkit-keyframes spinner { + 0% { + -ms-transform: rotate(0deg); /* IE */ + -moz-transform: rotate(0deg); /* FF */ + -o-transform: rotate(0deg); /* Opera */ + -webkit-transform: rotate(0deg); /* Safari and Chrome */ + transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); /* IE */ + -moz-transform: rotate(359deg); /* FF */ + -o-transform: rotate(359deg); /* Opera */ + -webkit-transform: rotate(359deg); /* Safari and Chrome */ + transform: rotate(359deg); + } +} + +@keyframes spinner { + 0% { + -ms-transform: rotate(0deg); /* IE */ + -moz-transform: rotate(0deg); /* FF */ + -o-transform: rotate(0deg); /* Opera */ + -webkit-transform: rotate(0deg); /* Safari and Chrome */ + transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); /* IE */ + -moz-transform: rotate(359deg); /* FF */ + -o-transform: rotate(359deg); /* Opera */ + -webkit-transform: rotate(359deg); /* Safari and Chrome */ + transform: rotate(359deg); + } +}