@charset "utf-8"; /* CSS Document */ body, select, textarea, input, table { font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size: 11px; color:#222222; } body{ font-family:"Open Sans",Helvetica,Arial,sans-serif; font-size:13px; color:#222222; } h1{ font-size:16px;color:#222222;} header{box-shadow: 0 0 8px #ccc;min-height: 90px;} .logo{background: transparent url("../images/sprite.png") no-repeat scroll -1px 1px;margin-top: 10px;display: inline-block; height: 74px;width:208px;vertical-align: middle;} .head_bg{ background-image:url(../images/head_bg.png); background-repeat:repeat-y; line-height: 90px;margin-bottom: 0px;padding-left: 10px;min-width: 185px;} .alarm{background: transparent url("../images/sprite.png") repeat scroll -491px 75px; width:22px;height:22px; vertical-align: middle;display: inline-block;margin-right:15px;} .ticket{background: transparent url("../images/sprite.png") repeat scroll -551px 77px;width:26px;height:22px; vertical-align: middle;display: inline-block;margin-right: 5px;} .setting{background: transparent url("../images/sprite.png") repeat scroll -619px 77px;width:22px;height:22px; vertical-align: middle;display: inline-block;margin-right:5px;} .logout{background: transparent url("../images/sprite.png") repeat scroll -669px 77px;width:22px;height:22px; vertical-align: middle;display: inline-block;margin-right:5px;} .logout:hover { background: transparent url("../images/sprite.png") repeat scroll -669px 41px; } .setting:hover{background: transparent url("../images/sprite.png") repeat scroll -619px 41px;} .mar_top32{ margin-top:32px;} .red-alarm {background: transparent url("../images/sprite.png") repeat scroll -541px -63px;width:30px;height:35px;vertical-align: middle; display: inline-block;position: absolute; font-weight:bold;color: #2e2d2d;top: 15px;padding-left: 8px;padding-top:9px;right:138px;} .red-ticket {background: transparent url("../images/sprite.png") repeat scroll -492px -63px;width:30px;height:35px;vertical-align: middle; display: inline-block;position: absolute; font-weight:bold;color: #2e2d2d;top: 15px;padding-left: 8px;padding-top:9px;right:94px;} footer{ background-color:#f3f3f3; height:40px; color:#222222; vertical-align:central;position:fixed;bottom:0px; width:100%; padding-top:10px; font-size:12px; } .pad0{ padding-left:15px;} .padleft0{ padding-left:0px;} .mar_top15{margin-top:15px;} .pad_rgt{padding-right:10px;} .mar_bot{ margin-bottom:7px;} .flo_lft{ float:left;} .mar_bot15{margin-bottom:15px;} .pad_lft{padding-left:5px;} /*--------------LEFT NAVIGATION START HERE------------------*/ #leftnav { float: left; width: 100%; list-style-type: none; padding: 0; min-height: 800px; background-color:#035C94; } #leftnav li a { display: block; padding: 15px 15px 15px 60px; background:#0979bf; border-bottom: 1px solid #24c2ce; text-decoration: none; color: #fff; } #leftnav li a:hover, #leftnav li a.active { background:#035c94; color: #fff; } #leftnav li ul { display: none; list-style-type: none; margin-left: 0; padding: 0; } #leftnav li ul li a { padding: 10px 25px 10px 70px; } #leftnav span { background:#035c94; display: inline-block; width: 50px; height:49px; float: left } .submenu li:before { content: url(../images/arrow.png); padding: 5px 0 0 60px; float: left; } #leftnav li ul.submenu li a{ background:#309cdf; color: #fff; } #leftnav li ul.submenu li a:hover{ background:#035c94; color: #fff; } /*--------------*/ .dashboard-db { background: url(../images/sprite2.png) 7px 16px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-as { background: url(../images/sprite2.png) 7px -57px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-ac { background: url(../images/sprite2.png) 7px -120px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-pro { background: url(../images/sprite2.png) 7px -178px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-gp { background: url(../images/sprite2.png) 7px -245px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-rol { background: url(../images/sprite2.png) 12px -317px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-usr { background: url(../images/sprite2.png) 9px -381px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-wf { background: url(../images/sprite2.png) 9px -444px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-rp { background: url(../images/sprite2.png) 8px -507px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-pol { background: url(../images/sprite2.png) 8px -573px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-con { background: url(../images/sprite2.png) 9px -639px; width: 42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-not { background: url(../images/sprite2.png) 3px -700px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } .dashboard-snap { background: url(../images/sprite2.png) 8px -763px; width:42px; height: 45px; vertical-align: middle; display: inline-block; } /*--------------------*/ /*---------------------------*/ #center-wrapper { margin: 0 auto; } #content,#sidebar { text-align: left; } #sidebar { display: none; } #content { width: 96%; } .use-sidebar #content {/*width: 79%;*/ width: 82%; padding-left:0px;} .use-sidebar #sidebar { display: block; /*width: 19%;*/ } .sidebar-at-left #sidebar {/*margin-right: 1%;*/} .sidebar-at-right #sidebar {margin-left: 1%;} .sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float: right;} .sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {float: left;} #separator { display: block; outline: none; width: 1%; background:url(../images/trigger-full.png) no-repeat -10px center; position:relative; } .use-sidebar #separator { background:url(../images/trigger.png) no-repeat center center; border-color: #FFF; z-index:1000; margin-left:-22px; position:relative; width:2%; } /*-------------------------------------*/ #leftnav1 { float: left; list-style-type: none; padding: 0; } #leftnav1 li a { display: block; background:#0979bf; text-decoration: none; color: #fff; } #leftnav1 li a:hover, #leftnav li a.active { background:#035c94; color: #fff; } #leftnav1 span { background:#035c94; display: inline-block; width: 50px; height: 51px; border-bottom: 1px solid #24c2ce; } .tempo{position:absolute; margin-left:-15px; background:#035c94; min-height:800px} #mobilenav{ display:none;} /*Vulnerabilities css start*/ .tbl_bor{border: 1px solid #DDD;} .dwn_html{background: transparent url("../images/icon_sprite.png") repeat scroll 0px 2px; width:18px;height:17px; vertical-align: middle;display: inline-block;margin-right:2px;} .dwn_pdf{background: transparent url("../images/icon_sprite.png") repeat scroll -37px -1px; width:23px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dwn_xl{background: transparent url("../images/icon_sprite.png") repeat scroll -84px -1px; width:18px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dwn_delete{background: transparent url("../images/icon_sprite.png") repeat scroll -131px -1px; width:23px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dwn_user{background: transparent url("../images/icon_sprite.png") repeat scroll -169px -1px; width:23px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dwn_data{background: transparent url("../images/icon_sprite.png") repeat scroll -210px 0px; width:23px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .Serious_hd{ color:#cc00cc;} .high_hd{ color:#f71908;} .midium_hd{ color:#ffcc00;} .low_hd{ color:#076bb2;} .info_hd{ color:#038c1d;} .txt_cen{ text-align:center;} .form_mar{ margin-top:10px; margin-bottom:20px;} .txt_boxmar{ margin-right:10px;} .btn_mar_lft{ margin-left:20px;} .btn_div{float: right;margin-top: -2px;} /*Vulnerabilities css End*/ /*Incident Alarm css start*/ .new { padding-left: 0; margin-bottom: 0; list-style: none; font-size: 14px;border-bottom: 1px solid #e5e5e5; } .new > li { position: relative; display: block; } .new > li > a { position: relative; display: block; /* padding: 20px 20px;*/color: #333; } .new > li > a:hover, .new > li > a:focus { text-decoration: none; background-color: #f8f9fa; color: #333; } .new > li.disabled > a:hover, .new > li.disabled > a:focus { color: #fff; text-decoration: none; cursor: not-allowed; background-color: transparent; } .new .open > a, .new .open > a:hover, .new .open > a:focus { background-color: #fff; border-color: #337ab7; } /*.new-pills > li { float: left; }*/ .new-pills > li > a { /*border-radius: 4px;*/ /*border-bottom: 3px solid #236cb6;*/ background-color:#f8f9fa; } .new-pills > li > a:hover { background-color:#e5e5e5; color:#333; } .new-pills > li + li { margin-left: 2px; } .new-pills > li.active > a, .new-pills > li.active > a:hover, .new-pills > li.active > a:focus { color: #333; background-color: #e5e5e5; } .new-justified > li { display:table-cell; width: 1%; } .new-justified > li > a { margin-bottom: 0; } .new-justified { display: table-cell; width: 100%; } .new-justified > li { float: none; } .new-justified > li > a { margin-bottom: 0px; } .new > li > a { padding: 7px 7px; } .tbl_row{display:table-row;} .padding0{padding:0px;} .filter_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -113px -51px; width:25px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .expand_icon{background: transparent url("../images/icon_sprite.png") repeat scroll 1px -52px; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .graph_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -169px -50px; width:25px;height:21px; vertical-align: middle;display: inline-block;margin-right:2px;} /*css for custom dropdown start .select-style {padding: 0;margin: 0;border: 1px solid #bec9d3;width: 100%;border-radius: 3px;overflow: hidden; background-color: #fff;background: #fff url("../images/arrowdown.gif") no-repeat 100% 50%; height: 34px;} .select-style select {padding: 2px 0 5px 8px;width: 100%;border: none;box-shadow: none;background-image: none; -webkit-appearance: none;-moz-appearance: none; appearance: none;} */ .select-style select:focus {outline: none;} /*css for custom dropdown End*/ .date_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -232px -43px; width:30px;height:33px; vertical-align: middle;display: inline-block;} .search_html{background: transparent url("../images/icon_sprite.png") repeat scroll 0px -105px; width:18px;height:17px; vertical-align: middle;display: inline-block;margin-right:2px;} .mar_top0{margin-top:0px;} .mar_top5{margin-top:5px;} .show_ent_div{float:right; width: 22%;margin-right: 10px; margin-top: -5px;} .sys_comp_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -55px -97px; width:27px;height:24px; vertical-align: middle;display: inline-block;} .explo_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -129px -97px; width:28px;height:24px; vertical-align: middle;display: inline-block;} .deliv_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -202px -98px; width:27px;height:24px; vertical-align: middle;display: inline-block;} .prob_icon{background: transparent url("../images/icon_sprite.png") repeat scroll -272px -98px; width:27px;height:24px; vertical-align: middle;display: inline-block;} .envi_icon{background: transparent url("../images/icon_sprite.png") repeat scroll 0px -154px; width:30px;height:24px; vertical-align: middle;display: inline-block;} /*Incident Alarm css end*/ /*Incident Ticket css start*/ .graph_view_icon{background: url(../images/icon_graph.png) repeat scroll 0px 0px; background-repeat:no-repeat; width:26px;height:18px; vertical-align: middle;display: inline-block;margin-right:2px;} .mar_rgt{ margin-right:10px;} .mar_top30{margin-top:30px;} .priority_bg{background-color:#fa6e11; padding:5px 8px 5px 8px; color:#FFF;} .text13{ font-size:13px;} .text16{ font-size:16px;} /*Incident Ticket css end*/ /*LTSSIEM css start*/ .mar_top32{margin-top:32px;} .mar_top5{margin-top:5px;} /*LTSSIEM css end*/ /*incident inner page css start*/ .bigtxt{ font-size:17px;} .sublink{ color:#333; font-weight:normal; font-size:14px;} .sublink a{ color:#333; font-weight:normal;font-size:14px; text-decoration:none;} .sublink a:hover{ color:#0979bf; font-size:14px;text-decoration:none;} .sublink .active{ color:#0979bf; font-weight:bold;font-size:14px;text-decoration:none;} .redtxt{ color:#F00;} .new-pillspop > li > a { /*border-radius: 4px;*/ /*border-bottom: 3px solid #236cb6;*/ background-color:#0979bf; border-radius:3px 3px 0px 0px ; color:#fff; font-size:16px;padding: 11px; } .new-pillspop > li > a:hover { background-color:#0d88d5; color:#fff; font-size:16px;padding: 11px; } .new-pillspop > li + li { margin-left: 2px; } .new-pillspop > li.active > a, .new-pillspop > li.active > a:hover, .new-pillspop > li.active > a:focus { color:#fff; font-size:16px; background-color: #0d88d5; } .priority_bg2{background-color:#0fe104; padding:5px 12px 5px 12px; color:#FFF; font-weight:bold; border-radius:15px; font-size:14px;} .mar_top7{ margin-top:7px;} /*incident inner page css End*/ /*cloud SIEM inner page css start*/ .blue_box{ background-color:#ebf6fc; padding:10px; margin-bottom:15px; border:1px solid #999; width:49%;} /*cloud SIEM inner page css End*/ /*Active tool css start*/ .search_div{ width:50%; width: 59%; position:absolute; top:3px; left:51%;} .blue_box{ background-color:#f8fbfd; border-radius:5px; border:1px solid #c5dcec; } .blue_box100{ background-color:#f8fbfd; border-radius:5px; border:1px solid #c5dcec; width:100%; padding:10px;} /*Active tool css End*/ /*Asset mgt css start*/ .greybox{background-color:#f8f9fa; }/* padding:15px; */ .blue_txt{ color:#035c94; font-weight:bold;} .redbg{ background-color:#f75151;} .greenbg{ background-color:#3aed0e;} .yellowbg{ background-color:#ffa500;} .bluebg{ background-color:#e0f2fc;} /*Asset mgt css End*/ /*Intelligence css Start*/ .new_icon{ background-image:url(../images/new.png); background-repeat:no-repeat; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .modify_icon{ background-image:url(../images/modify.png); background-repeat:no-repeat; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dele_sele_icon{ background-image:url(../images/delete_selected.png); background-repeat:no-repeat; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .dup_sele_icon{ background-image:url(../images/duplicate_selected.png); background-repeat:no-repeat; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .relo_policy_icon{ background-image:url(../images/reload_policies.png); background-repeat:no-repeat; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px;} .ena_disa_icon{ background-image:url(../images/enable.png); background-repeat:no-repeat; width:27px;height:17px; vertical-align: middle;display: inline-block;margin-right:2px;} .blue_searchbg{ background-color:#309cdf; padding:7px; color:#FFF; font-size:14px; float:left; width:100%; margin-bottom:10px; border-radius:4px;} .inte_marginbot{ margin-bottom:7px;} h2{ font-size:20px; margin-top: 0px;} h3{ font-size:18px;color:#0979bf;} h4{ font-size:16px; margin-top: 0px;} .greentxt{ color:#23c009;} .blue_expand{background: transparent url("../images/blue_minus.png") scroll 3px 6px; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px; background-repeat:no-repeat; } .blue_mini{background: transparent url("../images/blue_plus.png") scroll 3px 4px; width:20px;height:20px; vertical-align: middle;display: inline-block;margin-right:2px; background-repeat:no-repeat; } .whitebg{ background-color:#fff;} /*Intelligence css End*/ /*Report css Start*/ .report_nav ul{ display: inline-block; list-style:none; margin-left:0px; padding-left:0px; height:10px;} .report_nav ul li{ display: inline-block; list-style:none; } .report_nav ul li a{ display: inline-block; list-style:none; margin-right:10px;border:3px solid #fff; } .report_nav ul li a:hover{ display: inline-block;border:3px solid #035183; border-radius:6px;} .report_nav ul li.active{ display: inline-block;border:3px solid #035183; border-radius:6px; } /*Report css End*/ /*Administration css Start*/ .mul_level_icon{ background-image:url(../images/mul_level.png); background-repeat:no-repeat; width:18px;height:15px; vertical-align: middle;display: inline-block;margin-right:2px;} .bor_bot{ border-bottom:1px solid #309cdf;} /*Administration css End*/ /*Login css Start*/ .log_logo{ margin:0 auto; width:338px; height:140px; background-image:url(../images/login_logo.png); background-repeat:no-repeat; margin-top:20px;} .log_logodiv{ margin:0 auto; text-align:center; margin-bottom:30px;} .log_logotxt{font-size:20px; color:#333;} .logpanelbg{ background-color:#035c94; color:#FFF; font-size:14px; border-radius:6px;} .log_formpad{ padding:23px;} .log_btn{widows:100%; background-color:#309cdf; padding:8px; color:#FFF; font-size:16px;} /*Login css End*/ @media screen and (max-width: 1024px){ #leftnav{width:191px}; #mobilenav{ display:none;} } /*--------------LEFT NAVIGATION END Here------------------*/ .bre_home{ background-image:url(../images/home.png); background-repeat:no-repeat; width:13px; height:13px; float:left;margin-top: 1px;} .bre_txt{ font-size:12px; color:#777777;} .box-icon {float: right;margin-top: 1px;} .icon-close{float:right; width:12px; height:17px; background-color:#09F; color:#000; background: url(../images/sprite3.png) -1px 5px;} .icon-close:hover{float:right; width:12px; height:17px; background-color:#09F; color:#000; background: url(../images/sprite3.png) -1px -20px;} .icon-mini{float:right; width:12px; height:17px; background-color:#09F; color:#000; background: url(../images/sprite3.png) -2px 56px; margin-right:7px;} .icon-mini:hover{float:right; width:12px; height:17px; background-color:#09F; color:#000; background: url(../images/sprite3.png) -2px 26px;} /*@media screen and (max-width:980px){ .use-sidebar #content {width:78%;} }*/ @media (min-width:980px) and (max-width:1024px){ /*css for dashboard start */ .use-sidebar #content {width:77%;} .use-sidebar #separator {margin-left:-20px;} container-fluid{width:100%;} .col-sm-10{width:80%;} .col-sm-2{width:20%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } /*.col-sm-4{width:100%;}*/ #leftnav li a {padding: 17px 15px 16px 60px; font-size:11px;} #mobilenav{ display:none;} #content {width: 94%;} .show_ent_div{ display:none;} /*css for dashboard End */ /*Active tool start */ .search_width{ width:45%;} .form-control-feedback{right: 233px;} /*Active tool End */ } .selectp { width: 100%; } @media (min-width:800px) and (max-width:979px){ /*css for dashboard start */ .use-sidebar #content {width:72%;} .use-sidebar #separator {margin-left:18px;} #mobilenav{ display:none;} .col-sm-10{width:80%;} .col-sm-2{width:20%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-4{width:100%;} #leftnav li a {padding: 17px 15px 16px 60px; font-size:11px;} #content {width: 94%;} /*css for dashboard End */ /*css for Vulnerability Start */ .col-sm-6{width:100%;} /*css for Vulnerability End */ .show_ent_div{ display:none;} /*Active tool start */ .search_width{ width:50%;} .form-control-feedback{right: 157px;} /*Active tool End */ } @media (min-width:768px) and (max-width:799px){ /*css for dashboard start*/ .use-sidebar #content {width:71%;} .use-sidebar #separator {margin-left:25px;} #mobilenav{ display:none;} .col-sm-10{width:80%;} .col-sm-2{width:20%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-4{width:100%;} #leftnav li a {padding: 17px 15px 16px 60px; font-size:11px;} #content {width: 94%;} /*css for dashboard End */ /*css for Vulnerability Start */ .col-sm-6{width:100%;} /*css for Vulnerability End */ .show_ent_div{ display:none;} /*Active tool start */ .search_width{ width:50%;} .form-control-feedback{right: 157px;} /*Active tool End */ } /*css for Mobile start */ @media (min-width:360px) and (max-width:767px){ /*css for dashboard start */ #leftnav{ display:none;} #sidebar{ display:none;} #separator{ display:none;} .col-xs-10{ width:100%;} .use-sidebar #content{ width:95%;} .mar_bot30{margin-bottom:30px;} .head_bg{display:none;} #mobilenav{ display:block;} #logo{ display:none;} .navbar-header{ background-color:#FFF; border-bottom:0px solid #999;} header{min-height: 70px;} #slidedown{display:none;} .col-xs-5{ width:100%;} .col-xs-1{ width:100%;} .col-xs-4{ width:100%;} .col-xs-6{ width:100%;} .date_icon {background: transparent url("../images/icon_sprite.png") repeat scroll -223px -43px; width: 44px;} /*css for dashboard End */ .padleft_mob{ padding-left:0px;} .blue_box{ width:100%} .show_ent_div{ display:none;} /*Active tool start */ .search_width{ width:75%;} .form-control-feedback{right: 46px;} /*Active tool End*/ } @media (min-width:300px) and (max-width:359px){ /*css for dashboard start */ #leftnav{ display:none;} #sidebar{ display:none;} #separator{ display:none;} .col-xs-10{ width:100%;} .use-sidebar #content{ width:95%;} .mar_bot30{margin-bottom:30px;} .head_bg{display:none;} #mobilenav{ display:block;} #logo{ display:none;} .navbar-header{ background-color:#FFF; border-bottom:0px solid #999;} header{min-height: 70px;} #slidedown{display:none;} .col-xs-5{ width:100%;} .col-xs-1{ width:100%;} .col-xs-6{ width:100%;} .padleft_mob{ padding-left:0px;} /*css for dashboard End */ .blue_box{ width:100%} .show_ent_div{ display:none;} } /*css for Mobile End */ /* On small screens, set height to 'auto' for the grid */ @media screen and (max-width: 767px) { .row.content {height: auto;} } /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */ @media and (-webkit-min-device-pixel-ratio:0) { .select-style select{ background-color: transparent; } } /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .select-style select{ background-color: transparent; } } /* Chrome 22-28 */ @media screen and(-webkit-min-device-pixel-ratio:0) { .select-style select{ background-color: transparent; } }